:root{--color-bg: #0a0a0a;--color-surface: #141414;--color-surface-2: #1a1a1a;--color-surface-3: #1e1e1e;--color-border: #222;--color-border-hover: #333;--color-border-subtle: #191919;--color-text: #e5e5e5;--color-text-bright: #fff;--color-text-muted: #888;--color-text-faint: #555;--color-accent: #3b82f6;--color-accent-hover: #60a5fa;--color-accent-dim: rgba(59, 130, 246, .08);--color-accent-glow: rgba(59, 130, 246, .15);--color-accent-border: rgba(59, 130, 246, .25);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "Cascadia Code", monospace;--text-xs: .8rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.3125rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.375rem;--text-5xl: 3rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sp-20: 5rem;--sp-24: 6rem;--content-width: 46rem;--page-width: 72rem;--sidebar-width: 14rem;--page-padding: var(--sp-6);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .4s;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-padding-top:5rem}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);min-height:100vh}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:#3b82f640;color:var(--color-text-bright)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.reading-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));z-index:200;transition:width 50ms linear;will-change:width}.layout{display:flex;flex-direction:column;min-height:100vh}.main{flex:1;width:100%;max-width:var(--content-width);margin:0 auto;padding:var(--sp-8) var(--page-padding) var(--sp-16)}.main.main--wide{max-width:var(--page-width)}.header{position:sticky;top:0;z-index:100;background:#0a0a0ad1;backdrop-filter:blur(16px) saturate(1.8);-webkit-backdrop-filter:blur(16px) saturate(1.8);border-bottom:1px solid var(--color-border-subtle)}.header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-accent-border) 50%,transparent 100%)}.header-inner{max-width:var(--page-width);margin:0 auto;padding:var(--sp-3) var(--page-padding);display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-mono);font-weight:600;font-size:var(--text-lg);color:var(--color-text);letter-spacing:-.03em;transition:color var(--duration-fast) var(--ease-in-out)}.logo:hover{color:var(--color-accent)}.nav{display:flex;gap:var(--sp-1)}.nav-link{font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-in-out),background var(--duration-fast) var(--ease-in-out)}.nav-link:hover{color:var(--color-text);background:var(--color-surface)}.hero{position:relative;padding:var(--sp-16) 0 var(--sp-12);text-align:center;animation:fadeIn var(--duration-slow) var(--ease-out) both}.hero:before{content:"";position:absolute;top:-4rem;left:50%;transform:translate(-50%);width:40rem;height:20rem;background:radial-gradient(ellipse at center,var(--color-accent-glow) 0%,transparent 70%);pointer-events:none;z-index:-1}.hero-title{font-family:var(--font-mono);font-size:var(--text-5xl);font-weight:700;letter-spacing:-.04em;line-height:1.1;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-text-muted) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tag-filter{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-8);animation:fadeIn var(--duration-slow) var(--ease-out) .1s both}.tag-btn{font-family:inherit;font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);padding:var(--sp-1) var(--sp-3);border-radius:9999px;cursor:pointer;transition:color var(--duration-fast) var(--ease-in-out),background var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out);text-transform:lowercase}.tag-btn:hover{color:var(--color-text);border-color:var(--color-border-hover);background:var(--color-surface)}.tag-btn.active{color:var(--tag-color, var(--color-accent));border-color:var(--tag-color, var(--color-accent));background:transparent}.post-list{display:flex;flex-direction:column;gap:var(--sp-3)}.post-card{display:block;position:relative;padding:var(--sp-6);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);overflow:hidden;transition:border-color var(--duration-base) var(--ease-in-out),box-shadow var(--duration-base) var(--ease-in-out),transform var(--duration-base) var(--ease-out);animation:slideUp var(--duration-slow) var(--ease-out) both}.post-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(500px circle at var(--mx, 50%) var(--my, 50%),rgba(59,130,246,.07),transparent 40%);opacity:0;transition:opacity var(--duration-base) var(--ease-in-out);pointer-events:none}.post-card:hover:before{opacity:1}.post-card:hover{border-color:var(--color-border-hover);box-shadow:0 8px 32px -8px #00000080;transform:translateY(-2px)}.post-card-meta{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-2)}.post-card-tag{font-size:var(--text-xs);font-weight:500;letter-spacing:.04em;text-transform:lowercase}.post-card-dot{color:var(--color-text-faint);font-size:var(--text-xs)}.post-card-date{font-size:var(--text-xs);color:var(--color-text-faint)}.post-card-title{font-size:var(--text-xl);font-weight:600;letter-spacing:-.015em;line-height:1.35;color:var(--color-text-bright)}.post-card-desc{margin-top:var(--sp-2);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.post-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-4)}.post-card-read{font-size:var(--text-xs);color:var(--color-text-faint)}.post-card-arrow{font-size:var(--text-sm);color:var(--color-text-faint);transition:transform var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-in-out)}.post-card:hover .post-card-arrow{transform:translate(4px);color:var(--color-accent)}.page-post{animation:fadeIn var(--duration-slow) var(--ease-out) both}.post-layout{display:grid;grid-template-columns:1fr;gap:var(--sp-8)}@media(min-width:1024px){.main.main--wide .post-layout{grid-template-columns:1fr var(--sidebar-width);max-width:calc(var(--content-width) + var(--sidebar-width) + var(--sp-8));margin:0 auto}}.post-content{min-width:0}.back-link{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--color-text-faint);margin-bottom:var(--sp-8);transition:color var(--duration-fast) var(--ease-in-out)}.back-link:hover{color:var(--color-accent)}.article-header{margin-bottom:var(--sp-4)}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.article-tag{font-size:var(--text-xs);font-weight:500;letter-spacing:.04em;padding:var(--sp-1) var(--sp-3);border-radius:9999px;border:1px solid;text-transform:lowercase}.article-date,.article-reading-time{font-size:var(--text-xs);color:var(--color-text-faint)}.article-title{font-size:var(--text-4xl);font-weight:700;letter-spacing:-.03em;line-height:1.2;color:var(--color-text-bright)}.article-description{margin-top:var(--sp-3);font-size:var(--text-lg);color:var(--color-text-muted);line-height:1.6}.article-divider{height:1px;background:linear-gradient(90deg,var(--color-border) 0%,var(--color-accent-border) 50%,var(--color-border) 100%);margin:var(--sp-8) 0}.toc{position:sticky;top:5rem;align-self:start;max-height:calc(100vh - 8rem);overflow-y:auto}.toc-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);margin-bottom:var(--sp-4)}.toc-list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-1);border-left:1px solid var(--color-border)}.toc-item{position:relative}.toc-link{display:block;font-size:var(--text-xs);color:var(--color-text-faint);padding:var(--sp-1) var(--sp-4);line-height:1.5;border-left:1px solid transparent;margin-left:-1px;transition:color var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out)}.toc-link:hover{color:var(--color-text-muted)}.toc-link.active{color:var(--color-accent);border-left-color:var(--color-accent)}.toc-link--h3{padding-left:var(--sp-8)}.prose{font-size:var(--text-lg);line-height:1.8;color:var(--color-text)}.prose>*+*{margin-top:var(--sp-6)}.prose h1,.prose h2,.prose h3,.prose h4{font-weight:600;letter-spacing:-.02em;line-height:1.3;color:var(--color-text-bright);scroll-margin-top:5rem}.prose h1{font-size:var(--text-3xl);margin-top:var(--sp-12)}.prose h2{font-size:var(--text-2xl);margin-top:var(--sp-12);padding-left:var(--sp-4);padding-bottom:var(--sp-2);border-left:2px solid var(--color-accent)}.prose h3{font-size:var(--text-xl);margin-top:var(--sp-8)}.prose h4{font-size:var(--text-lg);margin-top:var(--sp-6)}.prose h1+*,.prose h2+*,.prose h3+*,.prose h4+*{margin-top:var(--sp-4)}.prose a{color:var(--color-accent);text-decoration:none;background-image:linear-gradient(var(--color-accent),var(--color-accent));background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size var(--duration-base) var(--ease-out)}.prose a:hover{background-size:100% 1px}.prose strong{font-weight:800;color:#fff}.prose ul,.prose ol{padding-left:var(--sp-6)}.prose li{margin-top:var(--sp-2)}.prose li::marker{color:var(--color-accent)}.prose blockquote{border-left:2px solid var(--color-accent);padding:var(--sp-4) var(--sp-5);background:var(--color-surface);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-muted);font-style:italic}.prose blockquote>*+*{margin-top:var(--sp-4)}.prose code{font-family:var(--font-mono);font-size:.85em;background:var(--color-surface-2);border:1px solid var(--color-border);padding:.15em .4em;border-radius:var(--radius-sm);color:var(--color-accent-hover)}.prose pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--sp-5);overflow-x:auto;line-height:1.65;position:relative}.prose pre code{background:none;border:none;padding:0;font-size:var(--text-sm);color:var(--color-text);border-radius:0}.prose table{width:100%;border-collapse:collapse;font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.prose th{text-align:left;font-weight:600;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.prose td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--color-border-subtle)}.prose tr:hover td{background:var(--color-surface)}.prose hr{border:none;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-border) 20%,var(--color-border) 80%,transparent 100%);margin:var(--sp-10) 0}.prose img{border-radius:var(--radius-lg);border:1px solid var(--color-border)}.hljs{color:#c0caf5}.hljs-comment,.hljs-quote{color:#565f89;font-style:italic}.hljs-keyword,.hljs-selector-tag{color:#bb9af7}.hljs-string,.hljs-addition{color:#9ece6a}.hljs-number,.hljs-literal{color:#ff9e64}.hljs-built_in,.hljs-type{color:#2ac3de}.hljs-function .hljs-title,.hljs-title.function_{color:#7aa2f7}.hljs-variable,.hljs-attr{color:#7dcfff}.hljs-params{color:#c0caf5}.hljs-deletion{color:#f7768e}.hljs-regexp{color:#89ddff}.hljs-meta{color:#565f89}.hljs-symbol{color:#73daca}.hljs-selector-class,.hljs-selector-id{color:#7aa2f7}.hljs-attribute{color:#bb9af7}.footer{border-top:1px solid var(--color-border-subtle);margin-top:auto}.footer-inner{max-width:var(--page-width);margin:0 auto;padding:var(--sp-8) var(--page-padding);text-align:center}.footer-text{font-size:var(--text-xs);color:var(--color-text-faint)}.page-notfound{text-align:center;padding:var(--sp-24) 0;animation:fadeIn var(--duration-slow) var(--ease-out) both}.notfound-code{font-family:var(--font-mono);font-size:6rem;font-weight:700;background:linear-gradient(135deg,var(--color-border-hover) 0%,var(--color-border) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.notfound-text{margin-top:var(--sp-4);color:var(--color-text-faint);font-size:var(--text-lg)}.notfound-link{display:inline-block;margin-top:var(--sp-8);font-size:var(--text-sm);color:var(--color-accent);transition:opacity var(--duration-fast) var(--ease-in-out)}.notfound-link:hover{opacity:.8}.empty-state{text-align:center;padding:var(--sp-16) 0;color:var(--color-text-faint)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){:root{--page-padding: var(--sp-4);--text-5xl: 2.25rem;--text-4xl: 1.875rem;--text-3xl: 1.5rem}.hero{padding:var(--sp-10) 0 var(--sp-8)}.hero:before{width:24rem;height:12rem}.post-card{padding:var(--sp-4)}.toc{display:none}.prose pre{margin-left:calc(-1 * var(--page-padding));margin-right:calc(-1 * var(--page-padding));border-radius:0;border-left:none;border-right:none;padding-left:var(--page-padding);padding-right:var(--page-padding)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reading-progress{display:none}}