:root{--sidebar-width:264px;--mobile-header-height:64px}.app-main,.app-shell{min-height:100dvh}.app-main{min-width:0}.nav-sidebar{display:none}.nav-mobile-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;height:var(--mobile-header-height);display:grid;grid-template-columns:44px auto 1fr;align-items:center;grid-gap:12px;gap:12px;padding:0 16px;background:color-mix(in srgb,var(--bg) 92%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-close-button,.nav-menu-button{width:44px;height:44px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer}.nav-menu-button span{width:18px;height:1px;background:currentColor;box-shadow:0 0 6px color-mix(in srgb,var(--accent) 28%,transparent)}.nav-close-button{flex:0 0 auto;font:24px/1 var(--font-mono)}.nav-brand{display:inline-flex;flex-direction:column;gap:2px}.nav-brand,.nav-brand:hover{color:var(--ink);text-decoration:none}.nav-brand-mark{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:18px;font-weight:700;letter-spacing:4px}.nav-brand-pixel{width:9px;height:9px;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent),var(--glow-accent)}.nav-brand-subtitle{padding-left:19px;font-family:var(--font-mono);font-size:9px;letter-spacing:1.6px;color:var(--ink-3)}.nav-brand-compact .nav-brand-mark{font-size:14px;letter-spacing:3px}.nav-brand-compact .nav-brand-pixel{width:7px;height:7px}.nav-mobile-route{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-family:var(--font-mono);font-size:10px;letter-spacing:1.2px;color:var(--ink-2);text-transform:uppercase}.nav-drawer-backdrop{position:fixed;inset:0;z-index:40;width:100%;height:100%;padding:0;border:0;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:default;animation:nav-fade-in .14s ease-out}.nav-drawer{position:fixed;inset:0 auto 0 0;z-index:50;width:min(88vw,340px);height:100dvh;display:flex;flex-direction:column;overflow-y:auto;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,transparent),transparent 180px),var(--surface);border-right:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));box-shadow:18px 0 60px rgba(0,0,0,.48);animation:nav-slide-in .18s cubic-bezier(.2,.8,.2,1)}.nav-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 18px 20px;border-bottom:1px solid var(--line)}.nav-groups{gap:20px;padding:22px 14px}.nav-group,.nav-groups{display:flex;flex-direction:column}.nav-group{gap:6px}.nav-group-label{padding:0 10px;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:2px;color:var(--ink-3)}.nav-group-links{display:flex;flex-direction:column;gap:4px;list-style:none}.nav-group-links>li{list-style:none}.nav-link{position:relative;min-height:44px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:8px 10px;border:1px solid transparent;border-radius:8px;color:var(--ink-2);font-family:var(--font-mono);font-size:12px;letter-spacing:.8px;text-decoration:none;transition:color .12s ease,background .12s ease,border-color .12s ease,transform .12s ease}.nav-link:hover{color:var(--ink);background:color-mix(in srgb,var(--surface-2) 76%,transparent);border-color:var(--line);text-decoration:none}.nav-link-code{color:var(--ink-3);font-size:9px;letter-spacing:1px}.nav-link-caret{color:transparent;font-size:18px;line-height:1;transform:translateX(-3px);transition:color .12s ease,transform .12s ease}.nav-link-active{color:var(--ink);background:color-mix(in srgb,var(--accent) 9%,var(--surface));border-color:color-mix(in srgb,var(--accent) 32%,var(--line));box-shadow:inset 2px 0 0 var(--accent),0 0 20px color-mix(in srgb,var(--accent) 6%,transparent)}.nav-link-active .nav-link-caret,.nav-link-active .nav-link-code{color:var(--accent)}.nav-link-active .nav-link-caret{transform:translateX(0)}.nav-usage{margin-top:auto;padding:18px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 45%,transparent)}.nav-usage-label{margin-bottom:10px;font-weight:700;letter-spacing:2px;color:var(--ink-3)}.nav-usage-label,.nav-usage-link{font-family:var(--font-mono);font-size:9px}.nav-usage-link{display:inline-block;margin-top:12px;letter-spacing:1px;color:var(--accent);text-decoration:none}.nav-usage-link:hover{color:var(--ink);text-decoration:none}@keyframes nav-slide-in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes nav-fade-in{0%{opacity:0}to{opacity:1}}@media (min-width:900px){.app-main{margin-left:var(--sidebar-width)}.nav-drawer,.nav-drawer-backdrop,.nav-mobile-header{display:none}.nav-sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:var(--sidebar-width);display:flex;flex-direction:column;overflow-y:auto;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 4%,transparent),transparent 220px),var(--surface);border-right:1px solid var(--line);box-shadow:10px 0 40px rgba(0,0,0,.2)}.nav-sidebar-top{padding:26px 24px 22px;border-bottom:1px solid var(--line)}.nav-sidebar .nav-groups{padding:22px 14px}}@media (prefers-reduced-motion:reduce){.nav-drawer,.nav-drawer-backdrop,.nav-link,.nav-link-caret{animation:none;transition:none}}.usage-badge{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.usage-badge-item{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:7px 8px;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.5px}.usage-badge-tier{color:var(--ink-3);text-transform:uppercase}.usage-badge-value{color:var(--ink-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}:root{--bg:#07090d;--surface:#0e1117;--surface-2:#151a23;--line:#232937;--ink:#e9edf5;--ink-2:#9aa3b6;--ink-3:#5f6879;--p-green:#2fe6a6;--p-cyan:#35c5ff;--p-coin:#ffd23f;--p-alert:#ff5d73;--p-violet:#8f7bff;--good:var(--p-green);--warn:var(--p-coin);--serious:var(--p-alert);--accent:var(--p-cyan);--glow-good:0 0 12px color-mix(in srgb,var(--p-green) 45%,transparent);--glow-warn:0 0 12px color-mix(in srgb,var(--p-coin) 45%,transparent);--glow-accent:0 0 12px color-mix(in srgb,var(--p-cyan) 40%,transparent);--radius:10px;--radius-sm:7px;--control-height:40px;--control-height-touch:44px;--font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,monospace;--tok-output:#8f7bff;--tok-fresh:#2596cc;--tok-cache-read:#c9761b;--tok-cache-write:#d957b3}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{background:radial-gradient(circle at 72% -10%,color-mix(in srgb,var(--p-violet) 7%,transparent),transparent 34rem),radial-gradient(circle at 24% 110%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 38rem),var(--bg);color:var(--ink);font:15px/1.5 var(--font-ui);min-height:100dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,select,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{color:var(--bg);background:var(--accent)}@media (max-width:899px){button:not(.nav-drawer-backdrop),input[class]:not([type=hidden]):not([type=checkbox]):not([type=radio]),select[class]{min-height:var(--control-height-touch)}input[class]:not([type=hidden]):not([type=checkbox]):not([type=radio]),select[class],textarea{font-size:16px}summary{min-height:var(--control-height-touch);display:flex;align-items:center}}.crt{position:relative}.crt:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 2px,rgba(0,0,0,.14) 2px 3px);mix-blend-mode:multiply}@keyframes phosphor-pulse{0%,to{opacity:1}50%{opacity:.55}}.pulse{animation:phosphor-pulse 1.6s ease-in-out infinite}@keyframes coin-blink{0%,70%,to{opacity:1}85%{opacity:.25}}.blink{animation:coin-blink 1.2s step-end infinite}@media (prefers-reduced-motion:reduce){.blink,.pulse{animation:none}}