:root{color-scheme:dark;--canvas: #070811;--surface: #0c0e1a;--raised: #121528;--hover: #181c33;--border: #1c2038;--border-strong: #2b3152;--text: #eef1fb;--text-muted: #aeb4cc;--text-subtle: #7d84a3;--accent: #3de3f2;--accent-strong: #9ef3fa;--accent-deep: #0e9fb0;--accent-ink: #02181c;--accent-soft: color-mix(in srgb, var(--accent) 12%, transparent);--accent-line: color-mix(in srgb, var(--accent) 30%, transparent);--spark: #ff5cae;--spark-soft: color-mix(in srgb, var(--spark) 12%, transparent);--spark-line: color-mix(in srgb, var(--spark) 32%, transparent);--forge-line: linear-gradient(90deg, var(--accent), var(--spark));--safe: #5ef0a0;--warn: #ffd166;--danger: #ff6b86;--safe-soft: color-mix(in srgb, var(--safe) 12%, transparent);--warn-soft: color-mix(in srgb, var(--warn) 12%, transparent);--danger-soft: color-mix(in srgb, var(--danger) 12%, transparent);--series-1: #3de3f2;--series-2: #ff5cae;--series-3: #ffd166;--series-4: #5ef08a;--sans: "Exo 2", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-chrome: 12.5px;--fs-ui: 15px;--fs-small: 16px;--fs-body: 18px;--fs-lead: 21px;--fs-h3: 22px;--fs-h2: 30px;--fs-h1: clamp(38px, 5vw, 60px);--radius-card: 10px;--radius-control: 6px;--shadow-lift: 0 1px 0 rgb(255 255 255 / .03) inset, 0 1px 2px rgb(0 0 0 / .5), 0 14px 34px -16px rgb(0 0 0 / .8);--shadow-modal: 0 0 0 1px rgb(255 255 255 / .06), 0 2px 6px rgb(0 0 0 / .6), 0 40px 80px -24px rgb(0 0 0 / .85);--shadow-glow: 0 0 20px -4px color-mix(in srgb, var(--accent) 55%, transparent);--page: 1180px;--measure: 70ch;--gutter: 180px;--row: 44px;--header: 64px;--z-sticky: 20;--z-overlay: 30;--z-modal: 40;--z-toast: 50;--ease: cubic-bezier(.16, 1, .3, 1);--t-quick: .14s;--t-panel: .18s;--t-arrive: .52s;--bg: var(--canvas);--bg-2: var(--surface);--paper: var(--raised);--ink: var(--text);--ink-2: var(--text-muted);--muted: var(--text-muted);--muted-2: var(--text-subtle);--line: var(--border);--line-2: var(--border-strong);--accent-bg: var(--accent-soft);--serif: var(--sans);--display: var(--sans);--neon-magenta: var(--spark);--neon-green: var(--series-4);--neon-yellow: var(--series-3);--neon-red: var(--danger);--neon-violet: var(--series-2);--glow-cyan: none;--glow-magenta: none;--glow-green: none;--glow-yellow: none;--glow-red: none;--grad-rule: var(--forge-line);--grad-headline: none;--grad-cyan-magenta: var(--forge-line);--shadow-xs: var(--shadow-lift);--shadow-sm: var(--shadow-lift);--shadow-md: var(--shadow-lift);--shadow-lg: var(--shadow-modal);--shadow-xl: var(--shadow-modal);--shadow-accent: var(--shadow-glow);--ease-std: var(--ease);--ease-in: var(--ease);--t-fast: var(--t-quick);--t-base: var(--t-panel);--t-slow: var(--t-arrive);--maxw: var(--page);--readw: var(--measure);--r-sm: 4px;--r-md: var(--radius-control);--r-lg: var(--radius-control);--r-xl: var(--radius-card);--z-nav: var(--z-sticky);--astro-code-color-text: #d9ddf0;--astro-code-color-background: var(--surface);--astro-code-token-keyword: #ff7cc0;--astro-code-token-function: #6fe9f5;--astro-code-token-string: #7ee6a4;--astro-code-token-string-expression: #7ee6a4;--astro-code-token-constant: #ffd479;--astro-code-token-parameter: #d9ddf0;--astro-code-token-comment: #6b7396;--astro-code-token-punctuation: #8d94b4;--astro-code-token-link: var(--accent)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;padding:0}body{min-height:100vh;background-color:var(--canvas);background-image:radial-gradient(ellipse 1100px 720px at -6% -12%,rgb(61 227 242 / .075),transparent 62%),radial-gradient(ellipse 900px 700px at 106% 108%,rgb(255 92 174 / .05),transparent 64%);background-attachment:fixed;color:var(--text-muted);font-family:var(--sans);font-size:var(--fs-ui);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}img{max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::-moz-selection{background:color-mix(in srgb,var(--accent) 34%,transparent);color:var(--text)}::selection{background:color-mix(in srgb,var(--accent) 34%,transparent);color:var(--text)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid transparent;border-radius:10px;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--text-subtle)}.tnum{font-variant-numeric:tabular-nums lining-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-shell{position:relative;min-height:100vh;display:flex;flex-direction:column}.app-shell>*{position:relative;z-index:1}.app-shell>.nav{z-index:var(--z-sticky)}.app-shell:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgb(61 227 242 / .045) 1px,transparent 1px),linear-gradient(90deg,rgb(61 227 242 / .045) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 20%,transparent 75%)}.app-shell>main{flex:1}.page{width:100%;max-width:var(--page);margin:0 auto;padding:72px 32px 112px}h1,h2,h3,h4{color:var(--text);font-weight:500;margin:0}p{margin:0}.gutter-label{margin:0;font-family:var(--mono);font-size:12.5px;font-weight:400;line-height:1.5;text-transform:lowercase;color:var(--text-subtle)}.gutter-label:before{content:"// ";color:var(--accent);opacity:.75}.entry-no{font-family:var(--mono);font-size:13px;line-height:1.4;color:var(--text-subtle);transition:color var(--t-quick) ease}.page-head{display:grid;gap:18px;max-width:760px;margin-bottom:56px}.page-head h1{font-size:var(--fs-h1);font-weight:700;line-height:1.04;letter-spacing:-.025em}.page-head p{font-size:var(--fs-lead);line-height:1.5;color:var(--text-muted);max-width:62ch;text-wrap:pretty}.back-link{justify-self:start;font-size:var(--fs-ui);color:var(--text-subtle);transition:color var(--t-quick) ease}.back-link:before{content:"← "}.back-link:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:var(--radius-control);font-size:var(--fs-ui);font-weight:500;transition:background-color var(--t-quick) ease,border-color var(--t-quick) ease,color var(--t-quick) ease}.button:active{transform:translateY(1px)}.button--primary{background:var(--accent);color:var(--accent-ink);font-weight:600}.button--primary:hover{background:var(--accent-strong);box-shadow:var(--shadow-glow)}.button--secondary{background:var(--raised);border:1px solid var(--border-strong);color:var(--text)}.button--secondary:hover{background:var(--hover);border-color:var(--text-subtle)}.chip{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:var(--radius-control);border:1px solid var(--border);background:transparent;font-size:14px;color:var(--text-muted);white-space:nowrap;transition:background-color var(--t-quick) ease,border-color var(--t-quick) ease,color var(--t-quick) ease}.chip:hover{background:var(--raised);border-color:var(--border-strong);color:var(--text)}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-strong)}.chip-count{font-size:12px;color:var(--text-subtle)}.chip--more{border-style:dashed;color:var(--text-subtle)}.chip[aria-pressed=true] .chip-count{color:var(--accent)}.field{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:var(--radius-control);border:1px solid var(--border-strong);background:var(--surface);box-shadow:inset 0 1px 2px #00000061;transition:border-color var(--t-quick) ease,box-shadow var(--t-quick) ease}.field:focus-within{border-color:color-mix(in srgb,var(--accent) 62%,transparent);box-shadow:inset 0 1px 2px #00000061,0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.field input{outline:none}.nav{position:sticky;top:0;z-index:var(--z-sticky);background:#0b0c0fb8;backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid rgb(34 38 47 / .8)}.nav:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--forge-line);opacity:.45;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.nav-inner{position:relative;display:flex;align-items:center;gap:32px;max-width:var(--page);height:var(--header);margin:0 auto;padding:0 32px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:700;letter-spacing:.01em;color:var(--text)}.brand-mark{display:inline-flex}.brand-hex{transition:opacity var(--t-quick) ease}.brand-vee{stroke:var(--text)}.brand-spark{fill:var(--accent);transform-origin:16px 25.9px;transition:transform var(--t-panel) var(--ease)}.brand:hover .brand-spark{transform:scale(1.35) rotate(45deg)}.nav-links{display:flex;align-items:center;gap:2px;margin-left:auto}.nav-link{position:relative;display:inline-flex;align-items:center;height:36px;padding:0 12px;border-radius:var(--radius-control);font-size:var(--fs-ui);color:var(--text-muted);transition:color var(--t-quick) ease,background-color var(--t-quick) ease}.nav-link:hover{color:var(--text);background:var(--raised)}.nav-link[aria-current=page],.nav-link[data-current]{color:var(--accent)}.nav-link[aria-current=page]:after,.nav-link[data-current]:after{content:"";position:absolute;left:12px;right:12px;bottom:-14px;height:2px;border-radius:2px;background:var(--accent);box-shadow:var(--shadow-glow)}.nav-actions{display:flex;align-items:center;gap:2px}.nav-icon-btn,.nav-hamburger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-control);color:var(--text-subtle);transition:color var(--t-quick) ease,background-color var(--t-quick) ease}.nav-icon-btn:hover,.nav-hamburger:hover{color:var(--text);background:var(--raised)}.nav-hamburger,.nav-hamburger .icon-close,.nav-hamburger[aria-expanded=true] .icon-menu{display:none}.nav-hamburger[aria-expanded=true] .icon-close{display:block}.nav-apps{position:relative;display:flex}.nav-apps-toggle{gap:6px}.nav-apps-chevron{color:var(--text-subtle);transition:transform var(--t-quick) var(--ease)}.nav-apps-toggle[aria-expanded=true]{color:var(--text);background:var(--raised)}.nav-apps-toggle[aria-expanded=true] .nav-apps-chevron{transform:rotate(180deg)}.nav-apps-panel{position:absolute;top:calc(100% + 12px);right:0;z-index:var(--z-overlay);width:340px;margin:0;padding:6px;list-style:none;background:#161920f0;backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border:1px solid var(--border-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-modal);transform-origin:top right;animation:popover-in var(--t-panel) var(--ease)}.nav-apps-panel[hidden]{display:none}@keyframes popover-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.nav-app{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-control);transition:background-color var(--t-quick) ease}.nav-app:hover{background:var(--hover)}.nav-app[aria-current=page]{background:var(--accent-soft)}.nav-app img{flex:none;width:34px;height:34px;border-radius:8px}.nav-app b{display:block;font-size:var(--fs-ui);font-weight:500;color:var(--text);line-height:1.3}.nav-app span span{display:block;margin-top:2px;font-size:13.5px;line-height:1.4;color:var(--text-muted)}.footer{border-top:1px solid var(--border);background:#07081199}.footer-inner{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:40px;max-width:var(--page);margin:0 auto;padding:56px 32px 40px}.footer-about{display:grid;gap:14px;align-content:start}.footer-about p{max-width:38ch;font-size:var(--fs-ui);line-height:1.55;color:var(--text-muted)}.footer-col h2{margin-bottom:12px;font-family:var(--mono);font-size:12.5px;font-weight:400;text-transform:lowercase;color:var(--text-subtle)}.footer-col ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.footer-col a{font-size:var(--fs-ui);color:var(--text-muted);transition:color var(--t-quick) ease}.footer-col a:hover{color:var(--accent)}.colophon{grid-column:1 / -1;padding-top:24px;border-top:1px solid var(--border);font-size:var(--fs-chrome);color:var(--text-subtle)}.seal{display:inline-flex;flex:none;line-height:0}.seal svg{overflow:visible}.seal-ring{fill:none;stroke:var(--border-strong);stroke-width:1.3;transition:stroke var(--t-quick) ease}.seal-arc{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-dasharray:0 100;transform:rotate(-90deg);transform-origin:12px 12px;opacity:0}.seal-disc{fill:var(--accent-deep);transform:scale(0);transform-origin:12px 12px}.seal-check{fill:none;stroke:var(--canvas);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}.seal[data-state=reading] .seal-arc{opacity:1;stroke-dasharray:calc(var(--p) * 1) 100;transition:stroke-dasharray var(--t-quick) linear}.seal[data-state=reading] .seal-ring{stroke:color-mix(in srgb,var(--accent) 22%,var(--border-strong))}.seal[data-state=reading] svg{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--accent) 45%,transparent))}.seal[data-state=read] .seal-ring{stroke:var(--accent-deep)}.seal[data-state=read] .seal-disc{transform:scale(1)}.seal[data-state=read] .seal-check{stroke-dashoffset:0}.seal[data-arrive] svg{animation:seal-stamp var(--t-arrive) var(--ease)}.seal[data-arrive] .seal-disc{animation:seal-disc var(--t-arrive) var(--ease)}.seal[data-arrive] .seal-check{animation:seal-check var(--t-arrive) var(--ease)}@keyframes seal-stamp{0%{transform:scale(1)}35%{transform:scale(1.22)}70%{transform:scale(.94)}to{transform:scale(1)}}@keyframes seal-disc{0%{transform:scale(.3)}}@keyframes seal-check{0%,40%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.intro{display:grid;gap:24px;max-width:940px;margin-bottom:80px}.intro h1{font-size:clamp(40px,5.6vw,66px);font-weight:700;line-height:1.02;letter-spacing:-.028em;text-wrap:balance}.intro-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.intro-actions .button{height:42px;padding:0 18px}.intro .intro-stats{font-family:var(--mono);font-size:12.5px;color:var(--text-subtle)}.intro p{max-width:60ch;font-size:var(--fs-lead);line-height:1.5;color:var(--text-muted);text-wrap:pretty}.lead{display:grid;grid-template-columns:var(--gutter) minmax(0,1fr);gap:40px;padding:0 0 24px}.lead-gutter{display:grid;gap:10px;align-content:start;padding-top:22px}.lead-gutter .entry-no{font-size:44px;font-weight:300;letter-spacing:-.04em;color:var(--text-muted)}.lead-card{position:relative;display:grid;overflow:hidden;border-radius:var(--radius-card);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lift)}.lead-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--forge-line);z-index:1}.lead-card--cover{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.lead-cover{display:flex;align-items:center;border-right:1px solid var(--border);background:var(--canvas)}.lead-cover img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;-o-object-fit:contain;object-fit:contain;transition:transform var(--t-arrive) var(--ease)}.lead-card:hover .lead-cover img{transform:scale(1.02)}.lead-body{display:grid;gap:20px;align-content:start;padding:30px 32px 32px}.lead-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:14px;color:var(--text-subtle)}.lead-title{font-size:clamp(26px,2.8vw,34px);font-weight:700;line-height:1.12;letter-spacing:-.018em;text-wrap:balance}.lead-title a{transition:color var(--t-quick) ease}.lead-title a:hover{color:var(--accent-strong)}.problem{display:grid;gap:6px;padding:2px 0 2px 20px;border-left:2px solid transparent;-o-border-image:linear-gradient(180deg,var(--accent),var(--spark)) 1;border-image:linear-gradient(180deg,var(--accent),var(--spark)) 1}.problem-label{font-family:var(--mono);font-size:12px;color:var(--accent)}.problem-text{max-width:64ch;font-size:18px;font-style:italic;line-height:1.55;color:var(--text);text-wrap:pretty}.lead-action{justify-self:start;display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-small);font-weight:500;color:var(--accent);transition:color var(--t-quick) ease}.lead-action span:last-child{border-bottom:1px solid var(--accent-line);padding-bottom:1px;transition:border-color var(--t-quick) ease}.lead-action:hover{color:var(--accent-strong)}.lead-action:hover span:last-child{border-bottom-color:var(--accent-strong)}.block{padding-top:40px;border-top:1px solid var(--border);margin-top:56px}.block+.block{margin-top:88px}.block-head{display:grid;grid-template-columns:var(--gutter) minmax(0,1fr);gap:40px;margin-bottom:20px}.block-note{max-width:62ch;font-size:var(--fs-small);color:var(--text-subtle)}.block-note a{color:var(--accent);margin-left:4px;white-space:nowrap}.block-note a:hover{color:var(--accent-strong)}.entries{margin:0;padding:0;list-style:none}.entry-link{position:relative;display:grid;grid-template-columns:var(--gutter) minmax(0,1fr) 190px 24px;gap:40px;align-items:start;padding:22px 16px 22px 0;border-bottom:1px solid var(--border);transition:background-color var(--t-quick) ease}.entry:first-child .entry-link{border-top:1px solid var(--border)}.entry-link:before{content:"";position:absolute;left:calc(var(--gutter) - 22px);top:26px;bottom:26px;width:3px;border-radius:3px;background:var(--accent);box-shadow:var(--shadow-glow);opacity:0;transform:scaleY(.4);transition:opacity var(--t-quick) ease,transform var(--t-panel) var(--ease)}.entry-link:hover{background:linear-gradient(90deg,transparent calc(var(--gutter) - 32px),var(--raised) calc(var(--gutter) - 32px))}.entry-link:hover:before,.entry-link:focus-visible:before{opacity:1;transform:scaleY(1)}.entry-link:focus-visible{outline-offset:-2px}.entry-no{padding-top:2px}.entry-main{display:grid;gap:8px;min-width:0}.entry-title{font-size:21px;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--text);text-wrap:balance;transition:color var(--t-quick) ease}.entry-link:hover .entry-title{color:var(--accent-strong)}.entry-link:hover .entry-no{color:var(--accent)}.entry-problem{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:66ch;font-size:var(--fs-small);line-height:1.5;color:var(--text-muted)}.entry-meta{display:grid;justify-items:end;gap:6px;padding-top:3px;font-size:13.5px;line-height:1.4;text-align:right;color:var(--text-subtle)}.entry-kind{display:inline-flex;align-items:center;gap:8px}.entry-meta time{color:var(--text-muted)}.entry-link>.seal{padding-top:5px;justify-self:end}.kind{display:inline-flex;align-items:center;gap:6px;height:20px;padding:0 7px;border-radius:4px;border:1px solid var(--accent-line);background:var(--accent-soft);font-family:var(--mono);font-size:11px;line-height:1;color:var(--accent)}.kind:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.kind--note{border-color:var(--spark-line);background:var(--spark-soft);color:var(--spark)}.path-list,.app-list{margin:0;padding:0;list-style:none}.path-row{display:grid;grid-template-columns:var(--gutter) minmax(0,1fr) auto 190px;gap:40px;align-items:center;padding:20px 16px 20px 0;border-bottom:1px solid var(--border);transition:background-color var(--t-quick) ease}.path-list li:first-child .path-row{border-top:1px solid var(--border)}.path-row:hover{background:linear-gradient(90deg,transparent calc(var(--gutter) - 32px),var(--raised) calc(var(--gutter) - 32px))}.path-row-main{grid-column:2;display:grid;gap:4px}.path-row-title{font-size:21px;font-weight:600;line-height:1.25;color:var(--text);transition:color var(--t-quick) ease}.path-row:hover .path-row-title{color:var(--accent-strong)}.path-row-tagline{font-family:var(--mono);font-size:12.5px;color:var(--text-subtle)}.path-row-seals{display:flex;align-items:center;gap:6px}.path-row-meta{display:grid;gap:2px;font-size:14px;text-align:right;color:var(--text-subtle)}.path-row-read{color:var(--text-muted)}.path-row-read:empty{display:none}.app-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-left:calc(var(--gutter) + 40px)}.app-card{display:flex;align-items:center;gap:16px;height:100%;padding:20px;border-radius:var(--radius-card);border:1px solid var(--border);background:var(--surface);transition:transform var(--t-quick) ease,border-color var(--t-quick) ease,box-shadow var(--t-quick) ease,background-color var(--t-quick) ease}.app-card:hover{transform:translateY(-2px);border-color:var(--accent-line);background:var(--raised);box-shadow:var(--shadow-lift),var(--shadow-glow)}.app-card img{flex:none;border-radius:10px}.app-card>span{display:grid;gap:4px}.app-card-name{font-size:20px;font-weight:700;color:var(--text)}.app-card-summary{font-size:var(--fs-ui);line-height:1.45;color:var(--text-muted)}.af-controls{display:grid;gap:16px;margin-bottom:36px}.af-search{max-width:560px}.af-search-icon{flex:none;color:var(--text-subtle);transition:color var(--t-quick) ease}.af-search:focus-within .af-search-icon{color:var(--accent)}.af-search-input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:var(--fs-small);color:var(--text)}.af-search-input::-moz-placeholder{color:var(--text-subtle)}.af-search-input::placeholder{color:var(--text-subtle)}.af-search-input::-webkit-search-cancel-button{display:none}.af-search-clear{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;color:var(--text-subtle)}.af-search-clear:hover{color:var(--text);background:var(--hover)}.af-search-kbd{font-family:var(--mono);font-size:11px;color:var(--text-subtle);padding:2px 6px;border:1px solid var(--border-strong);border-radius:5px}.af-tags{display:flex;flex-wrap:wrap;gap:8px}.af-status{display:flex;align-items:center;gap:16px;margin-bottom:8px;font-size:var(--fs-ui);color:var(--text-subtle)}.af-status-clear{color:var(--accent);font-size:var(--fs-ui)}.af-status-clear:hover{color:var(--accent-strong)}.af-year{margin-top:40px}.af-year-num{margin-bottom:12px;font-family:var(--mono);font-size:13px;font-weight:400;color:var(--accent)}.af-list .entry{animation:row-in .2s var(--ease) both;animation-delay:calc(min(var(--i, 0),8)*24ms)}@keyframes row-in{0%{opacity:0;transform:translateY(3px)}}.empty{display:grid;justify-items:center;gap:10px;padding:64px 24px;border:1px dashed var(--border-strong);border-radius:var(--radius-card);color:var(--text-subtle);text-align:center}.empty-title{font-size:20px;color:var(--text)}.empty-hint{font-size:var(--fs-ui);margin-bottom:8px}.read-bar{display:none}.article{width:100%;max-width:var(--page);margin:0 auto;padding:64px 32px 0}.article-head,.article-grid{display:grid;grid-template-columns:var(--gutter) minmax(0,860px);gap:48px}.article-gutter{position:sticky;top:calc(var(--header) + 32px);align-self:start;display:grid;gap:14px;justify-items:start;padding-top:8px}.article-gutter .entry-no{font-size:36px;font-weight:300;letter-spacing:-.04em;color:var(--text-muted)}.article-intro{grid-column:2;display:grid;gap:24px;max-width:900px;padding-bottom:48px}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:var(--fs-ui);color:var(--text-subtle)}.article-meta a{color:var(--text-muted);transition:color var(--t-quick) ease}.article-meta a:hover{color:var(--accent)}.article-title{font-size:var(--fs-h1);font-weight:700;line-height:1.04;letter-spacing:-.026em;text-wrap:balance}.article-deck{max-width:60ch;font-size:var(--fs-lead);line-height:1.5;color:var(--text-muted);text-wrap:pretty}.article-grid{padding:48px 0 32px;border-top:1px solid var(--border);align-items:start}.article-side{position:sticky;top:calc(var(--header) + 40px);display:grid;gap:28px;align-content:start;max-height:calc(100vh - var(--header) - 72px)}.toc{min-height:0;overflow-y:auto;scrollbar-width:none}.toc h4{margin:0 0 12px;font-family:var(--mono);font-size:12.5px;font-weight:400;text-transform:lowercase;color:var(--text-subtle)}.toc h4:before{content:"// ";color:var(--accent);opacity:.75}.toc a{position:relative;display:block;padding:5px 0 5px 14px;font-size:14px;line-height:1.4;color:var(--text-subtle);transition:color var(--t-quick) ease}.toc a.h3{padding-left:26px;font-size:13.5px}.toc a:hover,.toc a.active{color:var(--text)}.toc a.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--accent);box-shadow:var(--shadow-glow)}.article-actions{display:grid;gap:2px;padding-top:16px;border-top:1px solid var(--border)}.aside-action{display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;margin-left:-10px;border-radius:var(--radius-control);font-size:var(--fs-ui);color:var(--text-muted);transition:color var(--t-quick) ease,background-color var(--t-quick) ease}.aside-action:hover{color:var(--text);background:var(--raised)}.aside-action:active{transform:translateY(1px)}.aside-icon{display:inline-flex;color:var(--text-subtle)}.aside-action[data-done]{color:var(--text)}.aside-action[data-done] .aside-icon{color:var(--safe);animation:pop .32s var(--ease)}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}.article-tags{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}.article-tags a{display:inline-block;font-family:var(--mono);font-size:12px;color:var(--text-subtle);padding:3px 8px;border:1px solid var(--border);border-radius:6px;transition:color var(--t-quick) ease,border-color var(--t-quick) ease}.article-tags a:hover{color:var(--accent);border-color:var(--accent-line)}.article-foot{display:grid;gap:32px;max-width:var(--measure);margin-left:calc(var(--gutter) + 48px);padding:8px 0 96px}.article-end{font-family:var(--mono);font-size:12.5px;color:var(--text-subtle)}.author-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;padding:22px;border-radius:var(--radius-card);border:1px solid var(--border);background:var(--surface)}.author-card img{width:56px;height:56px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.author-name{font-size:18px;font-weight:500;color:var(--text);margin-bottom:4px}.author-bio{font-size:var(--fs-ui);line-height:1.55;color:var(--text-muted)}.author-bio a{color:var(--accent);white-space:nowrap}.author-bio a:hover{color:var(--accent-strong)}.next-up{display:grid;grid-template-columns:1fr 1fr;gap:16px}.next-card{display:grid;gap:8px;align-content:start;padding:20px 22px;border-radius:var(--radius-card);border:1px solid var(--border);transition:transform var(--t-quick) ease,border-color var(--t-quick) ease,background-color var(--t-quick) ease,box-shadow var(--t-quick) ease}.next-card:hover{transform:translateY(-2px);background:var(--raised);border-color:var(--border-strong);box-shadow:var(--shadow-lift)}.next-card--newer{text-align:right}.next-card:only-child{grid-column:1 / -1}.next-dir{font-size:var(--fs-chrome);color:var(--text-subtle)}.next-card--newer .next-dir:after{content:" →"}.next-card:not(.next-card--newer) .next-dir:before{content:"← "}.next-title{font-size:19px;line-height:1.3;color:var(--text);text-wrap:balance}.prose{min-width:0;font-size:var(--fs-body);line-height:1.7;color:var(--text-muted);hanging-punctuation:first}.prose>*+*{margin-top:1.25em}.prose>:is(p,h2,h3,h4,ul,ol,blockquote,hr){max-width:var(--measure)}.prose p{text-wrap:pretty}.prose h2{position:relative;margin-top:2.4em;font-size:var(--fs-h2);font-weight:700;line-height:1.15;letter-spacing:-.018em;color:var(--text);scroll-margin-top:calc(var(--header) + 32px)}.prose h2:before{content:"";position:absolute;left:-20px;top:.22em;bottom:.22em;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--accent),var(--spark))}.prose h3{margin-top:2em;font-size:var(--fs-h3);font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--text);scroll-margin-top:calc(var(--header) + 32px)}.prose h4{margin-top:1.8em;font-size:19px;font-weight:600;color:var(--text)}.prose h2+*,.prose h3+*,.prose h4+*{margin-top:.7em}.prose :is(h2,h3,h4) a{color:inherit;text-decoration:none}.prose strong{color:var(--text);font-weight:600}.prose em{color:var(--text)}.prose a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent-line);text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--t-quick) ease,text-decoration-color var(--t-quick) ease}.prose a:hover{color:var(--accent-strong);text-decoration-color:currentColor}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.45em}.prose li::marker{color:var(--text-subtle)}.prose ol li::marker{font-variant-numeric:tabular-nums}.prose blockquote{margin-left:0;margin-right:0;padding:2px 0 2px 22px;border-left:2px solid var(--accent-line);font-style:italic;color:var(--text)}.prose hr{border:0;height:1px;background:var(--border);margin:3em 0}.prose img{border-radius:var(--radius-control)}.prose :not(pre)>code{font-family:var(--mono);font-size:.8em;padding:.12em .4em;border-radius:5px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-strong);overflow-wrap:anywhere}.prose pre.astro-code{position:relative;margin-top:1.6em;margin-bottom:1.6em;border:1px solid var(--border);border-radius:var(--radius-card);background-color:var(--surface)!important;font-family:var(--mono);font-size:13.5px;line-height:1.65;overflow:hidden}.prose pre.astro-code code{display:block;padding:16px 20px 18px;overflow-x:auto;font-family:inherit;font-size:inherit}.prose pre.astro-code[data-language]:before{content:attr(data-language);display:block;padding:9px 20px;border-bottom:1px solid var(--border);font-size:11.5px;text-transform:lowercase;color:var(--spark);background:#ff5cae0a}.prose pre.astro-code:not([data-language]) .code-copy,.prose pre.astro-code[data-language=plaintext] .code-copy{top:10px}.prose pre.astro-code.is-copied{animation:copied-flash .6s var(--ease)}@keyframes copied-flash{0%{box-shadow:0 0 color-mix(in srgb,var(--safe) 50%,transparent);border-color:var(--safe)}to{box-shadow:0 0 0 8px transparent}}.code-copy{position:absolute;top:4px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-control);color:var(--text-subtle);transition:color var(--t-quick) ease,background-color var(--t-quick) ease}.code-copy:hover{color:var(--text);background:var(--hover)}.code-copy[data-done]{color:var(--safe)}.code-copy[data-done] svg{animation:pop .32s var(--ease)}.callout{display:grid;grid-template-columns:22px minmax(0,1fr);gap:14px;align-items:start;padding:16px 20px;border-radius:var(--radius-card);border:1px solid var(--accent-line);background:var(--accent-soft);font-size:var(--fs-small);line-height:1.6;color:var(--text-muted)}.callout svg{width:18px;height:18px;margin-top:3px;color:var(--accent)}.callout strong{display:block;margin-bottom:2px;color:var(--text)}.figure{margin:2.4em 0}.figure-cap,.prose figcaption{margin-top:12px;font-size:14px;color:var(--text-subtle);text-align:center}.walkthrough-img{cursor:zoom-in;border:1px solid var(--border);transition:border-color var(--t-quick) ease}.walkthrough-img:hover{border-color:var(--border-strong)}dialog#lb{padding:0;border:0;background:transparent;max-width:none;overflow:visible;outline:none}dialog#lb::backdrop{background:#050608d6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}dialog#lb[open] .lb-inner{animation:dialog-in var(--t-panel) var(--ease) both}dialog#lb.is-closing .lb-inner{animation:dialog-out .14s ease both}@keyframes dialog-in{0%{opacity:0;transform:translateY(6px) scale(.985)}}@keyframes dialog-out{to{opacity:0;transform:scale(.985)}}.lb-inner{display:flex;flex-direction:column;align-items:center;gap:12px}.lb-img{display:block;max-width:min(90vw,1320px);max-height:82vh;border-radius:var(--radius-card);-o-object-fit:contain;object-fit:contain;box-shadow:var(--shadow-modal)}.lb-caption{max-width:72ch;font-size:14px;color:var(--text-muted);text-align:center}.lb-close{position:fixed;top:20px;right:24px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--border-strong);background:var(--raised);color:var(--text-muted);transition:background-color var(--t-quick) ease,color var(--t-quick) ease}.lb-close:hover{background:var(--hover);color:var(--text)}.path-cards{margin:0;padding:0;list-style:none;display:grid;gap:16px}.path-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 40px;padding:28px 30px;border-radius:var(--radius-card);border:1px solid var(--border);background:var(--surface);transition:transform var(--t-quick) ease,border-color var(--t-quick) ease,background-color var(--t-quick) ease,box-shadow var(--t-quick) ease}.path-card:hover{transform:translateY(-2px);border-color:var(--accent-line);background:var(--raised);box-shadow:var(--shadow-lift),var(--shadow-glow)}.path-card-head{display:grid;gap:4px}.path-card-title{font-size:28px;font-weight:700;letter-spacing:-.014em;line-height:1.15;color:var(--text)}.path-card:hover .path-card-title{color:var(--accent-strong)}.path-card-tagline{font-family:var(--mono);font-size:12.5px;color:var(--text-subtle)}.path-card-desc{grid-column:1;max-width:70ch;font-size:var(--fs-small);line-height:1.6;color:var(--text-muted)}.path-card-meta{grid-column:2;grid-row:1;justify-self:end;display:grid;gap:2px;text-align:right;font-size:14px;color:var(--text-subtle)}.path-chain{grid-column:1 / -1;position:relative;display:flex;width:-moz-fit-content;width:fit-content;gap:22px;padding-top:6px}.path-chain:before{content:"";position:absolute;left:11px;right:11px;top:17px;height:1px;background:var(--border-strong)}.path-chain .seal{position:relative;background:var(--surface);border-radius:50%}.path-card:hover .path-chain .seal{background:var(--raised)}.pathway-meta{font-size:var(--fs-ui)!important;color:var(--text-subtle)!important;display:flex;flex-wrap:wrap;gap:4px 14px}.pathway{margin:0;padding:0;list-style:none;max-width:880px}.pathway-step{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:28px;padding-bottom:20px}.pathway-step:not(:last-child):before{content:"";position:absolute;left:16.5px;top:60px;bottom:-18px;width:1px;background:var(--border-strong)}.pathway-rail{padding-top:22px}.pathway-card{display:grid;gap:8px;padding:20px 24px;border-radius:var(--radius-card);border:1px solid var(--border);background:var(--surface);transition:transform var(--t-quick) ease,border-color var(--t-quick) ease,background-color var(--t-quick) ease,box-shadow var(--t-quick) ease}.pathway-card:hover{transform:translateY(-2px);border-color:var(--accent-line);background:var(--raised);box-shadow:var(--shadow-lift),var(--shadow-glow)}.pathway-step-no{font-family:var(--mono);font-size:12px;color:var(--accent)}.pathway-title{font-size:22px;font-weight:600;line-height:1.25;color:var(--text);text-wrap:balance}.pathway-card:hover .pathway-title{color:var(--accent-strong)}.pathway-excerpt{font-size:var(--fs-small);line-height:1.55;color:var(--text-muted)}.pathway-card-meta{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:14px;color:var(--text-subtle)}.about-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:64px;align-items:end;padding-bottom:64px}.about-hero>div{display:grid;gap:20px}.about-hero h1{font-size:clamp(34px,4.2vw,52px);font-weight:700;line-height:1.1;letter-spacing:-.02em;text-wrap:balance}.about-portrait{margin:0}.about-portrait img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-card);border:1px solid var(--border)}.about-row{display:grid;grid-template-columns:var(--gutter) minmax(0,1fr);gap:40px;padding:40px 0 48px;border-top:1px solid var(--border-strong)}.bio-body{display:grid;gap:1.1em;max-width:var(--measure);font-size:var(--fs-body);line-height:1.7;color:var(--text-muted)}.bio-body strong{color:var(--text);font-weight:600}.timeline{margin:0;padding:0;list-style:none;display:grid;gap:32px;max-width:820px}.timeline li{display:grid;grid-template-columns:130px minmax(0,1fr);gap:28px}.timeline .when{padding-top:5px;font-family:var(--mono);font-size:12.5px;color:var(--accent)}.timeline .what{display:grid;gap:6px}.timeline h3{font-size:21px;font-weight:600;line-height:1.3}.timeline .what-lead{font-size:var(--fs-small);color:var(--text)}.timeline .what p:last-child{font-size:var(--fs-small);line-height:1.6;color:var(--text-muted);max-width:66ch}.contact-list{margin:0;padding:0;list-style:none;max-width:560px}.contact-row{display:flex;justify-content:space-between;gap:24px;padding:14px 0;border-bottom:1px solid var(--border);font-size:var(--fs-small)}.contact-list li:first-child .contact-row{padding-top:4px}.contact-label{font-family:var(--mono);font-size:13px;color:var(--text-subtle)}.contact-val{color:var(--text);transition:color var(--t-quick) ease}.contact-row:hover .contact-val{color:var(--accent)}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--t-quick);animation-timing-function:ease}@media (max-width: 1100px){:root{--gutter: 120px}.article-head,.article-grid{grid-template-columns:minmax(0,860px);justify-content:center}.article-gutter{position:static;grid-auto-flow:column;justify-content:start;align-items:center;padding-top:0}.article-intro{grid-column:1;padding-bottom:40px}.article-side{display:none}.article-foot{margin:0 auto;width:100%;max-width:860px}.read-bar{display:block;position:fixed;top:0;left:0;right:0;z-index:var(--z-overlay);height:2px;pointer-events:none}.read-bar span{display:block;height:100%;background:var(--forge-line);transform-origin:left;transform:scaleX(var(--p, 0))}}@media (max-width: 860px){.page{padding:48px 24px 88px}.article{padding:40px 24px 0}.nav:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--forge-line);opacity:.45;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.nav-inner{padding:0 24px;gap:16px}.intro{margin-left:0;margin-bottom:56px}.lead,.block-head,.about-row{grid-template-columns:minmax(0,1fr);gap:14px}.lead-gutter{grid-auto-flow:column;justify-content:start;align-items:baseline;gap:14px;padding-top:0}.lead-gutter .entry-no{font-size:13px;font-weight:400;letter-spacing:0;color:var(--text-subtle)}.lead-card--cover{grid-template-columns:minmax(0,1fr)}.lead-cover{border-right:0;border-bottom:1px solid var(--border)}.lead-body{padding:22px 20px 24px}.prose h2:before{left:-12px}.entry-link{grid-template-columns:minmax(0,1fr) 20px;gap:8px 16px;padding:20px 0}.entry-link:hover{background:none}.entry-link:before{left:-14px}.entry-link .entry-no{display:none}.entry-main{grid-column:1}.entry-meta{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:4px 16px;text-align:left;padding-top:0}.entry-link>.seal{grid-column:2;grid-row:1}.path-row{grid-template-columns:minmax(0,1fr);gap:10px;padding:18px 0}.path-row:hover{background:none}.path-row-main{grid-column:1}.path-row-meta{text-align:left}.app-list{margin-left:0;grid-template-columns:minmax(0,1fr)}.about-hero{grid-template-columns:minmax(0,1fr);gap:32px}.about-portrait{max-width:320px}.footer-inner{grid-template-columns:repeat(3,minmax(0,1fr));padding:48px 24px 32px}.footer-about{grid-column:1 / -1}}@media (max-width: 640px){:root{--fs-body: 17px;--fs-lead: 19px}.page{padding:36px 16px 72px}.article{padding:28px 16px 0}.nav:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--forge-line);opacity:.45;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.nav-inner{padding:0 16px}.nav-hamburger{display:inline-flex}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;margin:0;padding:8px 12px 14px;background:#101217f7;backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid var(--border);box-shadow:var(--shadow-modal)}.nav-links.open{display:flex}.nav-actions{margin-left:auto}.nav-link{height:var(--row);padding:0 14px}.nav-link[aria-current=page]:after,.nav-link[data-current]:after{inset:12px auto 12px 2px;width:2px;height:auto}.nav-apps{flex-direction:column}.nav-apps-toggle{justify-content:space-between}.nav-apps-panel{position:static;width:auto;margin:2px 0 6px 14px;padding:2px 0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;border-left:1px solid var(--border-strong);border-radius:0;box-shadow:none;animation:none}.problem-text{font-size:19px}.problem{padding-left:16px}.path-card{grid-template-columns:minmax(0,1fr);padding:22px 20px}.path-card-meta{grid-column:1;grid-row:auto;justify-self:start;text-align:left}.path-card-title{font-size:24px}.pathway-step{grid-template-columns:34px minmax(0,1fr);gap:14px}.pathway-card{padding:16px 18px}.next-up{grid-template-columns:minmax(0,1fr)}.next-card--newer{text-align:left}.timeline li{grid-template-columns:minmax(0,1fr);gap:4px}.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:40px 16px 28px}}.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)}.qr-wrap{margin:2em 0}.qr-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.qr-tool{background:color-mix(in srgb,var(--accent) 6%,transparent);border:1px solid color-mix(in srgb,var(--accent) 29%,transparent);border-radius:4px;overflow:hidden}.qr-tool-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:color-mix(in srgb,var(--accent) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent) 24%,transparent)}.qr-tool-name{font-family:var(--mono);font-weight:700;font-size:12.5px;letter-spacing:.03em;padding:3px 9px;border-radius:3px;background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 48%,transparent)}.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:var(--text-subtle);font-weight:700}.qr-val{font-family:var(--mono);font-size:12px;color:var(--ink-2);background:color-mix(in srgb,var(--accent) 6%,transparent);padding:3px 7px;border-radius:3px;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);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 color-mix(in srgb,var(--accent) 40%,transparent);border-radius:4px;overflow-x:auto;background:color-mix(in srgb,var(--accent) 6%,transparent)}.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:color-mix(in srgb,var(--accent) 10%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent) 48%,transparent);box-shadow:0 1px color-mix(in srgb,var(--accent) 24%,transparent)}.qr-cmds-hcell{padding:9px 13px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-subtle);font-weight:600;border-right:1px solid color-mix(in srgb,var(--accent) 19%,transparent);min-width:0}.qr-cmds-hcell:last-child{border-right:0}.qr-cmds-hcell.tool{color:var(--accent)}.qr-cmd-row{border-bottom:1px solid color-mix(in srgb,var(--accent) 13%,transparent)}.qr-cmd-row:last-child{border-bottom:0}.qr-cmd-row:nth-child(odd){background:color-mix(in srgb,var(--accent) 6%,transparent)}.qr-cmd-row:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.qr-cmd-op{padding:11px 13px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border-right:1px solid color-mix(in srgb,var(--accent) 19%,transparent);display:flex;align-items:center;min-width:0}.qr-cmd-cell{padding:9px 13px;border-right:1px solid color-mix(in srgb,var(--accent) 13%,transparent);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(--text);border-color:color-mix(in oklab,var(--accent) 22%,transparent);white-space:nowrap}@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(--text);font-weight:600}.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:separate;border-spacing:0;font-size:14px;margin:1.5em 0;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:4px;overflow:hidden}.prose thead{background:color-mix(in srgb,var(--accent) 10%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent) 48%,transparent);box-shadow:0 1px color-mix(in srgb,var(--accent) 24%,transparent)}.prose th{padding:9px 14px;text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-subtle);font-weight:600;white-space:nowrap}.prose td{padding:9px 14px;border-bottom:1px solid color-mix(in srgb,var(--accent) 16%,transparent);font-family:var(--mono);font-size:13px;color:var(--ink-2)}.prose td:first-child{color:var(--accent)}.prose tr:last-child td{border-bottom:0}.prose tbody tr:nth-child(2n){background:color-mix(in srgb,var(--accent) 6%,transparent)}.prose tbody tr:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}@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-tools-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 960px){.qr-tools-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.qr-tools-4{grid-template-columns:1fr}}.stack-matrix-wrap{margin:2em 0;overflow-x:auto;border:1px solid color-mix(in srgb,var(--accent) 29%,transparent);border-radius:8px;background:color-mix(in srgb,var(--accent) 6%,transparent);-webkit-overflow-scrolling:touch}.stack-matrix{display:grid;grid-template-columns:minmax(96px,max-content) repeat(4,minmax(150px,1fr));min-width:680px;font-family:var(--mono)}.stack-matrix--2col{grid-template-columns:minmax(96px,max-content) repeat(2,minmax(150px,1fr));min-width:420px}.sm-corner{background:color-mix(in srgb,var(--accent) 6%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.sm-svc{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:14px 16px;background:color-mix(in srgb,var(--accent) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-left:1px solid color-mix(in srgb,var(--accent) 13%,transparent);transition:background var(--t-fast) var(--ease-std)}.sm-svc-name{font-weight:700;font-size:12.5px;letter-spacing:.03em;white-space:nowrap;padding:3px 9px;border-radius:3px;background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 48%,transparent)}.sm-svc-fw{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-subtle)}.sm-attr{display:flex;align-items:center;padding:12px 16px;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-subtle);background:color-mix(in srgb,var(--accent) 6%,transparent);border-top:1px solid color-mix(in srgb,var(--accent) 13%,transparent)}.sm-cell{display:flex;align-items:center;padding:12px 16px;font-size:11.5px;line-height:1.4;color:var(--ink-2);border-top:1px solid color-mix(in srgb,var(--accent) 13%,transparent);border-left:1px solid color-mix(in srgb,var(--accent) 13%,transparent);word-break:break-word;transition:background var(--t-fast) var(--ease-std)}.sm-cell:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--ink)}.sm-port{font-size:12px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);padding:2px 8px;border-radius:3px;border:1px solid color-mix(in srgb,var(--accent) 29%,transparent)}@media (max-width: 560px){.stack-matrix{grid-template-columns:minmax(84px,max-content) repeat(4,minmax(140px,1fr))}.stack-matrix--2col{grid-template-columns:minmax(84px,max-content) repeat(2,minmax(140px,1fr))}.sm-svc,.sm-attr,.sm-cell{padding-left:12px;padding-right:12px}}.metric-bars{margin:2em 0;padding:22px 24px;border:1px solid color-mix(in srgb,var(--accent) 29%,transparent);border-radius:10px;background:color-mix(in srgb,var(--accent) 6%,transparent)}.mbar-title{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:18px}.mbar-row{display:grid;grid-template-columns:96px minmax(0,1fr) 132px;align-items:center;gap:14px;margin-top:14px}.mbar-row:first-of-type{margin-top:0}.mbar-name{font-family:var(--mono);font-size:12px;color:var(--ink-2);letter-spacing:.02em}.mbar-track{position:relative;height:22px;border-radius:4px;background:color-mix(in srgb,var(--accent) 6%,transparent);border:1px solid color-mix(in srgb,var(--accent) 13%,transparent);overflow:hidden}.mbar-fill{height:100%;border-radius:3px 0 0 3px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 88%,transparent),color-mix(in srgb,var(--accent) 100%,transparent))}.mbar-fill--hot{background:linear-gradient(90deg,color-mix(in srgb,var(--series-2) 80%,transparent),color-mix(in srgb,var(--series-2) 100%,transparent))}.mbar-val{font-family:var(--mono);font-size:12px;color:var(--ink);white-space:nowrap;display:flex;align-items:baseline;justify-content:flex-start;gap:8px}.mbar-num{display:inline-block;min-width:58px}.mbar-mult{font-size:10.5px;font-weight:700;letter-spacing:.04em;color:var(--accent)}.mbar-mult--hot{color:var(--series-2)}.mbar-cap{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:18px;letter-spacing:.01em}@media (max-width: 560px){.mbar-row{grid-template-columns:70px minmax(0,1fr);grid-template-areas:"name bar" "val val";row-gap:4px}.mbar-name{grid-area:name}.mbar-track{grid-area:bar}.mbar-val{grid-area:val;justify-content:flex-end}}.tradeoff-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:2em 0}.tradeoff-col{border:1px solid color-mix(in srgb,var(--accent) 29%,transparent);border-radius:8px;background:color-mix(in srgb,var(--accent) 6%,transparent);overflow:hidden}.tradeoff-col--jvm{border-color:color-mix(in srgb,var(--series-2) 35%,transparent);background:color-mix(in srgb,var(--series-2) 6%,transparent)}.tradeoff-head{display:flex;align-items:baseline;gap:10px;padding:12px 16px;background:color-mix(in srgb,var(--accent) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent) 24%,transparent)}.tradeoff-col--jvm .tradeoff-head{background:color-mix(in srgb,var(--series-2) 8%,transparent);border-bottom-color:color-mix(in srgb,var(--series-2) 29%,transparent)}.tradeoff-name{font-family:var(--mono);font-size:12.5px;font-weight:700;letter-spacing:.03em;white-space:nowrap;padding:3px 9px;border-radius:3px;background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 48%,transparent)}.tradeoff-col--jvm .tradeoff-name{background:color-mix(in srgb,var(--series-2) 13%,transparent);color:var(--series-2);border-color:color-mix(in srgb,var(--series-2) 48%,transparent)}.tradeoff-when{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.tradeoff-item{padding:12px 16px;transition:background var(--t-fast) var(--ease-std)}.tradeoff-item+.tradeoff-item{border-top:1px solid color-mix(in srgb,var(--accent) 13%,transparent)}.tradeoff-col--jvm .tradeoff-item+.tradeoff-item{border-top-color:color-mix(in srgb,var(--series-2) 13%,transparent)}.tradeoff-item:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.tradeoff-col--jvm .tradeoff-item:hover{background:color-mix(in srgb,var(--series-2) 6%,transparent)}.tradeoff-key{display:block;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.tradeoff-col--jvm .tradeoff-key{color:var(--series-2)}.tradeoff-text{display:block;font-size:13.5px;line-height:1.6;color:var(--ink-2)}.tradeoff-text code{font-size:.85em}@media (max-width: 640px){.tradeoff-grid{grid-template-columns:1fr}}.line-chart{margin:2em 0;padding:22px 24px;border:1px solid color-mix(in srgb,var(--accent) 29%,transparent);border-radius:10px;background:color-mix(in srgb,var(--accent) 6%,transparent)}.lc-title{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:16px}.lc-svg{display:block;width:100%;height:auto;overflow:visible}.lc-grid line{stroke:color-mix(in srgb,var(--accent) 16%,transparent);stroke-width:1}.lc-grid line.lc-base{stroke:color-mix(in srgb,var(--accent) 35%,transparent)}.lc-axis{font-family:var(--mono);font-size:10px;fill:var(--muted);letter-spacing:.02em}.lc-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.lc-rust{stroke:var(--accent)}.lc-node{stroke:var(--series-2)}.lc-python{stroke:var(--series-4)}.lc-java{stroke:var(--series-3)}.lc-legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px;font-family:var(--mono);font-size:11.5px;color:var(--ink-2)}.lc-key{display:inline-flex;align-items:center;gap:8px}.lc-key i{width:16px;height:3px;border-radius:2px;flex-shrink:0}.lc-key b{color:var(--ink);font-weight:700}.lc-key-rust i{background:var(--accent)}.lc-key-node i{background:var(--series-2)}.lc-key-python i{background:var(--series-4)}.lc-key-java i{background:var(--series-3)}@media (prefers-reduced-motion: no-preference){.lc-line{stroke-dasharray:1400;stroke-dashoffset:1400;animation:lc-draw 1.6s var(--ease-std) forwards}.lc-node{animation-delay:0s}.lc-python{animation-delay:.15s}.lc-java{animation-delay:.3s}.lc-rust{animation-delay:.45s}}@keyframes lc-draw{to{stroke-dashoffset:0}}.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(--text);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)}.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-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(--text) 90%,var(--ink));background:color-mix(in oklab,var(--accent) 8%,var(--paper));border-color:color-mix(in oklab,var(--accent) 22%,transparent)}.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)}.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(--text);background:var(--accent-bg);border:1px solid color-mix(in oklab,var(--accent) 25%,transparent);border-radius:4px;padding:2px 8px}.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:color-mix(in srgb,var(--accent) 6%,transparent);border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);border-radius:4px;overflow:hidden}.arch-panel-hd{padding:9px 18px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-subtle);background:color-mix(in srgb,var(--accent) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent) 24%,transparent);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 color-mix(in srgb,var(--accent) 40%,transparent);border-radius:20px;background:color-mix(in srgb,var(--accent) 6%,transparent)}.arch-method{font-size:9.5px;font-weight:700;letter-spacing:.06em;color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent);border:1px solid color-mix(in srgb,var(--accent) 56%,transparent);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 color-mix(in srgb,var(--accent) 32%,transparent);border-radius:4px;background:color-mix(in srgb,var(--accent) 6%,transparent)}.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:var(--accent);background:color-mix(in srgb,var(--accent) 11%,transparent);border:1px solid color-mix(in srgb,var(--accent) 48%,transparent)}.arch-lang-py{color:#7dd3fc;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 color-mix(in srgb,var(--accent) 24%,transparent);border-radius:4px;background:color-mix(in srgb,var(--accent) 6%,transparent)}.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:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:4px;font-size:11px;color:var(--ink-2);display:flex;align-items:center;gap:7px;flex-wrap:wrap}.arch-traceid-bar code{font-family:var(--mono);font-size:10px;color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent);padding:0 5px;border-radius:3px;border:1px solid color-mix(in srgb,var(--accent) 32%,transparent)}.arch-tel-body{padding:16px 18px;display:flex;flex-direction:column;gap:10px}.arch-tel-rows{border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);border-radius:4px;overflow:hidden}.arch-tel-row{display:flex;align-items:stretch;border-bottom:1px solid color-mix(in srgb,var(--accent) 13%,transparent);min-height:44px}.arch-tel-row:last-child{border-bottom:0}.arch-tel-row:nth-child(2n){background:color-mix(in srgb,var(--accent) 6%,transparent)}.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;background:#c4b5fd14;border-right-color:#c4b5fd26}.arch-tel-metrics{color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,transparent);border-right-color:color-mix(in srgb,var(--accent) 24%,transparent)}.arch-tel-logs{color:var(--series-4);background:color-mix(in srgb,var(--series-4) 11%,transparent);border-right-color:color-mix(in srgb,var(--series-4) 24%,transparent)}.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:color-mix(in srgb,var(--series-3) 6%,transparent);border:1px solid color-mix(in srgb,var(--series-3) 40%,transparent);border-radius:4px}.arch-grafana-name{font-size:13px;font-weight:700;color:var(--series-3)}.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 color-mix(in srgb,var(--accent) 32%,transparent);border-radius:4px;overflow:hidden}.step{display:grid;grid-template-columns:42px 1fr;border-bottom:1px solid color-mix(in srgb,var(--accent) 13%,transparent)}.step:last-child{border-bottom:0}.step:nth-child(odd){background:color-mix(in srgb,var(--accent) 6%,transparent)}.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:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border-right:1px solid color-mix(in srgb,var(--accent) 32%,transparent)}.step-body{padding:12px 16px;font-family:var(--sans);font-size:14px;line-height:1.6;color:var(--ink-2)}.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(--text);padding:1px 5px;border-radius:3px;border:1px solid var(--line-2)}.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))}.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%{transform:translate(0);opacity:0}12%{opacity:.9}88%{opacity:.9}to{transform:translate(58px);opacity:0}}@media (prefers-reduced-motion: reduce){.df-pulse{animation:none;transform:translate(29px);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%{transform:translate(0);opacity:0}12%{opacity:.9}88%{opacity:.9}to{transform:translate(46px);opacity:0}}.df-caption{padding:.6rem .875rem;font-size:10px;gap:4px}.df-caption code{font-size:10px}}.pitfalls{display:flex;flex-direction:column;gap:14px;margin:2em 0}.pitfall{border:1px solid color-mix(in srgb,var(--accent) 29%,transparent);border-radius:4px;overflow:hidden;background:color-mix(in srgb,var(--accent) 6%,transparent)}.pitfall-head{display:flex;align-items:center;gap:10px;padding:10px 14px;background:color-mix(in srgb,var(--accent) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent) 24%,transparent)}.pitfall-num{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);border-radius:3px;padding:2px 7px;background:color-mix(in srgb,var(--accent) 13%,transparent);flex-shrink:0}.pitfall-title{font-family:var(--mono);font-size:12.5px;font-weight:700;color:var(--ink);letter-spacing:.02em}.pitfall-body{padding:12px 14px;display:grid;grid-template-columns:84px 1fr;row-gap:9px;-moz-column-gap:14px;column-gap:14px}.pitfall-label{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;padding-top:3px}.pitfall-label--symptom{color:var(--series-2)}.pitfall-label--cause{color:var(--series-3)}.pitfall-label--fix{color:var(--series-4)}.pitfall-text{font-size:13.5px;line-height:1.6;color:var(--ink-2)}.pitfall-text code{font-size:.85em}@media (max-width: 520px){.pitfall-body{grid-template-columns:1fr;row-gap:3px}.pitfall-label{padding-top:8px}.pitfall-label:first-child{padding-top:0}}.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}