:root{--bg: #050508;--bg-2: #0d0d1e;--paper: #111128;--ink: #f2f2ff;--ink-2: #c0c0f0;--muted: #7878aa;--muted-2: #5a5a88;--line: #1a1a3a;--line-2: rgba(0, 245, 255, .12);--accent: #00f5ff;--accent-ink:#00c8d4;--accent-bg: rgba(0, 245, 255, .07);--neon-magenta: #ff0099;--neon-green: #39ff14;--neon-yellow: #ffd700;--neon-red: #ff1133;--neon-violet: #9b00ff;--glow-cyan: 0 0 8px #00f5ff99, 0 0 20px #00f5ff44, 0 0 40px #00f5ff22;--glow-magenta: 0 0 8px #ff009999, 0 0 20px #ff009944, 0 0 40px #ff009922;--glow-green: 0 0 8px #39ff1499, 0 0 20px #39ff1444;--glow-yellow: 0 0 8px #ffd70099, 0 0 20px #ffd70044;--glow-red: 0 0 8px #ff113399, 0 0 20px #ff113344;--shadow-xs: 0 1px 3px rgba(0,0,0,.8);--shadow-sm: 0 2px 8px rgba(0,0,0,.8);--shadow-md: 0 4px 16px rgba(0,0,0,.85);--shadow-lg: 0 8px 32px rgba(0,0,0,.9);--shadow-xl: 0 16px 48px rgba(0,0,0,.95);--shadow-accent:var(--glow-cyan);--ease: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-std: cubic-bezier(.4, 0, .2, 1);--t-fast: .15s;--t-base: .22s;--t-slow: .35s;--display: "Orbitron", system-ui, sans-serif;--serif: "Exo 2", system-ui, sans-serif;--sans: "Exo 2", system-ui, sans-serif;--mono: "JetBrains Mono", "Share Tech Mono", ui-monospace, monospace;--maxw: 1240px;--readw: 680px;--r-sm: 2px;--r-md: 4px;--r-lg: 6px;--r-xl: 8px;--z-base: 1;--z-sticky: 50;--z-nav: 60;--z-overlay: 80;--z-modal: 90;--z-toast: 100}[data-theme=dark]{--bg: #020205;--bg-2: #090916;--paper: #0d0d20;--ink: #f4f4ff;--ink-2: #c8c8f4;--muted: #8080b8;--muted-2: #6060a0;--line: #1e1e40;--line-2: rgba(0, 245, 255, .15);--accent: #00f5ff;--accent-ink:#00d4e0;--accent-bg: rgba(0, 245, 255, .08);--shadow-xs: 0 1px 3px rgba(0,0,0,.9);--shadow-sm: 0 2px 8px rgba(0,0,0,.9);--shadow-md: 0 4px 16px rgba(0,0,0,.95);--shadow-lg: 0 8px 32px rgba(0,0,0,.95);--shadow-xl: 0 16px 48px rgba(0,0,0,1);--shadow-accent:var(--glow-cyan)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern";overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}:focus-visible{outline:1px solid var(--accent);outline-offset:3px;box-shadow:var(--glow-cyan);border-radius:2px}::-moz-selection{background:var(--accent);color:var(--bg)}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px;opacity:.5}::-webkit-scrollbar-thumb:hover{box-shadow:var(--glow-cyan)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.cyber-grid{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(0,245,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.03) 1px,transparent 1px);background-size:40px 40px;animation:grid-pulse 8s ease-in-out infinite}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.07) 2px,rgba(0,0,0,.07) 4px)}@keyframes grid-pulse{0%,to{opacity:.5}50%{opacity:1}}.app-shell{min-height:100vh;background:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(0,245,255,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(255,0,153,.05) 0%,transparent 55%),radial-gradient(ellipse 50% 30% at 60% 50%,rgba(57,255,20,.02) 0%,transparent 50%),transparent;position:relative;z-index:2}.nav{position:sticky;top:0;z-index:var(--z-nav);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);background:#050508f2;border-bottom:1px solid #00f5ff33;box-shadow:0 0 20px #00f5ff11,0 1px #00f5ff22}.nav-inner{max-width:var(--maxw);margin:0 auto;padding:14px 32px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:baseline;gap:10px;font-family:var(--mono);font-weight:700;font-size:16px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);text-shadow:var(--glow-cyan);filter:drop-shadow(0 0 8px #00f5ff44);transition:filter var(--t-fast) var(--ease-std)}.brand:hover{filter:drop-shadow(0 0 16px #00f5ff88)}.brand-mark{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1.5px solid var(--accent);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);font-family:var(--mono);font-weight:700;font-size:11px;color:var(--accent);transform:translateY(1px);transition:box-shadow var(--t-fast) var(--ease-std);box-shadow:var(--glow-cyan)}.brand:hover .brand-mark{background:#00f5ff1a}.brand-tag{text-shadow:none;filter:none;text-transform:none;font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.04em;border-left:1px solid var(--line);padding-left:10px;align-self:center}.nav-links{display:flex;gap:4px;margin-left:auto;font-family:var(--mono);font-size:12.5px;letter-spacing:.02em}.nav-link{padding:8px 12px;border-radius:4px;color:var(--muted);transition:color var(--t-fast) var(--ease-std),background var(--t-fast) var(--ease-std),text-shadow var(--t-fast) var(--ease-std);position:relative}.nav-link:hover{color:var(--ink);background:#00f5ff0d}.nav-link.active{color:#00f5ff;text-shadow:0 0 8px #00f5ff66;background:#00f5ff0f}.nav-link.active:before{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;background:#00f5ff;box-shadow:0 0 8px #00f5ff,0 0 20px #00f5ff44}.nav-icon-btn{width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);transition:color var(--t-fast) var(--ease-std),background var(--t-fast) var(--ease-std)}.nav-icon-btn:hover{color:var(--ink);background:var(--bg-2)}.footer{margin-top:120px;position:relative;z-index:1;background:#00f5ff05;color:var(--muted);font-size:13px;border-top:1px solid rgba(0,245,255,.15)}.footer:before{content:"";display:block;height:2px;background:linear-gradient(90deg,var(--accent),color-mix(in oklab,var(--accent) 40%,transparent) 60%,transparent);opacity:.8;box-shadow:0 0 16px color-mix(in oklab,var(--accent) 60%,transparent)}.footer-inner{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding:56px 32px 64px}.footer h4{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#f09;text-shadow:0 0 8px #ff009966,0 0 20px #ff009933;margin:0 0 16px}.footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer a{color:var(--muted);transition:color .15s ease,text-shadow .15s ease}.footer a:hover{color:#00f5ff;text-shadow:0 0 8px #00f5ff66}.footer .brand{color:var(--accent);text-shadow:var(--glow-cyan);margin-bottom:14px}.footer .brand-mark{background:#00f5ff1a;color:var(--accent);box-shadow:var(--glow-cyan)}.footer .brand:hover .brand-mark{background:#00f5ff2e;box-shadow:0 0 20px #00f5ff88,0 0 40px #00f5ff44}.footer .colophon{grid-column:1 / -1;margin-top:24px;padding-top:24px;border-top:1px solid rgba(0,245,255,.12);display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--muted)}.page{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:64px 32px}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:8px}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:dot-pulse 2.4s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}.hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:64px;align-items:end;padding-bottom:80px;border-bottom:1px solid var(--line)}.hero>*{min-width:0}.hero h1{font-family:var(--display);font-weight:700;font-size:clamp(28px,5.4vw,68px);line-height:1.08;letter-spacing:-.03em;margin:24px 0 0;color:var(--ink);text-wrap:balance;overflow-wrap:break-word;hyphens:auto;padding-bottom:.12em}.hero h1 em{font-style:normal;font-weight:700;color:var(--accent)}.hero-sub{font-family:var(--serif);font-size:19px;line-height:1.65;color:var(--ink-2);max-width:560px;margin-top:36px}.hero-meta{display:flex;flex-direction:column;gap:18px;font-family:var(--mono);font-size:12px;color:var(--muted);padding-bottom:12px}.hero-meta-row{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line);padding-bottom:12px}.hero-meta-row b{color:var(--ink);font-weight:500}.featured{margin-top:80px}.featured-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;margin-top:32px}.featured-card{position:relative;display:block;border-radius:6px;overflow:hidden;background:var(--bg-2);aspect-ratio:4 / 3;border:1px solid var(--line);transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),border-color .2s ease;box-shadow:var(--shadow-md)}.featured-card:hover{transform:translateY(-6px)}.featured-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;color:var(--muted-2)}.featured-art-cover{background:var(--bg)}.featured-cover-img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;display:block}.featured-overlay{position:absolute;left:0;right:0;bottom:0;padding:32px 28px 28px;background:linear-gradient(to top,rgba(5,8,16,.9) 0%,rgba(5,8,16,.5) 60%,transparent 100%);color:var(--ink)}.featured-overlay h3{font-family:var(--display);font-weight:700;font-size:clamp(24px,2.6vw,36px);line-height:1.1;letter-spacing:-.02em;margin:10px 0 0;text-wrap:balance}.featured-overlay .tag{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 8px color-mix(in oklab,var(--accent) 60%,transparent)}.featured-side{display:flex;flex-direction:column;gap:24px}.featured-side .post-row{padding-bottom:24px;border-bottom:1px solid var(--line)}.featured-side .post-row:last-child{border-bottom:0}.section-header{display:flex;align-items:end;justify-content:space-between;margin-top:96px;margin-bottom:32px;border-bottom:1px solid var(--line);padding-bottom:16px}.section-header h2{font-family:var(--display);font-weight:700;font-size:40px;letter-spacing:-.025em;margin:0}.section-header h2 em{font-style:normal;color:var(--accent);font-weight:700}.section-header .count{font-family:var(--mono);font-size:12px;color:var(--muted)}.kind-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:2px;border:1px solid var(--line);color:var(--muted);background:transparent}.kind-badge .dot{width:5px;height:5px;border-radius:50%;background:var(--muted-2);animation:blink 2s ease-in-out infinite}.post-problem{font-family:var(--serif);font-style:italic;font-size:14.5px;color:var(--muted);margin-top:6px;max-width:620px;line-height:1.5;text-wrap:pretty}.post-problem:before{content:"problem — ";font-style:normal;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin-right:4px}.post-row{display:grid;grid-template-columns:80px 1fr auto;gap:28px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line);cursor:pointer;transition:padding var(--t-base) var(--ease-std)}.post-row:hover{padding-left:10px}.post-row:hover .post-title{color:var(--accent);text-shadow:0 0 20px color-mix(in oklab,var(--accent) 40%,transparent)}.post-row .post-num{font-family:var(--mono);font-size:11px;color:var(--muted-2);letter-spacing:.06em}.post-row .post-title{font-family:var(--display);font-weight:600;font-size:24px;line-height:1.2;letter-spacing:-.015em;color:var(--ink);transition:color var(--t-fast) var(--ease-std),text-shadow var(--t-fast) var(--ease-std);text-wrap:balance}.post-row .post-meta{font-family:var(--mono);font-size:11px;color:var(--muted);display:flex;gap:14px;align-items:center;margin-top:6px}.post-row .post-meta .pill{padding:2px 8px;border-radius:4px;background:var(--bg-2);border:1px solid var(--line);letter-spacing:.04em}.post-row .post-date{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap}.post-row .post-excerpt{font-family:var(--serif);font-size:15px;color:var(--ink-2);line-height:1.55;margin-top:8px;max-width:620px;text-wrap:pretty}.post-row.compact{grid-template-columns:1fr;padding:0 0 16px;gap:8px}.post-row.compact .post-title{font-size:17px}.post-row.compact:hover{padding-left:0}.archive-header{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:end;padding-bottom:32px;border-bottom:1px solid var(--line)}.archive-header h1{font-family:var(--display);font-weight:700;font-size:clamp(40px,6vw,72px);letter-spacing:-.03em;line-height:1;margin:0}.archive-header h1 em{font-style:normal;color:var(--accent);font-weight:700;text-shadow:0 0 30px color-mix(in oklab,var(--accent) 50%,transparent)}.archive-stats{display:flex;gap:36px;font-family:var(--mono);font-size:12px;color:var(--muted)}.archive-stats .stat b{display:block;color:var(--accent);font-size:28px;font-weight:700;font-family:var(--display);letter-spacing:-.02em;margin-bottom:2px;text-shadow:0 0 20px color-mix(in oklab,var(--accent) 50%,transparent)}.af-root{margin-top:36px}.af-search{display:flex;align-items:center;gap:12px;padding:13px 18px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-sm);cursor:text;transition:border-color var(--t-fast) var(--ease-std),box-shadow var(--t-fast) var(--ease-std)}.af-search:focus-within{border-color:var(--accent);box-shadow:var(--shadow-md),0 0 0 3px color-mix(in oklab,var(--accent) 12%,transparent)}.af-search-icon{width:15px;height:15px;flex-shrink:0;color:var(--muted-2);transition:color var(--t-fast) var(--ease-std)}.af-search:focus-within .af-search-icon{color:var(--accent)}.af-search-input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-family:var(--sans);font-size:15px;color:var(--ink)}.af-search-input::-moz-placeholder{color:var(--muted-2)}.af-search-input::placeholder{color:var(--muted-2)}.af-search-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;border-radius:50%;background:var(--bg-2);border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:color var(--t-fast) var(--ease-std),background var(--t-fast) var(--ease-std)}.af-search-clear:hover{color:var(--ink);background:var(--line)}.af-search-clear svg{width:9px;height:9px}.af-search-kbd{font-family:var(--mono);font-size:10.5px;color:var(--muted-2);background:var(--bg-2);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:2px 7px;flex-shrink:0;pointer-events:none;letter-spacing:.02em}.af-rail-outer{position:relative;margin-top:16px}.af-rail-outer:before,.af-rail-outer:after{content:"";position:absolute;top:0;bottom:0;width:32px;pointer-events:none;z-index:2}.af-rail-outer:before{left:0;background:linear-gradient(to right,var(--bg) 20%,transparent)}.af-rail-outer:after{right:0;background:linear-gradient(to left,var(--bg) 20%,transparent)}.af-rail{display:flex;gap:5px;overflow-x:auto;padding:3px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.af-rail::-webkit-scrollbar{display:none}.af-tag{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:6px;border:1px solid var(--line);background:var(--paper);font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:var(--muted);cursor:pointer;white-space:nowrap;transition:color var(--t-fast) var(--ease-std),border-color var(--t-fast) var(--ease-std),background var(--t-fast) var(--ease-std),transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease-std)}.af-tag:hover{color:var(--ink);border-color:color-mix(in oklab,var(--ink) 50%,transparent);background:var(--bg-2);transform:translateY(-1px);box-shadow:var(--shadow-xs)}.af-tag.active{color:var(--accent-ink);border-color:color-mix(in oklab,var(--accent) 45%,transparent);background:var(--accent-bg);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent) 18%,transparent);transform:none}[data-theme=dark] .af-tag.active{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 38%,transparent);background:color-mix(in oklab,var(--accent) 10%,var(--bg-2))}.af-tag-n{font-size:10px;opacity:.5;font-variant-numeric:tabular-nums}.af-status{display:flex;align-items:center;gap:10px;margin-top:14px;margin-bottom:4px;min-height:28px}.af-status-count{display:inline-flex;align-items:baseline;gap:5px;font-family:var(--mono);font-size:11.5px;color:var(--muted);animation:af-pop .2s var(--ease) both}.af-status-n{font-size:15px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.af-status-clear{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 7px;border-radius:5px;border:1px solid color-mix(in oklab,var(--accent) 32%,transparent);background:var(--accent-bg);font-family:var(--mono);font-size:11px;color:var(--accent-ink);cursor:pointer;animation:af-slide-in .18s var(--ease) both;transition:background var(--t-fast) var(--ease-std),border-color var(--t-fast) var(--ease-std)}[data-theme=dark] .af-status-clear{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 28%,transparent);background:color-mix(in oklab,var(--accent) 9%,var(--bg-2))}.af-status-clear:hover{background:color-mix(in oklab,var(--accent) 18%,var(--accent-bg));border-color:color-mix(in oklab,var(--accent) 52%,transparent)}.af-status-clear svg{width:9px;height:9px;flex-shrink:0}.af-active-pill{display:inline-flex;align-items:center;gap:5px}.af-active-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.af-active-query{font-style:italic;opacity:.8}.af-list{margin-top:8px}.af-year-group{margin-top:52px}.af-year-rail{display:flex;align-items:center;gap:14px;margin-bottom:2px}.af-year-num{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);white-space:nowrap}.af-year-line{flex:1;height:1px;background:var(--line)}.af-year-posts{margin-top:0}@keyframes af-row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.af-list .post-row{animation:af-row-in var(--t-base) var(--ease) both;animation-delay:calc(var(--i, 0) * 28ms)}@keyframes af-pop{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes af-slide-in{0%{opacity:0;transform:translate(-5px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.af-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:88px 0 72px;animation:af-pop .28s var(--ease) both}.af-empty-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--muted-2);box-shadow:var(--shadow-xs)}.af-empty-icon svg{width:26px;height:26px}.af-empty-msg{font-family:var(--mono);font-size:13px;color:var(--muted);letter-spacing:.02em}.af-empty-reset{font-family:var(--mono);font-size:11.5px;color:var(--accent-ink);padding:5px 14px;border-radius:6px;border:1px solid color-mix(in oklab,var(--accent) 30%,transparent);background:var(--accent-bg);cursor:pointer;transition:background var(--t-fast) var(--ease-std),border-color var(--t-fast) var(--ease-std)}[data-theme=dark] .af-empty-reset{color:var(--accent)}.af-empty-reset:hover{background:color-mix(in oklab,var(--accent) 16%,var(--accent-bg));border-color:color-mix(in oklab,var(--accent) 50%,transparent)}@media (prefers-reduced-motion: reduce){.af-list .post-row,.af-status-count,.af-status-clear,.af-empty{animation:none}}@media (max-width: 600px){.af-search{padding:11px 14px}.af-search-input{font-size:14px}.af-search-kbd{display:none}}.section-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2);display:inline-flex;align-items:center;gap:8px;margin:2.4em 0 .4em}.section-label:before{content:"";display:inline-block;width:24px;height:1px;background:var(--accent)}.article-wrap{max-width:var(--maxw);margin:0 auto;padding:48px 32px 0;position:relative;z-index:1}.article-progress{position:fixed;top:0;left:0;right:0;height:2px;background:transparent;z-index:60}.article-progress>div{height:100%;background:linear-gradient(90deg,var(--accent),color-mix(in oklab,var(--accent) 60%,#ff00aa));width:0;transition:width .12s linear;box-shadow:0 0 8px color-mix(in oklab,var(--accent) 70%,transparent)}.article-header{max-width:760px;margin:0 auto;text-align:left;padding:64px 0 48px;border-bottom:1px solid var(--line)}.article-breadcrumb{font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.04em;margin-bottom:32px;display:flex;gap:10px;align-items:center}.article-breadcrumb a:hover{color:var(--accent)}.article-breadcrumb .sep{color:var(--muted-2)}.article-title{font-family:var(--display);font-weight:700;font-size:clamp(38px,5vw,60px);line-height:1.04;letter-spacing:-.03em;margin:16px 0 24px;text-wrap:balance}.article-title em{font-style:normal;color:var(--accent);font-weight:700;text-shadow:0 0 30px color-mix(in oklab,var(--accent) 50%,transparent)}.article-deck{font-family:var(--serif);font-size:22px;line-height:1.55;color:var(--ink-2);text-wrap:pretty;max-width:640px}.article-meta{margin-top:36px;display:flex;gap:28px;align-items:center;font-family:var(--mono);font-size:12px;color:var(--muted)}.article-meta .author{display:flex;align-items:center;gap:10px;color:var(--ink);font-family:var(--sans);font-size:13px}.article-meta .avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);display:inline-flex;align-items:center;justify-content:center;color:var(--bg);font-family:var(--mono);font-weight:700;font-size:12px;box-shadow:0 0 12px color-mix(in oklab,var(--accent) 50%,transparent)}.article-meta .dot-sep{color:var(--muted-2)}.article-body-grid{display:grid;grid-template-columns:200px minmax(0,760px) 200px;gap:48px;padding:64px 0 80px;align-items:start;justify-content:center}.toc{position:sticky;top:100px;font-family:var(--mono);font-size:11.5px;align-self:start}.toc h4{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line)}.toc a{display:block;padding:5px 0 5px 12px;color:var(--muted);border-left:1px solid var(--line);line-height:1.5;transition:all .15s ease;letter-spacing:.01em}.toc a:hover{color:var(--ink);border-left-color:var(--muted)}.toc a.active{color:var(--accent);border-left-color:var(--accent);background:color-mix(in oklab,var(--accent) 6%,transparent);border-radius:0 4px 4px 0}.toc a.h3{padding-left:22px;font-size:11px}.article-aside{position:sticky;top:100px;font-family:var(--mono);font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:24px}.aside-group h5{font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin:0 0 10px}.aside-group .actions{display:flex;flex-direction:column;gap:6px}.aside-action{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;color:var(--ink);font-family:var(--sans);font-size:12.5px;transition:background .15s ease}.aside-action:hover{background:var(--bg-2)}.aside-action svg{width:14px;height:14px;opacity:.65}.prose{font-family:var(--sans);font-size:18px;line-height:1.75;color:var(--ink-2);text-shadow:0 0 20px rgba(200,200,255,.18)}.prose>*+*{margin-top:1.4em}.prose h2{font-family:var(--display);font-weight:700;font-size:28px;line-height:1.15;letter-spacing:-.02em;margin:2.4em 0 .6em;color:var(--ink);scroll-margin-top:100px}.prose h2 .num{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--accent);margin-right:12px;vertical-align:6px;letter-spacing:.06em}.prose h3{font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.015em;margin:2em 0 .4em;color:var(--ink);scroll-margin-top:100px}.prose p{text-wrap:pretty}.prose strong{color:var(--ink);font-weight:600}.prose a{color:var(--accent);border-bottom:1px solid color-mix(in oklab,var(--accent) 40%,transparent);transition:background var(--t-fast) var(--ease-std),border-bottom-color var(--t-fast) var(--ease-std);border-radius:2px;padding-bottom:1px}.prose a:hover{background:var(--accent-bg);border-bottom-color:var(--accent)}.prose blockquote{border-left:2px solid var(--accent);padding:16px 24px;margin:2em 0;font-style:normal;color:var(--ink);font-size:18px;line-height:1.5;background:color-mix(in oklab,var(--accent) 5%,var(--bg-2));border-radius:0 8px 8px 0;box-shadow:inset 0 0 30px color-mix(in oklab,var(--accent) 5%,transparent)}.prose blockquote cite{display:block;margin-top:14px;font-style:normal;font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.04em}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.5em}.prose li::marker{color:var(--accent)}.prose code{font-family:var(--mono);font-size:.85em;padding:2px 6px;border-radius:4px;background:var(--bg-2);color:var(--accent-ink);border:1px solid var(--line-2)}[data-theme=dark] .prose code{color:var(--accent)}.codeblock{margin:2em 0;border:1px solid var(--line-2);border-radius:4px;overflow:hidden;background:#020205;font-family:var(--mono);font-size:13.5px;line-height:1.6;box-shadow:var(--shadow-sm)}.codeblock-head{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--line);font-size:11px;color:var(--accent);letter-spacing:.08em;background:var(--bg-2);text-shadow:0 0 8px #00f5ff66}.codeblock-head .lang{display:flex;align-items:center;gap:8px}.codeblock-head .lang .swatch{width:8px;height:8px;border-radius:2px;background:var(--accent)}.codeblock-head button{font-family:var(--mono);font-size:11px;color:var(--muted);padding:3px 8px;border-radius:4px;transition:all .15s ease}.codeblock-head button:hover{color:var(--ink);background:var(--bg)}.codeblock pre{margin:0;padding:18px 20px;overflow-x:auto}.codeblock pre code{background:none;border:0;padding:0;color:var(--ink-2);font-size:13.5px}.tok-k{color:#9c40de;font-weight:500}.tok-s{color:#059669}.tok-c{color:#6272a4;font-style:italic}.tok-n{color:#b45309}.tok-f{color:#2563eb}.tok-t{color:#7c3aed}[data-theme=dark] .tok-k{color:#ff79c6}[data-theme=dark] .tok-s{color:#50fa7b}[data-theme=dark] .tok-n{color:#ffb86c}[data-theme=dark] .tok-f{color:#00e5ff}[data-theme=dark] .tok-t{color:#bd93f9}.callout{margin:2em 0;padding:18px 22px;border-radius:10px;background:var(--accent-bg);border:1px solid color-mix(in oklab,var(--accent) 30%,transparent);color:var(--ink-2);font-family:var(--sans);font-size:15px;line-height:1.55;display:grid;grid-template-columns:24px 1fr;gap:14px;align-items:start;box-shadow:var(--shadow-xs)}.callout svg{width:18px;height:18px;color:var(--accent);margin-top:2px}.callout strong{display:block;margin-bottom:4px;color:var(--accent-ink);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}[data-theme=dark] .callout strong{color:var(--accent)}.figure{margin:2.4em 0}.figure-frame{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;color:var(--muted-2);font-family:var(--mono);font-size:12px;position:relative;overflow:hidden}.figure-cap{font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-top:12px;text-align:center;letter-spacing:.02em}.article-footer{max-width:760px;margin:0 auto;border-top:1px solid var(--line);padding:48px 0}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.author-card{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:24px;border:1px solid var(--line);border-radius:4px;background:var(--paper);box-shadow:var(--shadow-sm);position:relative;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.author-card .avatar-lg{width:56px;height:56px;border-radius:50%;background:var(--accent);color:var(--bg);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:700;font-size:18px;box-shadow:0 0 20px color-mix(in oklab,var(--accent) 50%,transparent)}.author-card h4{font-family:var(--display);font-weight:700;font-size:18px;margin:0 0 4px;letter-spacing:-.01em}.author-card .role{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.06em}.author-card p{font-family:var(--serif);color:var(--muted);font-size:14.5px;line-height:1.55;margin:10px 0 0}.next-up{max-width:var(--maxw);margin:0 auto;padding:0 32px 64px;position:relative;z-index:1}.next-up h3{font-family:var(--display);font-weight:700;font-size:28px;letter-spacing:-.02em;margin:0 0 24px}.next-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.next-card{padding:28px;border:1px solid var(--line);border-radius:4px;background:var(--paper);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),border-color .2s ease}.next-card:hover{transform:translateY(-4px)}.next-card .dir{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.next-card.right{text-align:right}.next-card h4{font-family:var(--display);font-weight:700;font-size:22px;line-height:1.2;letter-spacing:-.015em;margin:0;text-wrap:balance}.about-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;padding:32px 0 80px;border-bottom:1px solid var(--line);align-items:end}.about-hero h1{font-family:var(--display);font-weight:700;font-size:clamp(48px,7vw,88px);line-height:1;letter-spacing:-.035em;margin:24px 0 0;text-wrap:balance}.about-hero h1 em{font-style:normal;color:var(--accent);font-weight:700;text-shadow:0 0 30px color-mix(in oklab,var(--accent) 50%,transparent)}.about-portrait{aspect-ratio:4 / 5;border-radius:14px;background:radial-gradient(circle at 30% 30%,color-mix(in oklab,var(--accent) 40%,transparent),transparent 60%),var(--bg-2);border:2px solid rgba(0,245,255,.7);box-shadow:0 0 12px #00f5ff80,0 0 40px #00f5ff40,0 0 80px #00f5ff1a,inset 0 0 30px #00f5ff14;display:flex;align-items:center;justify-content:center;color:var(--muted-2);font-family:var(--mono);font-size:12px;position:relative;overflow:hidden}.about-portrait img{filter:contrast(1.15) brightness(.78) saturate(.5) hue-rotate(10deg);display:block}.about-portrait:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.35) 2px,rgba(0,0,0,.35) 3px)}.about-portrait:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(160deg,rgba(0,245,255,.32) 0%,transparent 40%,rgba(255,0,153,.22) 100%),repeating-linear-gradient(45deg,transparent 0 8px,rgba(0,245,255,.18) 8px 9px)}.about-bio{display:grid;grid-template-columns:200px 1fr;gap:64px;padding:80px 0;border-bottom:1px solid var(--line)}.about-bio h3{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin:0}.about-bio .bio-body{font-family:var(--serif);font-size:19px;line-height:1.65;color:var(--ink-2);max-width:640px}.about-bio .bio-body>*+*{margin-top:1.4em}.about-bio .bio-body p:first-child:first-letter{font-family:var(--display);font-weight:700;font-size:4em;line-height:.85;float:left;margin:6px 12px 0 0;color:var(--accent);text-shadow:0 0 24px color-mix(in oklab,var(--accent) 60%,transparent)}.timeline{display:grid;grid-template-columns:200px 1fr;gap:64px;padding:80px 0;border-bottom:1px solid var(--line)}.timeline ul{list-style:none;padding:0;margin:0}.timeline li{display:grid;grid-template-columns:110px 1fr;gap:32px;padding:22px 0;border-top:1px dashed var(--line);align-items:baseline}.timeline li:first-child{border-top:0;padding-top:0}.timeline .when{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.04em}.timeline .what h4{font-family:var(--display);font-weight:500;font-size:19px;letter-spacing:-.01em;margin:0 0 4px}.timeline .what p{font-family:var(--serif);font-size:15px;color:var(--muted);margin:0;line-height:1.5}.timeline .what .where{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;display:block}.stack{display:grid;grid-template-columns:200px 1fr;gap:64px;padding:80px 0;border-bottom:1px solid var(--line)}.stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stack-item{padding:14px 16px;border:1px solid var(--line);border-radius:2px;background:var(--paper);font-family:var(--mono);font-size:12px;color:var(--ink);display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.4,0,.2,1)}.stack-item:hover{transform:translateY(-3px)}.stack-item .swatch{width:8px;height:8px;border-radius:2px;background:var(--accent);flex-shrink:0}.stack-item .role{margin-left:auto;color:var(--muted-2);font-size:10.5px;letter-spacing:.06em}.contact{display:grid;grid-template-columns:200px 1fr;gap:64px;padding:80px 0}.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-card{padding:22px;border:1px solid var(--line);border-radius:10px;background:var(--paper);display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-sm);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .15s ease}.contact-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--shadow-md),var(--shadow-accent)}.contact-card .label{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.contact-card .val{font-family:var(--display);font-weight:500;font-size:22px;letter-spacing:-.01em;color:var(--ink)}.newsletter{margin-top:96px;padding:52px 56px;border-radius:14px;background:radial-gradient(700px 260px at 95% 60%,color-mix(in oklab,var(--accent) 18%,transparent),transparent),radial-gradient(400px 200px at 5% 40%,color-mix(in oklab,var(--accent) 8%,transparent),transparent),var(--bg-2);color:var(--ink);border:1px solid color-mix(in oklab,var(--accent) 30%,transparent);display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;box-shadow:var(--shadow-xl),0 0 60px color-mix(in oklab,var(--accent) 10%,transparent)}.newsletter h3{font-family:var(--display);font-weight:700;font-size:36px;line-height:1.1;letter-spacing:-.025em;margin:0 0 8px;text-wrap:balance}.newsletter h3 em{font-style:normal;color:var(--accent);font-weight:700;text-shadow:0 0 20px color-mix(in oklab,var(--accent) 50%,transparent)}.newsletter p{font-family:var(--sans);font-size:16px;color:var(--ink-2);margin:0;max-width:480px}.newsletter-form{display:flex;gap:8px;background:color-mix(in oklab,var(--bg) 60%,transparent);border:1px solid color-mix(in oklab,var(--accent) 25%,transparent);border-radius:8px;padding:6px}.newsletter-form input{background:transparent;border:0;outline:none;color:var(--ink);font-family:var(--mono);font-size:13px;padding:10px 16px;min-width:240px}.newsletter-form input::-moz-placeholder{color:var(--muted)}.newsletter-form input::placeholder{color:var(--muted)}.newsletter-form button{background:var(--accent);color:var(--bg);padding:10px 20px;border-radius:6px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.04em;transition:filter var(--t-fast) var(--ease-std),box-shadow var(--t-fast) var(--ease-std);box-shadow:var(--shadow-accent)}.newsletter-form button:hover{filter:brightness(1.1);box-shadow:0 0 32px color-mix(in oklab,var(--accent) 60%,transparent)}[data-theme=dark] .footer{background:#020508;border-top-color:var(--line)}@media (max-width: 960px){.hero,.featured-grid,.archive-header,.about-hero,.about-bio,.timeline,.stack,.contact{grid-template-columns:1fr;gap:40px}.article-body-grid{grid-template-columns:minmax(0,760px)}.toc,.article-aside{display:none}.next-grid,.footer-inner{grid-template-columns:1fr 1fr}.newsletter{grid-template-columns:1fr}}.prose pre.astro-code,.prose pre{margin:2em 0!important;border:1px solid rgba(255,0,153,.18)!important;border-radius:4px!important;overflow:hidden!important;background:#020205!important;font-family:var(--mono);font-size:13.5px;line-height:1.65;position:relative;box-shadow:0 0 0 1px #00f5ff0f,0 0 24px #ff009914,0 0 48px #00f5ff0d,var(--shadow-sm)!important}.prose pre.astro-code code,.prose pre code{display:block;padding:18px 20px;overflow-x:auto;background:none!important;color:inherit;border:0;border-radius:0;font-size:13.5px}.prose pre.astro-code[data-language]:before{content:attr(data-language);display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid rgba(255,0,153,.18);font-size:11px;color:var(--neon-magenta);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 8px #ff009966,0 0 20px #ff009933;background:#ff00990a}.prose :not(pre)>code{font-family:var(--mono);font-size:.85em;padding:2px 6px;border-radius:4px;background:#00f5ff0d;color:var(--accent);border:1px solid rgba(0,245,255,.2);text-shadow:0 0 8px rgba(0,245,255,.5)}.qr-wrap{margin:2em 0}.qr-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.qr-tool{background:#00f5ff05;border:1px solid rgba(0,245,255,.18);border-radius:4px;overflow:hidden;box-shadow:0 0 16px #00f5ff0a}.qr-tool-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#00f5ff0d;border-bottom:1px solid rgba(0,245,255,.15)}.qr-tool-name{font-family:var(--mono);font-weight:700;font-size:12.5px;letter-spacing:.03em;padding:3px 9px;border-radius:3px;background:#00f5ff14;color:#00f5ff;text-shadow:0 0 8px #00f5ff66;border:1px solid rgba(0,245,255,.3)}.qr-tool-lang{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.qr-tool-body{padding:14px;display:flex;flex-direction:column;gap:10px}.qr-row{display:flex;flex-direction:column;gap:3px}.qr-label{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#f09;text-shadow:0 0 6px #ff009966;font-weight:700}.qr-val{font-family:var(--mono);font-size:12px;color:var(--ink-2);background:#00f5ff0a;padding:3px 7px;border-radius:3px;border:1px solid rgba(0,245,255,.15);display:inline-block;word-break:break-all}.qr-val.note{background:transparent;border:0;padding:0;font-size:11.5px;color:var(--muted);font-style:italic}.qr-cmds{border:1px solid rgba(0,245,255,.25);border-radius:4px;overflow-x:auto;background:#00f5ff05;box-shadow:0 0 20px #00f5ff0f,inset 0 0 20px #00f5ff05}.qr-cmds-head,.qr-cmd-row{display:grid;grid-template-columns:130px repeat(3,minmax(max-content,1fr));min-width:760px}.qr-cmds-head{background:#00f5ff0f;border-bottom:1px solid rgba(0,245,255,.3);box-shadow:0 1px #00f5ff26}.qr-cmds-hcell{padding:9px 13px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#f09;text-shadow:0 0 8px #ff009966,0 0 20px #ff009933;font-weight:600;border-right:1px solid rgba(0,245,255,.12);min-width:0}.qr-cmds-hcell:last-child{border-right:0}.qr-cmds-hcell.tool{color:#00f5ff;text-shadow:0 0 8px #00f5ff66}.qr-cmd-row{border-bottom:1px solid rgba(0,245,255,.08)}.qr-cmd-row:last-child{border-bottom:0}.qr-cmd-row:nth-child(odd){background:#00f5ff08}.qr-cmd-row:hover{background:#00f5ff0f}.qr-cmd-op{padding:11px 13px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#00f5ff;text-shadow:0 0 6px #00f5ff44;border-right:1px solid rgba(0,245,255,.12);display:flex;align-items:center;min-width:0}.qr-cmd-cell{padding:9px 13px;border-right:1px solid rgba(0,245,255,.08);display:flex;align-items:center;min-width:0;color:var(--ink-2);font-size:13px}.qr-cmd-cell:last-child{border-right:0}.prose .qr-cmd-cell code{font-size:11.5px;background:var(--accent-bg);color:var(--accent-ink);border-color:color-mix(in oklab,var(--accent) 22%,transparent);white-space:nowrap}[data-theme=dark] .prose .qr-cmd-cell code{color:var(--accent)}@media (max-width: 960px){.qr-tools{grid-template-columns:1fr}}.qr-cmds-2 .qr-cmds-head,.qr-cmds-2 .qr-cmd-row{grid-template-columns:160px minmax(max-content,1fr);min-width:0}.qr-sub{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin:14px 0 6px;display:flex;align-items:center;gap:8px}.qr-sub:before{content:"";display:inline-block;width:14px;height:1px;background:var(--accent);flex-shrink:0}.qr-keys-wrap{border:1px solid var(--line);border-radius:10px;overflow:hidden}.qr-keys-head{padding:9px 13px;background:var(--bg-2);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);font-weight:600}[data-theme=dark] .qr-keys-head{color:var(--accent)}.qr-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-2)}.qr-key{background:var(--paper);display:flex;align-items:center;gap:10px;padding:10px 13px}.qr-key kbd{font-family:var(--mono);font-size:11px;font-weight:500;padding:2px 7px;border-radius:4px;background:var(--bg-2);border:1px solid var(--line);border-bottom-width:2px;color:var(--ink);white-space:nowrap;min-width:60px;text-align:center;flex-shrink:0}.qr-key span{font-family:var(--mono);font-size:11px;color:var(--muted);line-height:1.4}.prose table{width:100%;border-collapse:collapse;font-size:14px;margin:1.5em 0;border:1px solid rgba(0,245,255,.25);border-radius:4px;overflow:hidden;display:block;box-shadow:0 0 20px #00f5ff0f,inset 0 0 20px #00f5ff05}.prose thead{background:#00f5ff0f;border-bottom:1px solid rgba(0,245,255,.3);box-shadow:0 1px #00f5ff26}.prose th{padding:9px 14px;text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#f09;text-shadow:0 0 8px #ff009966,0 0 20px #ff009933;font-weight:600;white-space:nowrap}.prose td{padding:9px 14px;border-bottom:1px solid rgba(0,245,255,.1);font-family:var(--mono);font-size:13px;color:var(--ink-2)}.prose td:first-child{color:#00f5ff;text-shadow:0 0 6px #00f5ff44}.prose tr:last-child td{border-bottom:0}.prose tbody tr:nth-child(2n){background:#00f5ff08}.prose tbody tr:hover{background:#00f5ff0d}@media (max-width: 960px){.qr-cmds-2 .qr-cmds-head,.qr-cmds-2 .qr-cmd-row{min-width:340px}.qr-keys{grid-template-columns:repeat(2,1fr)}}.qr-tools-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 960px){.qr-tools-2{grid-template-columns:1fr}}.qr-cmds-3{display:grid;grid-template-columns:170px minmax(max-content,1fr) minmax(max-content,1fr)}.qr-cmds-3 .qr-cmds-head,.qr-cmds-3 .qr-cmd-row{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;min-width:unset}.ref-project-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:2em 0;box-shadow:var(--shadow-sm)}.rpc-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 18px;background:var(--bg-2);border-bottom:1px solid var(--line)}.rpc-title-block{display:flex;flex-direction:column;gap:5px}.rpc-badge{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-2)}.rpc-name{font-family:var(--mono);font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.rpc-repo-link{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:12px;font-weight:500;color:var(--accent-ink);background:var(--accent-bg);border:1px solid color-mix(in oklab,var(--accent) 30%,transparent);border-radius:6px;padding:7px 12px;text-decoration:none;transition:background var(--t-fast) var(--ease-std),border-color var(--t-fast) var(--ease-std),box-shadow var(--t-fast) var(--ease-std),transform var(--t-fast) var(--ease);white-space:nowrap;flex-shrink:0;align-self:center}.rpc-repo-link:hover{background:color-mix(in oklab,var(--accent) 14%,var(--accent-bg));border-color:color-mix(in oklab,var(--accent) 55%,transparent);box-shadow:var(--shadow-accent);transform:translateY(-1px)}[data-theme=dark] .rpc-repo-link{color:var(--accent)}.rpc-repo-link svg{flex-shrink:0}.rpc-body{padding:16px 18px;display:flex;flex-direction:column;gap:14px}.rpc-section{display:flex;flex-direction:column;gap:6px}.rpc-section-label{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}.rpc-chips{display:flex;flex-wrap:wrap;gap:5px}.rpc-chip{font-family:var(--mono);font-size:11.5px;color:var(--ink-2);background:var(--bg-2);border:1px solid var(--line-2);border-radius:4px;padding:3px 8px;display:inline-flex;align-items:center;gap:5px}.rpc-chip-java{color:color-mix(in oklab,var(--accent-ink) 90%,var(--ink));background:color-mix(in oklab,var(--accent) 8%,var(--paper));border-color:color-mix(in oklab,var(--accent) 22%,transparent)}[data-theme=dark] .rpc-chip-java{color:color-mix(in oklab,var(--accent) 80%,var(--ink-2))}.rpc-chip-py{color:color-mix(in oklab,#2563eb 60%,var(--ink));background:color-mix(in oklab,#2563eb 7%,var(--paper));border-color:color-mix(in oklab,#2563eb 20%,transparent)}[data-theme=dark] .rpc-chip-py{color:color-mix(in oklab,#93c5fd 80%,var(--ink-2));background:color-mix(in oklab,#3b82f6 10%,var(--paper));border-color:color-mix(in oklab,#60a5fa 20%,transparent)}.rpc-chip-req{color:var(--muted);background:transparent;border-color:var(--line-2)}.rpc-chip-rt{font-size:9px;letter-spacing:.06em;opacity:.65}.rpc-quickstart{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding:10px 12px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:6px}.rpc-cmd{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--accent-ink);background:var(--accent-bg);border:1px solid color-mix(in oklab,var(--accent) 25%,transparent);border-radius:4px;padding:2px 8px}[data-theme=dark] .rpc-cmd{color:var(--accent)}.rpc-cmd-desc{font-family:var(--mono);font-size:11px;color:var(--muted);font-style:italic}.arch-flow{background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;padding:20px 24px;margin:2em 0;font-family:var(--mono);font-size:12px;line-height:1.8;color:var(--ink-2);overflow-x:auto;white-space:pre}.arch-diagram{margin:2em 0;display:flex;flex-direction:column;gap:10px;font-family:var(--mono)}.arch-panel{background:#00f5ff05;border:1px solid rgba(0,245,255,.2);border-radius:4px;overflow:hidden;box-shadow:0 0 20px #00f5ff0d}.arch-panel-hd{padding:9px 18px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#f09;text-shadow:0 0 8px #ff009966,0 0 20px #ff009933;background:#00f5ff0d;border-bottom:1px solid rgba(0,245,255,.15);font-weight:700}.arch-req-body{padding:20px;display:flex;flex-direction:column;align-items:center}.arch-entry{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 8px;border:1px solid rgba(0,245,255,.25);border-radius:20px;background:#00f5ff0a}.arch-method{font-size:9.5px;font-weight:700;letter-spacing:.06em;color:#00f5ff;text-shadow:0 0 6px #00f5ff66;background:#00f5ff14;border:1px solid rgba(0,245,255,.35);border-radius:3px;padding:1px 6px}.arch-entry-path{font-size:12px;font-weight:600;color:var(--ink)}.arch-vc{width:1px;height:16px;background:var(--line);flex-shrink:0}.arch-root{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(0,245,255,.2);border-radius:4px;background:#00f5ff08}.arch-svc-name{font-size:13px;font-weight:600;color:var(--ink)}.arch-lang{font-size:9.5px;letter-spacing:.04em;padding:2px 7px;border-radius:3px;white-space:nowrap}.arch-lang-java{color:#00f5ff;text-shadow:0 0 6px #00f5ff66;background:#00f5ff12;border:1px solid rgba(0,245,255,.3)}.arch-lang-py{color:#7dd3fc;text-shadow:0 0 6px rgba(125,211,252,.4);background:#7dd3fc12;border:1px solid rgba(125,211,252,.3)}.arch-svc-port{font-size:11px;color:var(--muted);margin-left:auto}.arch-fork{width:100%;display:grid;grid-template-columns:1fr 1fr;height:20px}.arch-fork-l{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.arch-fork-r{border-bottom:1px solid var(--line)}.arch-branches{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 560px){.arch-branches{grid-template-columns:1fr}.arch-fork{display:none}}.arch-branch{display:flex;flex-direction:column;gap:6px}.arch-call{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--muted);padding-left:2px}.arch-call:before{content:"↓";font-size:9px;color:var(--muted-2)}.arch-svc-box{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid rgba(0,245,255,.15);border-radius:4px;background:#00f5ff05}.arch-svc-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.arch-nested{padding-top:8px;border-top:1px solid var(--line-2);display:flex;flex-direction:column;gap:2px}.arch-nested-name{font-size:11px;font-weight:500;color:var(--ink-2)}.arch-nested-name:before{content:"└ ";color:var(--muted-2)}.arch-nested-detail{font-size:10px;color:var(--muted);padding-left:10px}.arch-traceid-bar{width:100%;margin-top:14px;padding:8px 12px;background:#00f5ff0d;border:1px solid rgba(0,245,255,.25);border-radius:4px;font-size:11px;color:var(--ink-2);display:flex;align-items:center;gap:7px;flex-wrap:wrap;box-shadow:0 0 12px #00f5ff0d}.arch-traceid-bar code{font-family:var(--mono);font-size:10px;color:#00f5ff;text-shadow:0 0 6px #00f5ff66;background:#00f5ff14;padding:0 5px;border-radius:3px;border:1px solid rgba(0,245,255,.2)}.arch-tel-body{padding:16px 18px;display:flex;flex-direction:column;gap:10px}.arch-tel-rows{border:1px solid rgba(0,245,255,.2);border-radius:4px;overflow:hidden;box-shadow:0 0 16px #00f5ff0a}.arch-tel-row{display:flex;align-items:stretch;border-bottom:1px solid rgba(0,245,255,.08);min-height:44px}.arch-tel-row:last-child{border-bottom:0}.arch-tel-row:nth-child(2n){background:#00f5ff06}.arch-tel-label{width:72px;flex-shrink:0;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 8px;border-right:1px solid var(--line-2)}.arch-tel-traces{color:#c4b5fd;text-shadow:0 0 6px rgba(196,181,253,.5);background:#c4b5fd14;border-right-color:#c4b5fd26}.arch-tel-metrics{color:#00f5ff;text-shadow:0 0 6px #00f5ff66;background:#00f5ff12;border-right-color:#00f5ff26}.arch-tel-logs{color:#39ff14;text-shadow:0 0 6px #39ff1466;background:#39ff1412;border-right-color:#39ff1426}.arch-tel-flow{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;padding:8px 12px}.arch-tel-node{font-size:11px;color:var(--ink-2);background:var(--bg-2);border:1px solid var(--line-2);border-radius:4px;padding:2px 7px;white-space:nowrap}.arch-tel-dest{font-size:11px;font-weight:600;color:var(--ink);background:var(--bg-2);border:1px solid var(--line);border-radius:4px;padding:2px 7px;white-space:nowrap}.arch-tel-arrow{font-size:10.5px;color:var(--muted-2);white-space:nowrap}.arch-tel-note{font-size:10px;color:var(--muted);font-style:italic}.arch-grafana-wrap{display:flex;flex-direction:column;align-items:center}.arch-grafana-box{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;background:#ffd7000a;border:1px solid rgba(255,215,0,.25);border-radius:4px;box-shadow:0 0 16px #ffd7000d}.arch-grafana-name{font-size:13px;font-weight:700;color:gold;text-shadow:0 0 8px #ffd70066}.arch-grafana-desc{font-size:11px;color:var(--muted)}.step-list{margin:1.5em 0;display:flex;flex-direction:column;gap:0;border:1px solid rgba(0,245,255,.2);border-radius:4px;overflow:hidden;box-shadow:0 0 20px #00f5ff0d}.step{display:grid;grid-template-columns:42px 1fr;border-bottom:1px solid rgba(0,245,255,.08)}.step:last-child{border-bottom:0}.step:nth-child(odd){background:#00f5ff05}.step-num{display:flex;align-items:flex-start;justify-content:center;padding:14px 0;font-family:var(--mono);font-size:11px;font-weight:600;color:#00f5ff;text-shadow:0 0 8px #00f5ff99;background:#00f5ff0f;border-right:1px solid rgba(0,245,255,.2)}.step-body{padding:12px 16px;font-family:var(--sans);font-size:14px;line-height:1.6;color:var(--ink-2)}.walkthrough-img{display:block;margin-top:12px;width:100%;border-radius:4px;border:1px solid rgba(0,245,255,.2);cursor:zoom-in;transition:opacity .18s ease,box-shadow .18s ease,transform .18s ease;box-shadow:0 0 20px #00f5ff0d}.walkthrough-img:hover{opacity:.9;transform:scale(1.005);box-shadow:0 0 40px #00f5ff26,0 4px 24px #00000080;border-color:#00f5ff66}dialog#lb{padding:0;border:0;background:transparent;max-width:none;width:auto;overflow:visible;outline:none}dialog#lb::backdrop{background:#000000d6;backdrop-filter:blur(10px) saturate(80%);-webkit-backdrop-filter:blur(10px) saturate(80%)}@keyframes lb-in{0%{opacity:0;transform:scale(.93) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes lb-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.93)}}dialog#lb[open] .lb-inner{animation:lb-in .24s cubic-bezier(.16,1,.3,1) both}dialog#lb.is-closing .lb-inner{animation:lb-out .18s cubic-bezier(.4,0,1,1) both}.lb-inner{display:flex;flex-direction:column;align-items:center;gap:12px}.lb-img{display:block;max-width:min(90vw,1320px);max-height:82vh;width:auto;height:auto;border-radius:8px;-o-object-fit:contain;object-fit:contain;box-shadow:0 0 0 1px #ffffff1a,0 8px 32px #0006,0 32px 80px #00000073}.lb-caption{font-family:var(--sans);font-size:12.5px;color:#ffffff80;text-align:center;max-width:72ch;line-height:1.45;margin:0;letter-spacing:.01em}.lb-close{position:fixed;top:20px;right:24px;width:38px;height:38px;border-radius:50%;background:#ffffff1a;color:#fffc;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(4px);transition:background .15s ease,transform .22s cubic-bezier(.4,0,.2,1);z-index:1}.lb-close:hover{background:#ffffff38;transform:scale(1.1) rotate(90deg)}.lb-close:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.step-body strong{color:var(--ink);font-weight:600}.step-body code{font-family:var(--mono);font-size:12px;background:var(--bg-2);color:var(--accent-ink);padding:1px 5px;border-radius:3px;border:1px solid var(--line-2)}[data-theme=dark] .step-body code{color:var(--accent)}.nav-actions{display:flex;gap:4px;align-items:center}.nav-hamburger{display:none;width:34px;height:34px;border-radius:8px;align-items:center;justify-content:center;color:var(--muted);background:transparent;border:0;cursor:pointer;flex-shrink:0;transition:color var(--t-fast) var(--ease-std),background var(--t-fast) var(--ease-std)}.nav-hamburger:hover{color:var(--ink);background:var(--bg-2)}.nav-hamburger .icon-close,.nav-hamburger[aria-expanded=true] .icon-menu{display:none}.nav-hamburger[aria-expanded=true] .icon-close{display:block}@media (max-width: 768px){.brand-tag{display:none}.nav-inner{gap:16px}.page{padding:48px 24px}.article-wrap{padding:40px 24px 0}.next-up{padding:0 24px 56px}.footer-inner{padding:48px 24px 56px}}@media (max-width: 640px){.nav-inner{padding:12px 16px;gap:8px}.nav-actions{margin-left:auto}.nav-hamburger{display:inline-flex}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:2px;padding:8px 12px 14px;background:color-mix(in oklab,var(--bg) 97%,transparent);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);border-bottom:1px solid var(--line);box-shadow:var(--shadow-lg);z-index:10;margin-left:0}.nav-links.open{display:flex}.nav-link{padding:12px 14px}.page{padding:40px 16px}.article-wrap{padding:32px 16px 0}.next-up{padding:0 16px 48px}.hero{gap:28px;padding-bottom:48px}.hero-sub{font-size:16px;margin-top:20px}.featured-grid{gap:24px}.section-header{margin-top:64px;margin-bottom:24px}.section-header h2{font-size:30px}.post-row{grid-template-columns:36px 1fr;gap:12px}.post-row .post-title{font-size:19px}.post-row .post-date{grid-column:2;margin-top:4px;font-size:11px}.footer-inner{grid-template-columns:1fr 1fr;gap:28px;padding:40px 16px 48px}.footer-inner>div:first-child{grid-column:1 / -1}.footer .colophon{flex-direction:column;gap:6px;text-align:center}.next-grid{grid-template-columns:1fr}.archive-stats{gap:20px}.archive-stats .stat b{font-size:22px}.article-header{padding:40px 0 32px}.article-deck{font-size:18px}.article-meta{flex-wrap:wrap;gap:14px}.newsletter{padding:32px 24px;margin-top:64px}.newsletter h3{font-size:26px}.newsletter-form{flex-direction:column;border-radius:14px;padding:10px}.newsletter-form input{min-width:0}.about-hero{gap:32px;padding:24px 0 48px}.about-bio,.timeline,.stack,.contact{padding:48px 0}.stack-grid{grid-template-columns:1fr 1fr}.contact-actions{grid-template-columns:1fr}.timeline li{grid-template-columns:80px 1fr;gap:16px}}.featured-card,.next-card,.author-card,.contact-card,.stack-item,.af-empty-icon,.newsletter{position:relative;overflow:hidden}.featured-card:before,.next-card:before,.author-card:before,.contact-card:before,.stack-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,245,255,.05) 0%,transparent 60%);pointer-events:none;z-index:0}.next-card:after,.author-card:after,.contact-card:after,.stack-item:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);box-shadow:0 0 8px var(--accent),0 0 20px #00f5ff44;opacity:.7;pointer-events:none}.next-card>*{position:relative;z-index:1}.author-card>*{position:relative;z-index:1}.contact-card>*{position:relative;z-index:1}.stack-item>*{position:relative;z-index:1}.featured-card{border-top:2px solid rgba(0,245,255,.6)!important;box-shadow:0 -1px #00f5ff33,var(--shadow-md)}@keyframes glitch-1{0%{clip-path:polygon(0 0,100% 0,100% 5%,0 5%);transform:translate(-3px)}20%{clip-path:polygon(0 20%,100% 20%,100% 25%,0 25%);transform:translate(3px)}40%{clip-path:polygon(0 40%,100% 40%,100% 45%,0 45%);transform:translate(-2px)}60%{clip-path:polygon(0 60%,100% 60%,100% 65%,0 65%);transform:translate(2px)}80%{clip-path:polygon(0 80%,100% 80%,100% 85%,0 85%);transform:translate(-3px)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(0)}}@keyframes glitch-2{0%{clip-path:polygon(0 10%,100% 10%,100% 15%,0 15%);transform:translate(3px,1px)}25%{clip-path:polygon(0 30%,100% 30%,100% 35%,0 35%);transform:translate(-3px,-1px)}50%{clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%);transform:translate(2px)}75%{clip-path:polygon(0 70%,100% 70%,100% 75%,0 75%);transform:translate(-2px)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(0)}}@keyframes neon-pulse{0%,to{text-shadow:0 0 10px #00f5ff66}50%{text-shadow:var(--glow-cyan)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero h1 em{animation:neon-pulse 3s ease-in-out infinite}.hero h1[data-text]{position:relative}.hero h1[data-text]:before,.hero h1[data-text]:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;font:inherit}.hero h1[data-text]:before{color:var(--neon-magenta);animation:glitch-1 6s infinite linear;opacity:.5}.hero h1[data-text]:after{color:var(--accent);animation:glitch-2 6s infinite linear;animation-delay:.08s;opacity:.5}.section-header h2{text-shadow:none}.section-header h2 em,.archive-header h1 em,.about-hero h1 em,.article-title em{text-shadow:var(--glow-cyan)}.post-row:hover .post-title{text-shadow:var(--glow-cyan)!important}.nav-link{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.nav-link.active{color:var(--accent);text-shadow:0 0 8px #00f5ff66}.featured-card{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.featured-card:hover{box-shadow:var(--glow-cyan);border-color:var(--accent)}.next-card{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.next-card:hover,.stack-item:hover,.contact-card:hover{border-color:var(--accent);box-shadow:var(--glow-cyan)}.nav-link:hover{color:var(--accent);background:#00f5ff0f}.nav-link.active:before{box-shadow:0 0 10px #00f5ff99}.af-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--glow-cyan)}.toc a.active{text-shadow:0 0 8px #00f5ff66}.section-label:before{box-shadow:0 0 10px #00f5ff99}.callout{border-color:#00f5ff4d;box-shadow:inset 0 0 30px #00f5ff0a,var(--shadow-xs)}.rpc-repo-link:hover{box-shadow:var(--glow-cyan)}.featured-grid,.article-header,.newsletter{position:relative}.featured-grid:before,.featured-grid:after,.newsletter:before{content:"";position:absolute;width:20px;height:20px;border-color:#00f5ff80;border-style:solid;pointer-events:none;z-index:10}.featured-grid:before{top:-8px;left:-8px;border-width:2px 0 0 2px;box-shadow:-2px -2px 8px #00f5ff33}.featured-grid:after{bottom:-8px;right:-8px;border-width:0 2px 2px 0;box-shadow:2px 2px 8px #00f5ff33}.newsletter:before{top:-1px;right:-1px;border-width:2px 2px 0 0;box-shadow:4px -4px 10px #00f5ff33}.eyebrow .dot{box-shadow:0 0 6px var(--accent),0 0 12px #00f5ff44}.article-progress>div{box-shadow:0 0 8px var(--accent),0 0 20px #00f5ff44}.footer:before{box-shadow:0 0 20px #00f5ff66,0 0 60px #00f5ff22}.toc a.active{border-left-color:var(--accent);box-shadow:-3px 0 12px #00f5ff44}.section-label:before{box-shadow:0 0 12px #00f5ff99,0 0 30px #00f5ff44}.archive-stats .stat b{text-shadow:var(--glow-cyan)!important}@media (max-width: 420px){.page{padding:28px 14px}.article-wrap{padding:24px 14px 0}.next-up{padding:0 14px 40px}.post-row .post-title{font-size:17px}.section-header h2{font-size:26px}.footer-inner,.stack-grid{grid-template-columns:1fr}}#particles-canvas{position:fixed;inset:0;pointer-events:none;z-index:0}.post-row .post-num{color:var(--accent);text-shadow:0 0 8px #00f5ff66,0 0 20px #00f5ff33}.post-row .post-date{color:var(--neon-yellow);text-shadow:0 0 8px #ffd70066,0 0 20px #ffd70033}.post-row .post-meta .pill{color:var(--neon-magenta);border-color:#ff00994d;text-shadow:0 0 6px #ff009966}.eyebrow{color:var(--neon-magenta);text-shadow:0 0 8px #ff009966}.section-header .count{color:var(--accent);text-shadow:0 0 8px #00f5ff66}.kind-badge{color:var(--muted);border-color:var(--muted-2)}.kind-badge.tutorial{color:var(--neon-green);border-color:#39ff1466;box-shadow:0 0 6px #39ff1433;text-shadow:0 0 6px #39ff1466}.kind-badge.tutorial .dot{background:var(--neon-green);box-shadow:0 0 6px var(--neon-green)}.kind-badge.deep-dive{color:var(--neon-violet);border-color:#9b00ff66;box-shadow:0 0 6px #9b00ff33;text-shadow:0 0 6px #9b00ff66}.kind-badge.deep-dive .dot{background:var(--neon-violet);box-shadow:0 0 6px var(--neon-violet)}.kind-badge.note{color:var(--neon-magenta);border-color:#f096;box-shadow:0 0 6px #f093;text-shadow:0 0 6px #ff009966}.kind-badge.note .dot{background:var(--neon-magenta);box-shadow:0 0 6px var(--neon-magenta)}.kind-badge.essay{color:var(--accent);border-color:#00f5ff66;box-shadow:0 0 8px #00f5ff33;text-shadow:0 0 8px #00f5ff66}.kind-badge.essay .dot{background:var(--accent);box-shadow:0 0 6px var(--accent)}.archive-stats .stat:nth-child(1) b{color:var(--accent);text-shadow:var(--glow-cyan)}.archive-stats .stat:nth-child(2) b{color:var(--neon-magenta);text-shadow:var(--glow-magenta)}.archive-stats .stat:nth-child(3) b{color:var(--neon-green);text-shadow:var(--glow-green)}.archive-stats .stat:nth-child(4) b{color:var(--neon-yellow);text-shadow:var(--glow-yellow)}.hero h1 em{color:var(--accent);text-shadow:0 0 12px #00f5ff66,0 0 30px #00f5ff33}.archive-header h1 em{text-shadow:0 0 16px #00f5ff66,0 0 40px #00f5ff33}.section-header h2 em{text-shadow:0 0 12px #00f5ff66,0 0 30px #00f5ff33}.featured-overlay .tag{color:var(--accent);text-shadow:0 0 10px #00f5ff88,0 0 20px #00f5ff44}.prose-vmc strong{color:var(--accent);text-shadow:0 0 8px #00f5ff44}.prose-vmc blockquote{border-left-color:var(--neon-magenta);background:#ff00990a;box-shadow:inset 0 0 30px #ff00990a}.prose-vmc li::marker{color:var(--neon-magenta)}.prose-vmc :not(pre)>code{color:var(--accent);border-color:#00f5ff33;text-shadow:0 0 6px #00f5ff44}.toc>strong,.toc-heading{color:var(--neon-magenta);text-shadow:0 0 8px #ff009966}.toc a{color:var(--ink-2)}.toc a:hover,.toc a.active{color:var(--accent);text-shadow:0 0 8px #00f5ff66}.section-label{color:var(--neon-magenta);text-shadow:0 0 8px #ff009966}.article-header .post-date,.article-header time{color:var(--neon-yellow);text-shadow:0 0 8px #ffd70066}.article-header .tag,.article-header .post-meta .pill{color:var(--neon-magenta);border-color:#ff00994d;text-shadow:0 0 6px #ff009966}.newsletter-form button,.newsletter button[type=submit],.nl-btn{background:var(--accent);color:var(--bg);border:none;box-shadow:0 0 12px #00f5ff88,0 0 30px #00f5ff44,0 0 60px #00f5ff22;text-shadow:none;font-weight:700;letter-spacing:.08em}.newsletter-form button:hover,.newsletter button[type=submit]:hover,.nl-btn:hover{box-shadow:0 0 20px #00f5ffbb,0 0 50px #00f5ff66,0 0 80px #00f5ff33}.author-role,.about-role{color:var(--neon-green);text-shadow:0 0 8px #39ff1466}.stack-role,.stack-card .role{color:var(--neon-green);text-shadow:0 0 6px #39ff1444}.contact-value,.contact a{color:var(--accent);text-shadow:0 0 8px #00f5ff66}.timeline-date,.tl-date{color:var(--neon-yellow);text-shadow:0 0 8px #ffd70066}.timeline-company,.tl-company{color:var(--neon-magenta);text-shadow:0 0 8px #ff009966}.article-progress>div{background:linear-gradient(90deg,var(--accent),var(--neon-magenta));box-shadow:0 0 10px #00f5ff66,0 0 20px #00f5ff33}.author-avatar,.about-avatar{border:2px solid var(--accent);box-shadow:0 0 12px #00f5ff66,0 0 30px #00f5ff22}.nav-link.active:before{background:var(--accent);box-shadow:0 0 8px #00f5ff88}.nav-icon-btn:hover{color:var(--accent);filter:drop-shadow(0 0 4px #00f5ff88)}.post-row .post-num{color:var(--accent);text-shadow:0 0 10px #00f5ff66}.callout.tip,.callout[data-type=tip]{border-color:#39ff1459;box-shadow:inset 0 0 30px #39ff1408}.callout.warning,.callout[data-type=warning]{border-color:#ffd70059;box-shadow:inset 0 0 30px #ffd70008}.callout.danger,.callout[data-type=danger]{border-color:#ff113359;box-shadow:inset 0 0 30px #ff113308}.step-num,.steps-list .num{color:var(--neon-magenta);text-shadow:0 0 10px #ff009988;border-color:#f096;box-shadow:0 0 8px #f094}.prose-vmc h2{color:var(--ink);border-left:3px solid var(--accent);padding-left:14px;box-shadow:-3px 0 12px #00f5ff33}.prose-vmc h3{color:var(--ink)}.footer .colophon{color:var(--muted)}.footer .colophon a:hover{color:var(--accent);text-shadow:0 0 8px #00f5ff66}.hero-meta-row b{color:var(--accent);text-shadow:0 0 8px #00f5ff55}::view-transition-old(root){animation-duration:.22s;animation-timing-function:ease}::view-transition-new(root){animation-duration:.22s;animation-timing-function:ease}.footer-desc{max-width:340px;line-height:1.6;font-family:var(--serif);font-size:15px;color:var(--muted);margin:0}.post-row-header{display:flex;gap:10px;align-items:center;margin-bottom:6px}.post-row-header .post-meta{margin-top:0}.featured-art-pattern{position:absolute;inset:0;opacity:.32;mix-blend-mode:overlay}.featured-art-label{position:absolute;top:16px;left:16px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:#ffffff8c;text-transform:uppercase}.progress-fill{transition:width .12s linear}.code-copy-btn{position:absolute;top:8px;right:14px;font-family:var(--mono);font-size:11px;color:var(--muted);padding:3px 8px;border-radius:4px;cursor:pointer;z-index:2;background:transparent;border:0;transition:color .15s ease,background .15s ease}.code-copy-btn:hover{color:var(--ink);background:var(--bg)}.df{margin:2.5rem 0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--paper)}.df-track{display:grid;grid-template-columns:1fr 56px 1fr 56px 1fr 56px 1fr;align-items:center;padding:1.75rem 1.25rem;overflow-x:auto;gap:0;min-width:0}.df-node{display:flex;flex-direction:column;align-items:center;gap:5px;padding:1.1rem .75rem 1rem;background:var(--bg);border:1px solid var(--line-2);border-radius:5px;position:relative;transition:border-color .2s ease,box-shadow .2s ease;min-width:96px}.df-node:hover{border-color:var(--line);box-shadow:0 2px 8px #0000000f}.df-node--terminal{border-color:color-mix(in srgb,var(--accent) 22%,var(--line-2))}[data-theme=dark] .df-node:hover{box-shadow:0 2px 12px #0000004d}.df-seq{position:absolute;top:5px;left:8px;font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.08em;color:var(--muted-2);line-height:1}.df-icon{width:26px;height:26px;color:var(--accent);margin-top:4px}.df-icon svg{width:100%;height:100%;display:block}.df-name{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--ink);letter-spacing:.06em;text-transform:uppercase;text-align:center;line-height:1.2;margin:0}.df-detail{font-family:var(--mono);font-size:10px;color:var(--muted);text-align:center;line-height:1.3;margin:0}.df-port{color:var(--muted-2);font-size:9.5px}.df-noauth{display:flex;align-items:center;gap:3px;color:color-mix(in srgb,var(--accent) 80%,var(--muted))}.df-conn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:0 6px}.df-wire{width:44px;height:2px;background:var(--line-2);border-radius:1px;position:relative;overflow:hidden}.df-pulse{position:absolute;top:0;left:-14px;width:14px;height:100%;background:var(--accent);border-radius:1px;animation:df-slide 2.8s ease-in-out infinite;opacity:0}.df-track>div:nth-child(4) .df-pulse{animation-delay:.55s}.df-track>div:nth-child(6) .df-pulse{animation-delay:1.1s}@keyframes df-slide{0%{left:-14px;opacity:0}12%{opacity:.9}88%{opacity:.9}to{left:44px;opacity:0}}@media (prefers-reduced-motion: reduce){.df-pulse{animation:none;left:15px;opacity:.4;width:10px}}.df-proto{font-family:var(--mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);white-space:nowrap}.df-caption{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:.65rem 1.25rem;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--muted);background:var(--bg)}.df-caption svg{color:var(--muted-2);flex-shrink:0}.df-caption code{font-family:var(--mono);font-size:11px;color:var(--ink-2);background:var(--bg-2);padding:2px 7px;border-radius:3px}.df-note{font-size:10px;color:var(--muted-2);margin-left:2px}@media (max-width: 600px){.df-track{padding:1.25rem .875rem}.df-node{padding:.9rem .5rem .85rem;min-width:78px}.df-icon{width:22px;height:22px}.df-name{font-size:9.5px}.df-detail,.df-port{font-size:8.5px}.df-conn{padding:0 4px}.df-wire{width:32px}@keyframes df-slide{0%{left:-14px;opacity:0}12%{opacity:.9}88%{opacity:.9}to{left:32px;opacity:0}}.df-caption{padding:.6rem .875rem;font-size:10px;gap:4px}.df-caption code{font-size:10px}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}