:root{--color-bg:#0b2a48;--color-bg-raised:#12385c;--color-bg-glow:#194a74;--color-line:#b4dcff26;--color-border:#b4dcff40;--color-border-subtle:#b4dcff1a;--color-border-hairline:#ffffff14;--color-text:#e9f6ff;--color-text-soft:#c9e3f6;--color-muted:#8db7d4;--color-accent:#9ee8ff;--color-danger:#ff6b7a;--color-success:#7ae8a0;--font-mono:"Space Mono", monospace;--font-sans:"Inter", sans-serif;--font-size-hero:58px;--font-size-h1:2rem;--font-size-h2:1.5rem;--font-size-h3:1.25rem;--font-size-body:.95rem;--font-size-sm:.85rem;--font-size-xs:.75rem;--font-size-tag:.7rem;--leading-relaxed:1.8;--leading-content:1.9;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:40px;--space-3xl:60px;--space-4xl:80px;--radius-sm:2px;--transition-fast:.2s ease;--transition-smooth:.3s ease;--z-backdrop:0;--z-content:1;--z-toast:9999}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{scrollbar-gutter:stable}body{font-family:var(--font-sans);color:var(--color-text);background: linear-gradient(var(--color-line) 1px, transparent 1px), linear-gradient(90deg, var(--color-line) 1px, transparent 1px),  radial-gradient(circle at top, var(--color-bg-glow), var(--color-bg) 60%);background-size:40px 40px,40px 40px,cover;background-attachment:fixed;min-height:100vh}body:before{content:"";pointer-events:none;z-index:var(--z-backdrop);background:radial-gradient(circle,#0000 0%,#ffffff05 60%,#00000026 100%);position:fixed;inset:0}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.container{width:min(1100px,90%);z-index:var(--z-content);flex:1 0 auto;margin-inline:auto;position:relative}header{padding:var(--space-4xl) 0 var(--space-3xl)}header.post-header{padding:30px 0 var(--space-lg);border-bottom:1px solid var(--color-border)}.post-header-title{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:2px;font-size:.9rem}.grid{gap:var(--space-2xl);padding-bottom:var(--space-4xl);grid-template-columns:2fr 1fr;display:grid}.grid-single{grid-template-columns:1fr}@media (width<=850px){.grid{grid-template-columns:1fr}.title{font-size:42px}}.footer-card{width:min(1100px,90%);margin:0 auto var(--space-2xl);border:1px solid var(--color-border-subtle);padding:var(--space-md) var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted);letter-spacing:1px;background:#ffffff05;margin-bottom:10px;display:flex}.title{font-family:var(--font-mono);font-size:var(--font-size-hero);letter-spacing:0;text-transform:uppercase}.subtitle{color:var(--color-muted);max-width:600px;line-height:var(--leading-relaxed);margin-top:14px}.line{background:var(--color-accent);width:180px;height:2px;margin:28px 0}.card{--corner-size:22px;--corner-offset:10px;--corner-width:2px;border:1px solid var(--color-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff08;padding:28px;position:relative}.card:before,.card:after{content:"";width:var(--corner-size);height:var(--corner-size);position:absolute}.card:before{top:var(--corner-offset);left:var(--corner-offset);border-top:var(--corner-width) solid var(--color-accent);border-left:var(--corner-width) solid var(--color-accent)}.card:after{right:var(--corner-offset);bottom:var(--corner-offset);border-right:var(--corner-width) solid var(--color-accent);border-bottom:var(--corner-width) solid var(--color-accent)}.post-card-link{--hover-corner-size:12px;color:inherit;text-decoration:none;display:block;position:relative}.post-card-link:before,.post-card-link:after{content:"";width:var(--hover-corner-size);height:var(--hover-corner-size);opacity:0;transition:opacity var(--transition-smooth);pointer-events:none;position:absolute}.post-card-link:before{border-top:1px solid var(--color-accent);border-left:1px solid var(--color-accent);top:0;left:0}.post-card-link:after{border-right:1px solid var(--color-accent);border-bottom:1px solid var(--color-accent);bottom:0;right:0}.post-card-link:hover:before,.post-card-link:hover:after{opacity:1}.post-card-link:hover .post h2{color:var(--color-accent)}.post{padding:20px 0 0}.post:last-child{padding-bottom:0}.post-divider{border:none;border-top:1px solid var(--color-border);width:100%;margin:28px 0}.date{font-family:var(--font-mono);color:var(--color-accent);font-size:var(--font-size-sm);margin-bottom:10px}.post h2{font-size:var(--font-size-h2);color:var(--color-text);transition:color var(--transition-fast);margin-bottom:14px;font-weight:500}.post h2 a{color:inherit;text-decoration:none}.post p{color:var(--color-text-soft);line-height:var(--leading-relaxed)}.sidebar h3{font-family:var(--font-mono);letter-spacing:2px;margin-bottom:20px}.sidebar ul{list-style:none}.sidebar li{color:var(--color-muted);cursor:pointer;transition:color var(--transition-fast);border-bottom:1px dashed #ffffff26;padding:12px 0}.sidebar li:hover{color:var(--color-accent)}.sidebar li.active{color:var(--color-accent);text-decoration:underline}.signature{font-family:var(--font-mono);color:var(--color-accent);font-size:var(--font-size-sm);line-height:var(--leading-relaxed)}.sidebar-card-gap{margin-top:24px}.btn{--btn-accent:var(--color-accent);font-family:var(--font-mono);border:1px solid var(--btn-accent);color:var(--btn-accent);font-size:var(--font-size-sm);letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast);background:0 0;padding:10px 24px;text-decoration:none;display:inline-block}.btn:hover{background:#9ee8ff1a}.btn-danger{--btn-accent:var(--color-danger)}.btn-danger:hover{background:#ff6b7a1a}.btn-sm{font-size:var(--font-size-xs);padding:6px 14px}input,textarea,select{width:100%;padding:12px var(--space-md);border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-body);transition:border-color var(--transition-fast);background:#ffffff0d;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--color-accent)}label{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:1px;margin-bottom:6px;display:block}.form-group{margin-bottom:20px}.markdown-content{line-height:var(--leading-content);color:var(--color-text-soft)}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{font-family:var(--font-mono);color:var(--color-text);margin:var(--space-xl) 0 var(--space-md)}.markdown-content h1{font-size:var(--font-size-h1)}.markdown-content h2{font-size:var(--font-size-h2)}.markdown-content h3{font-size:var(--font-size-h3)}.markdown-content p{margin-bottom:var(--space-md)}.markdown-content a{color:var(--color-accent);border-bottom:1px dashed var(--color-accent);text-decoration:none}.markdown-content a:hover{border-bottom-style:solid}.markdown-content img{border:1px solid var(--color-border);max-width:100%;margin:var(--space-md) 0}.markdown-content blockquote{border-left:3px solid var(--color-accent);margin:var(--space-md) 0;padding:var(--space-sm) 20px;color:var(--color-muted);background:#9ee8ff0d;font-style:italic}.markdown-content pre{margin:var(--space-md) 0;border:1px solid #b4dcff33;padding:20px;font-size:.9rem;line-height:1.6;overflow-x:auto;background:#0006!important}.markdown-content code{font-family:var(--font-mono);border-radius:var(--radius-sm);background:#9ee8ff1a;padding:2px 6px;font-size:.85em}.markdown-content pre code{font-size:var(--font-size-sm);padding:0;background:0 0!important}.markdown-content table{border-collapse:collapse;width:100%;margin:var(--space-md) 0}.markdown-content th,.markdown-content td{padding:10px var(--space-md);text-align:left;border:1px solid #b4dcff33}.markdown-content th{font-family:var(--font-mono);color:var(--color-accent);background:#9ee8ff1a;font-weight:400}.markdown-content ul,.markdown-content ol{padding-left:var(--space-lg);margin:12px 0}.markdown-content li{margin-bottom:6px}.markdown-content li.task-list-item{margin-left:calc(-1 * var(--space-lg));align-items:center;gap:10px;list-style:none;display:flex}.markdown-content input[type=checkbox]{appearance:none;border:2px solid var(--color-accent);cursor:default;background:#ffffff08;flex-shrink:0;width:15px;height:15px;margin:0;padding:0;position:relative}.markdown-content input[type=checkbox]:before,.markdown-content input[type=checkbox]:after{content:"";background:var(--color-accent);opacity:0;height:2px;position:absolute;top:4px;left:2px;right:2px}.markdown-content input[type=checkbox]:before{transform:rotate(45deg)}.markdown-content input[type=checkbox]:after{transform:rotate(-45deg)}.markdown-content input[type=checkbox]:checked:before,.markdown-content input[type=checkbox]:checked:after{opacity:1}.markdown-content hr{margin:var(--space-xl) 0;border:none;border-top:1px dashed #b4dcff33}.pagination{justify-content:center;gap:12px;margin-top:30px;display:flex}.pagination button{font-family:var(--font-mono);padding:8px var(--space-md);border:1px solid var(--color-border);color:var(--color-muted);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0}.pagination button:hover,.pagination button.active{border-color:var(--color-accent);color:var(--color-accent)}.pagination button.active{background:#9ee8ff0d}.tag{margin:2px var(--space-xs) 2px 0;font-family:var(--font-mono);font-size:var(--font-size-tag);color:var(--color-muted);letter-spacing:1px;border:1px solid #b4dcff4d;padding:2px 10px;display:inline-block}.tag-clickable{cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);text-decoration:none}.tag-clickable:hover{color:var(--color-accent);border-color:var(--color-accent)}.back-link{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--font-size-sm);margin:20px 0;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}.loading{text-align:center;padding:var(--space-3xl);color:var(--color-muted);font-family:var(--font-mono)}.category-badge{font-family:var(--font-mono);letter-spacing:1px;color:var(--color-accent);border:1px solid var(--color-accent);vertical-align:middle;text-transform:uppercase;margin-left:12px;padding:1px 10px;font-size:.65rem;display:inline-block}.category-badge-clickable{cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);text-decoration:none}.category-badge-clickable:hover{background:#9ee8ff1a}.tag-cloud{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tag-cloud-item{font-family:var(--font-mono);color:var(--color-muted);transition:color var(--transition-fast);letter-spacing:.5px;white-space:nowrap;text-decoration:none}.tag-cloud-item:hover{color:var(--color-accent)}.tag-cloud-item.active{color:var(--color-accent);text-decoration:underline}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{border-right:1px solid var(--color-line);background:#0000004d;width:250px;padding:30px 20px}.admin-sidebar h3{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:3px;margin-bottom:30px}.admin-sidebar nav a{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:1px;transition:color var(--transition-fast);padding:10px 0;text-decoration:none;display:block}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{color:var(--color-accent)}.admin-main{padding:30px var(--space-2xl);flex:1;overflow-y:auto}.admin-main h1{font-family:var(--font-mono);letter-spacing:2px;margin-bottom:30px;font-size:1.8rem}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{padding:12px var(--space-md);border-bottom:1px solid var(--color-border-subtle);text-align:left}.admin-table th{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:1px;font-size:.8rem}.admin-table tr:hover td{background:#9ee8ff08}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}