:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--p-bg:#07080c;--p-panel:#ffffff09;--p-panel-2:#ffffff0f;--p-panel-3:#ffffff17;--p-border:#ffffff17;--p-border-strong:#ffffff30;--p-text:#eef1f7;--p-muted:#a3adc0;--p-subtle:#6b7487;--p-code:#05060a;--p-brand:#8b7cff;--p-brand-2:#38bdf8;--p-brand-3:#f472b6;--p-on-brand:#0a0b10;--p-ok:#34d399;--p-warn:#fbbf24;--p-danger:#fb7185;--p-glow-1:#8b7cff38;--p-glow-2:#38bdf829;--p-glow-3:#f472b621;--p-grid:#ffffff08;--p-shadow-1:0 1px 2px #00000080, 0 12px 32px -18px #000000d9;--p-shadow-2:0 48px 100px -44px #000000f2;--p-hairline:#ffffff0f}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--p-bg:#fbfbfe;--p-panel:#ffffffdb;--p-panel-2:#1018280a;--p-panel-3:#10182811;--p-border:#1018281a;--p-border-strong:#10182833;--p-text:#0d1220;--p-muted:#566079;--p-subtle:#7a8497;--p-code:#f4f5fa;--p-brand:#6249e8;--p-brand-2:#0a7cc4;--p-brand-3:#c2379b;--p-on-brand:#fff;--p-ok:#0f8f5f;--p-warn:#a86a04;--p-danger:#d4253f;--p-glow-1:#6249e829;--p-glow-2:#0a7cc41f;--p-glow-3:#c2379b17;--p-grid:#10182809;--p-shadow-1:0 1px 2px #1018280f, 0 12px 30px -18px #10182838;--p-shadow-2:0 44px 90px -44px #10182859;--p-hairline:#1018280d}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--p-bg:#fbfbfe;--p-panel:#ffffffdb;--p-panel-2:#1018280a;--p-panel-3:#10182811;--p-border:#1018281a;--p-border-strong:#10182833;--p-text:#0d1220;--p-muted:#566079;--p-subtle:#7a8497;--p-code:#f4f5fa;--p-brand:#6249e8;--p-brand-2:#0a7cc4;--p-brand-3:#c2379b;--p-on-brand:#fff;--p-ok:#0f8f5f;--p-warn:#a86a04;--p-danger:#d4253f;--p-glow-1:#6249e829;--p-glow-2:#0a7cc41f;--p-glow-3:#c2379b17;--p-grid:#10182809;--p-shadow-1:0 1px 2px #1018280f, 0 12px 30px -18px #10182838;--p-shadow-2:0 44px 90px -44px #10182859;--p-hairline:#1018280d}:root{--bg:var(--p-bg);--surface:var(--p-panel);--surface-2:var(--p-panel-2);--surface-3:var(--p-panel-3);--border:var(--p-border);--border-strong:var(--p-border-strong);--text:var(--p-text);--muted:var(--p-muted);--subtle:var(--p-subtle);--code-bg:var(--p-code);--brand:var(--p-brand);--brand-2:var(--p-brand-2);--brand-3:var(--p-brand-3);--on-brand:var(--p-on-brand);--ok:var(--p-ok);--warn:var(--p-warn);--danger:var(--p-danger);--ok-bg:color-mix(in srgb, var(--ok) 13%, transparent);--ok-border:color-mix(in srgb, var(--ok) 34%, transparent);--warn-bg:color-mix(in srgb, var(--warn) 14%, transparent);--warn-border:color-mix(in srgb, var(--warn) 34%, transparent);--danger-bg:color-mix(in srgb, var(--danger) 13%, transparent);--danger-border:color-mix(in srgb, var(--danger) 34%, transparent);--brand-bg:color-mix(in srgb, var(--brand) 14%, transparent);--brand-border:color-mix(in srgb, var(--brand) 34%, transparent);--radius-xs:8px;--radius-sm:10px;--radius:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--shadow-1:var(--p-shadow-1);--shadow-2:var(--p-shadow-2);--hairline:var(--p-hairline);--sans:-apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, "JetBrains Mono", "Fira Code", Menlo, Consolas, "Liberation Mono", monospace;--ease:cubic-bezier(.32, .72, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--page:1080px;--page-narrow:720px}*,:before,:after{box-sizing:border-box}*{min-width:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em;flex-direction:column;margin:0;font-size:16px;line-height:1.6;display:flex}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(48% 58% at 18% 8%, var(--p-glow-1), transparent 70%), radial-gradient(42% 52% at 82% 4%, var(--p-glow-2), transparent 72%), radial-gradient(34% 46% at 52% 0%, var(--p-glow-3), transparent 74%);filter:blur(8px);height:70vh;animation:drift 22s var(--ease) infinite alternate;position:fixed;inset:-20% -10% auto}@keyframes drift{0%{transform:translate(-1.5%)scale(1)}to{transform:translate(1.5%,1.5%)scale(1.06)}}::selection{background:color-mix(in srgb, var(--brand) 34%, transparent);color:var(--text)}:focus-visible{outline:2px solid color-mix(in srgb, var(--brand) 70%, transparent);outline-offset:2px;border-radius:6px}h1,h2,h3,h4{letter-spacing:-.022em;text-wrap:balance;margin:0;font-weight:620;line-height:1.18}h1{letter-spacing:-.032em;font-size:clamp(2.15rem,1.4rem + 3.1vw,3.5rem)}h2{font-size:clamp(1.3rem,1.1rem + .8vw,1.6rem)}h3{letter-spacing:-.014em;font-size:1.02rem}p{text-wrap:pretty;margin:0}a{color:var(--brand-2);transition:color .16s var(--ease);text-decoration:none}a:hover{color:color-mix(in srgb, var(--brand-2) 78%, var(--text))}strong{color:var(--text);font-weight:600}code{font-family:var(--mono);font-size:.88em}.mono{font-family:var(--mono);letter-spacing:-.01em;font-size:.86rem}.muted{color:var(--muted)}.subtle{color:var(--subtle)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.divider{background:var(--border);border:0;height:1px;margin:0}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:saturate(160%)blur(14px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:12px clamp(16px,4vw,34px);display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:10px;font-size:.98rem;font-weight:600;display:inline-flex}.brand:hover{color:var(--text)}.brand-mark{color:#fff;background:linear-gradient(140deg, var(--brand), var(--brand-2) 55%, var(--brand-3));width:30px;height:30px;box-shadow:0 6px 18px -8px color-mix(in srgb, var(--brand) 80%, transparent), inset 0 1px 0 #ffffff59;border-radius:9px;place-items:center;display:grid}.header-nav{align-items:center;gap:6px;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--muted);transition:color .16s var(--ease), background .16s var(--ease);padding:7px 12px;font-size:.9rem;font-weight:500}.nav-link:hover{color:var(--text);background:var(--surface-2);text-decoration:none}main{width:100%;max-width:var(--page);flex:1;margin:0 auto;padding:clamp(28px,5vw,56px) clamp(16px,4vw,34px) 72px}main.narrow{max-width:var(--page-narrow)}.site-footer{border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 40%, transparent)}.footer-inner{max-width:var(--page);color:var(--subtle);flex-wrap:wrap;justify-content:space-between;gap:14px 28px;margin:0 auto;padding:26px clamp(16px,4vw,34px) 40px;font-size:.82rem;display:flex}.footer-inner p{color:var(--subtle);max-width:58ch;font-size:.82rem}.footer-links{gap:18px;display:flex}.footer-links a{color:var(--muted)}.btn{--btn-bg:var(--surface-2);--btn-fg:var(--text);--btn-border:var(--border);border:1px solid var(--btn-border);border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--btn-fg);font:inherit;letter-spacing:-.008em;cursor:pointer;white-space:nowrap;transition:transform .14s var(--ease), background .16s var(--ease), border-color .16s var(--ease), box-shadow .2s var(--ease), filter .16s var(--ease);justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:550;line-height:1.2;display:inline-flex}.btn:hover{border-color:var(--border-strong);background:var(--surface-3);text-decoration:none}.btn:active{transform:translateY(1px)scale(.994)}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn.primary{--btn-fg:var(--on-brand);--btn-border:transparent;background:linear-gradient(135deg, var(--brand), var(--brand-2) 52%, var(--brand-3));box-shadow:0 10px 26px -12px color-mix(in srgb, var(--brand) 85%, transparent), inset 0 1px 0 #ffffff47}.btn.primary:hover{filter:brightness(1.07)saturate(1.04);background:linear-gradient(135deg, var(--brand), var(--brand-2) 52%, var(--brand-3))}.btn.ghost{--btn-bg:transparent;--btn-border:transparent;--btn-fg:var(--muted)}.btn.ghost:hover{--btn-fg:var(--text);background:var(--surface-2);border-color:#0000}.btn.danger{--btn-bg:transparent;--btn-border:var(--danger-border);--btn-fg:var(--danger)}.btn.danger:hover{background:var(--danger-bg);border-color:color-mix(in srgb, var(--danger) 55%, transparent)}.btn.confirming{--btn-bg:var(--danger);--btn-border:transparent;--btn-fg:var(--on-brand)}.btn.sm{border-radius:var(--radius-xs);padding:7px 12px;font-size:.82rem}.btn.lg{border-radius:var(--radius);padding:13px 22px;font-size:.96rem}.btn.block{width:100%}.btn.icon{border-radius:var(--radius-sm);color:var(--muted);background:0 0;border-color:#0000;padding:8px}.btn.icon:hover{color:var(--text);background:var(--surface-2)}.btn-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(10px);padding:clamp(18px,2.6vw,26px);position:relative}.card+.card,.stack>.card{margin-top:18px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 18px;margin-bottom:14px;display:flex}.card-title{align-items:center;gap:10px;display:flex}.card-desc{color:var(--muted);max-width:68ch;margin-top:8px;font-size:.92rem}.card-body{gap:14px;display:grid}.card.auth{max-width:440px;margin-inline:auto}.card.featured{background:linear-gradient(var(--surface-2), var(--surface-2)) padding-box, linear-gradient(135deg, color-mix(in srgb, var(--brand) 65%, transparent), color-mix(in srgb, var(--brand-2) 55%, transparent) 50%, color-mix(in srgb, var(--brand-3) 45%, transparent)) border-box;box-shadow:var(--shadow-2);border-color:#0000}.card.notice{border-color:var(--border);background:linear-gradient(var(--surface-2), var(--surface-2)) padding-box, linear-gradient(135deg, color-mix(in srgb, var(--brand) 60%, transparent), color-mix(in srgb, var(--brand-2) 45%, transparent)) border-box}.card.warn{border-color:var(--warn-border);background:linear-gradient(180deg, var(--warn-bg), transparent 62%), var(--surface)}.card.danger{border-color:var(--danger-border);background:linear-gradient(180deg, var(--danger-bg), transparent 62%), var(--surface)}.card-icon{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--brand-2);background:var(--brand-bg);border:1px solid var(--brand-border);flex:none;place-items:center;display:grid}.card-icon.ok{color:var(--ok);background:var(--ok-bg);border-color:var(--ok-border)}.card-icon.warn{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-border)}.card-icon.danger{color:var(--danger);background:var(--danger-bg);border-color:var(--danger-border)}.card-icon.lg{border-radius:var(--radius);width:44px;height:44px}.auth-head{text-align:center;justify-items:center;gap:14px;margin-bottom:26px;display:grid}.auth-head p{color:var(--muted);max-width:46ch}.checklist{gap:11px;margin:0;padding:0;list-style:none;display:grid}.checklist li{color:var(--muted);align-items:flex-start;gap:10px;font-size:.9rem;display:flex}.checklist li svg{color:var(--ok);flex:none;margin-top:2px}.checklist li.pending svg{color:var(--subtle)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.hero{padding:clamp(12px,3vw,30px) 0 clamp(24px,4vw,44px);position:relative}.hero-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(var(--p-grid) 1px, transparent 1px), linear-gradient(90deg, var(--p-grid) 1px, transparent 1px);background-size:46px 46px;width:min(1500px,100vw);height:420px;position:absolute;inset:-40px auto auto 50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(60% 60% at 50% 30%,#000 20%,#0000 78%);mask-image:radial-gradient(60% 60% at 50% 30%,#000 20%,#0000 78%)}.badge{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--muted);letter-spacing:.005em;align-items:center;gap:8px;padding:5px 12px 5px 9px;font-size:.79rem;font-weight:500;display:inline-flex}.badge-dot{background:var(--ok);width:7px;height:7px;box-shadow:0 0 0 3px var(--ok-bg);border-radius:50%}.hero h1{max-width:22ch;margin:20px 0 0}.gradient-text{background:linear-gradient(100deg, var(--brand) 4%, var(--brand-2) 46%, var(--brand-3) 92%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-lead{max-width:60ch;color:var(--muted);margin-top:18px;font-size:clamp(1rem,.96rem + .22vw,1.1rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.hero-note{color:var(--subtle);margin-top:14px;font-size:.82rem}.terminal{border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg) 55%, transparent);box-shadow:var(--shadow-2);margin-top:clamp(26px,4vw,44px);overflow:hidden}.terminal-body{gap:14px;padding:16px 18px 18px;display:grid}.terminal-panes{grid-template-columns:repeat(auto-fit,minmax(286px,1fr));gap:14px;display:grid}.pane{border:1px solid var(--border);border-radius:var(--radius);background:var(--code-bg);overflow:hidden}.pane-label{border-bottom:1px solid var(--border);background:var(--surface-2);color:var(--subtle);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:.7rem;font-weight:600;display:flex}.pane pre{background:0 0;padding:14px}.stat-inline{color:var(--muted);flex-wrap:wrap;gap:8px 22px;margin-top:18px;font-size:.84rem;display:flex}.stat-inline b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.terminal-bar{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;gap:10px;padding:10px 14px;display:flex}.terminal-title{color:var(--muted);margin-left:4px;font-size:.8rem;font-weight:500}.dot{border-radius:50%;flex:none;width:10px;height:10px}.dot.red{background:color-mix(in srgb, var(--danger) 78%, transparent)}.dot.amber{background:color-mix(in srgb, var(--warn) 78%, transparent)}.dot.green{background:color-mix(in srgb, var(--ok) 78%, transparent)}.terminal-bar .spacer{flex:1}pre{background:var(--code-bg);font-family:var(--mono);letter-spacing:-.01em;tab-size:2;margin:0;padding:16px 18px;font-size:.82rem;line-height:1.72;overflow-x:auto}pre code{font-size:inherit;color:color-mix(in srgb, var(--text) 88%, var(--muted))}.code-block{border:1px solid var(--border);border-radius:var(--radius);background:var(--code-bg);margin:14px 0 0;position:relative;overflow:hidden}.code-block pre{padding-right:62px}.code-block .copy-slot{position:absolute;top:9px;right:9px}.copy-btn{border:1px solid var(--border);border-radius:var(--radius-xs);background:color-mix(in srgb, var(--surface-3) 90%, transparent);color:var(--muted);font:inherit;cursor:pointer;transition:color .16s var(--ease), border-color .16s var(--ease), background .16s var(--ease);align-items:center;gap:6px;padding:6px 9px;font-size:.76rem;font-weight:550;display:inline-flex}.copy-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-3)}.copy-btn.copied{color:var(--ok);border-color:var(--ok-border);background:var(--ok-bg)}.tk-key{color:var(--brand-2)}.tk-str{color:color-mix(in srgb, var(--ok) 88%, var(--text))}.tk-punct{color:var(--subtle)}.tk-cmd{color:var(--text);font-weight:600}.tk-flag{color:var(--brand)}.tk-out{color:var(--muted)}.caret{vertical-align:-.16em;background:var(--brand-2);width:7px;height:1.05em;margin-left:2px;animation:1.15s steps(2,start) infinite blink;display:inline-block}@keyframes blink{to{visibility:hidden}}.section{margin-top:clamp(48px,7vw,84px)}.eyebrow{color:var(--brand-2);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:.78rem;font-weight:620;display:block}.section-head{max-width:62ch;margin-bottom:22px}.section-head p{color:var(--muted);margin-top:10px}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:16px;display:grid}.step{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-1);transition:transform .24s var(--ease), border-color .24s var(--ease);padding:20px;position:relative}.step:hover{border-color:var(--border-strong);transform:translateY(-3px)}.step-num{border:1px solid var(--brand-border);background:var(--brand-bg);width:30px;height:30px;color:var(--brand-2);border-radius:50%;place-items:center;margin-bottom:14px;font-size:.82rem;font-weight:650;display:grid}.step h3{margin-bottom:6px}.step p{color:var(--muted);font-size:.9rem}.features{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.feature{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--surface-2), transparent 70%), var(--surface);transition:transform .24s var(--ease), border-color .24s var(--ease);padding:20px}.feature:hover{border-color:var(--border-strong);transform:translateY(-3px)}.feature h3{margin:14px 0 6px}.feature p{color:var(--muted);font-size:.89rem}.cta-band{border-radius:var(--radius-xl);border:1px solid var(--border);background:linear-gradient(135deg, var(--brand-bg), transparent 55%), var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:clamp(22px,3vw,32px);display:flex}.cta-band h2{max-width:26ch}.cta-band p{color:var(--muted);max-width:52ch;margin-top:8px}.field{gap:7px;display:grid}.label{color:var(--muted);font-size:.82rem;font-weight:550}.input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--code-bg);width:100%;color:var(--text);font:inherit;transition:border-color .16s var(--ease), box-shadow .16s var(--ease);padding:11px 14px;font-size:.94rem}.input::placeholder{color:var(--subtle)}.input:focus{border-color:color-mix(in srgb, var(--brand) 60%, transparent);box-shadow:0 0 0 4px var(--brand-bg);outline:none}.hint{color:var(--subtle);font-size:.79rem}.row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.row>.grow{flex:220px}.chip{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--muted);letter-spacing:.004em;white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;font-size:.76rem;font-weight:550;display:inline-flex}.chip .chip-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.chip.ok{color:var(--ok);background:var(--ok-bg);border-color:var(--ok-border)}.chip.warn{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-border)}.chip.bad{color:var(--danger);background:var(--danger-bg);border-color:var(--danger-border)}.chip.brand{color:var(--brand-2);background:var(--brand-bg);border-color:var(--brand-border)}.dash-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.dash-head h1{font-size:clamp(1.6rem,1.3rem + 1.2vw,2.1rem)}.who{color:var(--muted);align-items:center;gap:10px;margin-top:10px;font-size:.9rem;display:flex}.avatar{border:1px solid var(--border);background:linear-gradient(140deg, var(--brand-bg), var(--surface-2));width:32px;height:32px;color:var(--text);text-transform:uppercase;border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:620;display:grid}.kv{border:1px solid var(--border);border-radius:var(--radius);background:var(--border);gap:1px;margin:14px 0 0;display:grid;overflow:hidden}.kv-row{background:color-mix(in srgb, var(--bg) 55%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 14px;display:flex}.kv-key{color:var(--muted);font-size:.83rem;font-weight:500}.kv-val{text-align:right;word-break:break-all;font-size:.86rem}.kv-row .kv-val.mono{font-size:.82rem}.stat-row{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:12px;margin-top:4px;display:grid}.stat{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg, var(--surface-2), transparent 80%);padding:14px 16px}.stat-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(1.35rem,1.1rem + 1vw,1.75rem);font-weight:620;line-height:1.15}.stat-label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin-top:3px;font-size:.74rem;font-weight:560}.chart{border-bottom:1px solid var(--border);grid-auto-columns:1fr;grid-auto-flow:column;align-items:end;gap:6px;height:132px;margin-top:18px;padding-top:8px;display:grid}.chart-col{align-content:end;justify-items:center;gap:6px;height:100%;display:grid}.chart-bar{background:linear-gradient(180deg, color-mix(in srgb, var(--brand-2) 85%, transparent), color-mix(in srgb, var(--brand) 70%, transparent));width:100%;max-width:34px;min-height:3px;transition:filter .16s var(--ease), transform .16s var(--ease);transform-origin:bottom;border-radius:6px 6px 2px 2px;box-shadow:inset 0 1px #ffffff29}.chart-col:hover .chart-bar{filter:brightness(1.25);transform:scaleY(1.02)}.chart-col.empty .chart-bar{background:var(--surface-3);box-shadow:none}.chart-labels{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;margin-top:8px;display:grid}.chart-labels span{text-align:center;color:var(--subtle);font-variant-numeric:tabular-nums;font-size:.66rem}.table-wrap{margin:14px -4px 0;padding:0 4px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;padding:11px 12px}th{color:var(--subtle);letter-spacing:.06em;text-transform:uppercase;font-size:.71rem;font-weight:600}tbody tr{transition:background .14s var(--ease)}tbody tr:hover{background:var(--surface-2)}tbody tr:last-child td{border-bottom:0}td.num{font-variant-numeric:tabular-nums}.url-box{border:1px solid var(--border);border-radius:var(--radius);background:var(--code-bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.url-box .url{font-family:var(--mono);color:var(--text);word-break:break-all;font-size:.86rem}.secret-reveal{border-radius:var(--radius);border:1px solid var(--ok-border);background:linear-gradient(180deg, var(--ok-bg), transparent 75%), var(--surface-2);margin-top:14px;padding:16px}.secret-value{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--code-bg);font-family:var(--mono);word-break:break-all;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:12px 14px;font-size:.85rem;display:flex}.key-name{align-items:center;gap:9px;display:flex}.key-glyph{border-radius:var(--radius-xs);background:var(--brand-bg);border:1px solid var(--brand-border);width:26px;height:26px;color:var(--brand-2);flex:none;place-items:center;display:grid}.empty{border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--muted);text-align:center;justify-items:center;gap:8px;padding:30px 20px;display:grid}.empty p{font-size:.88rem}.expiry{align-items:center;gap:8px;min-width:148px;display:flex}.expiry .track{border-radius:var(--radius-pill);background:var(--surface-3);flex:1;height:6px;overflow:hidden}.expiry .fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--brand), var(--brand-2));height:100%}.error,.success{align-items:flex-start;gap:8px;margin-top:12px;font-size:.87rem;line-height:1.5;display:flex}.error{color:var(--danger)}.success{color:var(--ok)}.status-line{color:var(--muted);align-items:center;gap:9px;margin-top:12px;font-size:.87rem;display:inline-flex}.spinner{border:2px solid var(--surface-3);border-top-color:var(--brand-2);border-radius:50%;flex:none;width:13px;height:13px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stack{gap:16px;display:grid}.cluster{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.centre{text-align:center;justify-items:center;display:grid}@media (max-width:640px){.site-header{padding:10px 16px}.header-nav .nav-link.hide-sm{display:none}main{padding-bottom:56px}.kv-row{align-items:flex-start}.kv-val{text-align:left}.chart{height:104px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}body:before{animation:none}.step:hover,.feature:hover{transform:none}}@media print{.site-header,.site-footer,body:before{display:none}body{background:#fff}}.chip.tiny{gap:4px;padding:1px 7px;font-size:11px}.chip.tiny.warn{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 35%, transparent);background:color-mix(in srgb, var(--warn) 8%, transparent)}.btn.small{gap:5px;padding:4px 9px;font-size:12.5px}.select{appearance:none;font:inherit;color:var(--text);background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center, var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:6px 28px 6px 10px;font-size:13px}.select:hover{border-color:var(--border-strong)}.select:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.model-list{border:1px solid var(--border);border-radius:12px;flex-direction:column;margin-top:14px;display:flex;overflow:hidden}.model-row{background:var(--surface);justify-content:space-between;align-items:center;gap:14px;padding:11px 14px;display:flex}.model-row+.model-row{border-top:1px solid var(--border)}.model-row.off .model-meta>span:first-child{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--muted) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--muted) 55%, transparent)}.model-meta{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.ghost-list{margin-top:16px}.switch{--w:34px;--h:20px;width:var(--w);height:var(--h);cursor:pointer;background:var(--border-strong);border:none;border-radius:999px;flex:none;padding:0;transition:background .15s;position:relative}.switch.on{background:var(--brand)}.switch .knob{width:calc(var(--h) - 4px);height:calc(var(--h) - 4px);color:var(--brand);background:#fff;border-radius:999px;place-items:center;transition:transform .15s;display:grid;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.switch.on .knob{transform:translateX(calc(var(--w) - var(--h)))}.switch.off .knob{color:#0000}.switch:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.switch[disabled]{cursor:default;opacity:.6}.card.playground{flex-direction:column;display:flex}.playground-transcript{overscroll-behavior:contain;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 65%, transparent);border-radius:12px;flex-direction:column;gap:14px;min-height:220px;max-height:420px;padding:14px;display:flex;overflow-y:auto}.playground-msg{flex-direction:column;gap:4px;max-width:85%;display:flex}.playground-msg.user{align-self:flex-end;align-items:flex-end}.playground-msg.assistant{align-self:flex-start}.playground-role{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.playground-bubble{white-space:pre-wrap;word-break:break-word;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:10px 13px;line-height:1.55}.playground-msg.user .playground-bubble{background:color-mix(in srgb, var(--brand) 14%, var(--surface));border-color:color-mix(in srgb, var(--brand) 30%, transparent)}.playground-thinking{margin-bottom:10px}.playground-thinking-toggle{font:inherit;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:600}.playground-thinking-toggle:hover{color:var(--fg)}.playground-thinking-body{border-left:2px solid color-mix(in srgb, var(--brand) 45%, transparent);white-space:pre-wrap;word-break:break-word;color:var(--muted);margin-top:7px;padding:9px 11px;font-size:.88em;line-height:1.55}.playground-caret{vertical-align:text-bottom;background:var(--brand);width:8px;height:1.05em;animation:.9s steps(2,start) infinite caret-blink;display:inline-block}@keyframes caret-blink{to{visibility:hidden}}.playground-composer{align-items:flex-end;gap:10px;margin-top:12px;display:flex}.playground-composer textarea{resize:vertical;min-height:44px;max-height:160px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;flex:1;padding:10px 12px;font-size:14px}.playground-composer textarea:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.playground-composer .btn{height:42px}.num{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.playground-caret{opacity:.7;animation:none}}