@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap";
:root{--neutral-0:#fff;--neutral-50:#f5f6f7;--neutral-100:#e6e8eb;--neutral-200:#c9cdd3;--neutral-300:#9aa0a9;--neutral-400:#6b7280;--neutral-500:#4a515b;--neutral-600:#2e333b;--neutral-700:#1e2128;--neutral-800:#14161b;--neutral-900:#0d0f13;--neutral-950:#0a0c10;--accent-50:#fff1e6;--accent-100:#ffd9bf;--accent-200:#ffb380;--accent-300:#ff8d40;--accent-400:#ff7a24;--accent-500:#ff6b1a;--accent-600:#e65a10;--accent-700:#b8470d;--accent-800:#8a3509;--accent-900:#5c2306;--data-cyan:#22d3ee;--data-magenta:#e879f9;--data-green:#22c55e;--data-yellow:#eab308;--data-red:#ef4444;--data-blue:#3b82f6;--data-violet:#8b5cf6;--status-success:#22c55e;--status-warning:#eab308;--status-danger:#ef4444;--status-info:#3b82f6;--bg-app:var(--neutral-950);--bg-surface:var(--neutral-900);--bg-elevated:var(--neutral-800);--bg-overlay:#0a0c10b8;--bg-hover:#ffffff0a;--bg-active:#ffffff14;--bg-selected:#ff6b1a1f;--fg-1:var(--neutral-50);--fg-2:var(--neutral-200);--fg-3:var(--neutral-300);--fg-4:var(--neutral-400);--fg-accent:var(--accent-500);--fg-on-accent:#fff;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff2e;--border-accent:var(--accent-500);--grid-minor:#ffffff0a;--grid-major:#ffffff1a;--grid-axis:#ffffff47;--heat-0:#0b2942;--heat-1:#13507a;--heat-2:#1f8fb3;--heat-3:#2ecc9b;--heat-4:#b3d330;--heat-5:#ffb020;--heat-6:#ff6b1a;--heat-7:#c9272b;--font-sans:"Geist", "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-display:"Geist", "Inter", sans-serif;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.75rem;--text-5xl:3.75rem;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-loose:1.7;--tracking-tightest:-.04em;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-widest:.16em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-pill:999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000073;--shadow-lg:0 12px 32px #0000008c;--shadow-xl:0 24px 64px #000000a6;--shadow-inset:inset 0 1px 0 #ffffff0d;--ring-focus:0 0 0 2px var(--bg-app), 0 0 0 4px var(--accent-500);--glow-accent:0 0 0 1px #ff6b1a66, 0 0 24px #ff6b1a40;--glow-danger:0 0 0 1px #ef444466, 0 0 24px #ef444440;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-snap:cubic-bezier(.2, .8, .2, 1);--dur-instant:80ms;--dur-fast:.14s;--dur-base:.22s;--dur-slow:.36s}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg-app);color:var(--fg-1);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;height:100%;margin:0;padding:0}button,input,textarea{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--bg-surface);background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes accentPulse{0%{box-shadow:0 0 0 1px #ff6b1a66,0 0 14px #ff6b1a40}50%{box-shadow:0 0 0 2px #ff6b1ab3,0 0 28px #ff6b1a80}to{box-shadow:0 0 0 1px #ff6b1a66,0 0 14px #ff6b1a40}}button:hover{filter:brightness(1.08)}input[type=range]{height:18px;accent-color:var(--accent-500)}.mono,.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--fg-3)}.app-shell{background:var(--bg-app);min-height:100vh;color:var(--fg-1);display:flex}.app-shell__rail{background:var(--bg-surface);border-right:1px solid var(--border-subtle);align-items:center;gap:var(--space-4);width:58px;padding:var(--space-4) 0;flex-direction:column;flex-shrink:0;display:flex}.app-shell__mark{border-radius:var(--radius-md);width:32px;height:32px;color:var(--accent-500);font-family:var(--font-mono);font-size:10px;font-weight:var(--weight-semibold);background:#ff6b1a14;border:1px solid #ff6b1a70;place-items:center;text-decoration:none;display:grid}.app-shell__nav{align-items:center;gap:var(--space-1);flex-direction:column;width:100%;display:flex}.app-shell__nav-item{border-radius:var(--radius-md);width:42px;height:42px;color:var(--fg-4);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);place-items:center;text-decoration:none;display:grid;position:relative}.app-shell__nav-item:hover{background:var(--bg-hover)}.app-shell__nav-item--active{color:var(--accent-500);background:#ff6b1a1f}.app-shell__nav-item--active:before{content:"";border-radius:var(--radius-pill);background:var(--accent-500);width:2px;height:20px;position:absolute;left:-8px}.app-shell__nav-item--disabled{opacity:.42;cursor:default}.app-shell__nav-label{pointer-events:none;opacity:0;white-space:nowrap;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--fg-2);font-size:var(--text-xs);box-shadow:var(--shadow-md);z-index:20;padding:5px 8px;position:absolute;top:50%;left:48px;transform:translateY(-50%)}.app-shell__nav-item:hover .app-shell__nav-label{opacity:1}.app-shell__body{flex-direction:column;flex:1;min-width:0;display:flex}.app-shell__topbar{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);align-items:center;gap:var(--space-4);height:58px;padding:0 var(--space-6);flex-shrink:0;display:flex}.app-shell__brand{align-items:center;gap:10px;min-width:0;display:flex}.app-shell__wordmark{font-family:var(--font-display);font-size:16px;font-weight:var(--weight-bold);color:var(--fg-1);line-height:1}.app-shell__wordmark span{color:var(--accent-500)}.app-shell__shop{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:34vw;color:var(--fg-4);font-family:var(--font-mono);letter-spacing:.14em;margin-left:var(--space-2);font-size:10px;overflow:hidden}.app-shell__section{color:var(--fg-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;margin-left:auto}.app-shell__tools{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.app-shell__primary-action{border-radius:var(--radius-md);background:var(--accent-500);min-height:34px;color:var(--fg-on-accent);font-size:var(--text-sm);font-weight:var(--weight-semibold);box-shadow:var(--glow-accent);justify-content:center;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.app-shell__content{flex:1;min-width:0}@media (max-width:720px){.app-shell{flex-direction:column}.app-shell__rail{width:100%;height:52px;padding:0 var(--space-3);border-right:0;border-bottom:1px solid var(--border-subtle);flex-direction:row;justify-content:flex-start;overflow-x:auto}.app-shell__mark{flex:none}.app-shell__nav{flex-direction:row;align-items:center;width:auto}.app-shell__nav-item{width:40px;height:40px}.app-shell__nav-item--active:before{width:20px;height:2px;top:auto;bottom:-6px;left:50%;transform:translate(-50%)}.app-shell__nav-label,.app-shell__nav-item:hover .app-shell__nav-label{display:none}.app-shell__topbar{height:auto;min-height:58px;padding:var(--space-3);flex-wrap:wrap}.app-shell__shop{max-width:calc(100vw - 190px)}.app-shell__section{display:none}.app-shell__tools{margin-left:auto}}