:root{--sf-bg-void:#06080d;--sf-bg-deep:#0a0e18;--sf-bg-surface:#111828;--sf-bg-elevated:#1a2236;--sf-bg-line:#263248;--sf-phase-50:#e4f0ff;--sf-phase-100:#b8d8f8;--sf-phase-200:#7abbe8;--sf-phase-300:#4a9ed8;--sf-phase-400:#2e88cc;--sf-phase-500:#1c72b4;--sf-phase-600:#155e98;--sf-phase-700:#0e4a7a;--sf-phase-800:#08365c;--sf-phase-900:#04223c;--sf-phase-rgb:46, 136, 204;--sf-phase-glow:0 0 24px #2e88cc8c, 0 0 4px #64b4f0e6;--sf-phase-name:"CLEAN";--sf-phase-symbol:"🌊";--sf-text-primary:#ecf0f8;--sf-text-secondary:#a0aecc;--sf-text-muted:#5c6e8a;--sf-text-inverse:#06080d;--sf-font-display:"Bricolage Grotesque", system-ui, sans-serif;--sf-font-body:"Geist", system-ui, sans-serif;--sf-font-mono:"Geist Mono", "JetBrains Mono", ui-monospace, monospace;--sf-r-sm:6px;--sf-r-md:10px;--sf-r-lg:16px;--sf-r-xl:22px;--sf-r-pill:999px;--sf-ease-out:cubic-bezier(.22, 1, .36, 1);--sf-dur-base:.24s;--sf-phase-transition:.8s cubic-bezier(.65, 0, .35, 1)}[data-surf-condition=glass]{--sf-phase-50:#e0fff6;--sf-phase-100:#aef4e0;--sf-phase-200:#72e6c6;--sf-phase-300:#40d4ac;--sf-phase-400:#28c098;--sf-phase-500:#1aa882;--sf-phase-600:#128e6c;--sf-phase-700:#0c7258;--sf-phase-800:#085842;--sf-phase-900:#043e2e;--sf-phase-rgb:40, 192, 152;--sf-phase-glow:0 0 24px #28c09880, 0 0 4px #78f0d2d9;--sf-phase-name:"GLASS";--sf-phase-symbol:"🪞"}[data-surf-condition=clean]{--sf-phase-name:"CLEAN";--sf-phase-symbol:"🌊"}[data-surf-condition=choppy]{--sf-phase-50:#e6ecf4;--sf-phase-100:#c2cfde;--sf-phase-200:#96a8c0;--sf-phase-300:#7088a8;--sf-phase-400:#5a7494;--sf-phase-500:#486280;--sf-phase-600:#3a5068;--sf-phase-700:#2c3e52;--sf-phase-800:#202e3c;--sf-phase-900:#141e28;--sf-phase-rgb:90, 116, 148;--sf-phase-glow:0 0 20px #5a749473, 0 0 4px #8caac8b3;--sf-phase-name:"CHOPPY";--sf-phase-symbol:"💨"}[data-surf-condition=pumping]{--sf-phase-50:#dafff0;--sf-phase-100:#a0f0d4;--sf-phase-200:#60deb2;--sf-phase-300:#30cc94;--sf-phase-400:#1ab880;--sf-phase-500:#10a06c;--sf-phase-600:#0a8858;--sf-phase-700:#066e46;--sf-phase-800:#045434;--sf-phase-900:#023a24;--sf-phase-rgb:26, 184, 128;--sf-phase-glow:0 0 28px #1ab8808c, 0 0 4px #50e6aad9;--sf-phase-name:"PUMPING";--sf-phase-symbol:"🤙"}[data-surf-condition=blown-out]{--sf-phase-50:#f2eae0;--sf-phase-100:#dccab2;--sf-phase-200:#c4a882;--sf-phase-300:#a88a60;--sf-phase-400:#907648;--sf-phase-500:#786238;--sf-phase-600:#60502c;--sf-phase-700:#4a3e22;--sf-phase-800:#342c18;--sf-phase-900:#201c10;--sf-phase-rgb:144, 118, 72;--sf-phase-glow:0 0 18px #90764866, 0 0 4px #c8af82a6;--sf-phase-name:"BLOWN OUT";--sf-phase-symbol:"🌬️"}[data-surf-condition=stormy]{--sf-phase-50:#e8e4f4;--sf-phase-100:#c8c0de;--sf-phase-200:#a498c2;--sf-phase-300:#8070a8;--sf-phase-400:#685894;--sf-phase-500:#544680;--sf-phase-600:#423668;--sf-phase-700:#322850;--sf-phase-800:#241c3a;--sf-phase-900:#161226;--sf-phase-rgb:104, 88, 148;--sf-phase-glow:0 0 24px #68589480, 0 0 4px #a08cd2bf;--sf-phase-name:"STORMY";--sf-phase-symbol:"⛈️"}[data-surf-condition=firing]{--sf-phase-50:#fff4e0;--sf-phase-100:#fce0a8;--sf-phase-200:#f8c86c;--sf-phase-300:#f0ae3c;--sf-phase-400:#e4982a;--sf-phase-500:#c8801e;--sf-phase-600:#a46818;--sf-phase-700:#805010;--sf-phase-800:#5c3a0a;--sf-phase-900:#3c2606;--sf-phase-rgb:228, 152, 42;--sf-phase-glow:0 0 30px #e4982a99, 0 0 6px #ffc864e6;--sf-phase-name:"FIRING";--sf-phase-symbol:"🔥"}[data-surf-condition=flat]{--sf-phase-50:#e6f0f8;--sf-phase-100:#c4d8ea;--sf-phase-200:#9cbcd8;--sf-phase-300:#78a4c6;--sf-phase-400:#6090b4;--sf-phase-500:#4c7c9e;--sf-phase-600:#3c6884;--sf-phase-700:#2e5268;--sf-phase-800:#203c50;--sf-phase-900:#142836;--sf-phase-rgb:96, 144, 180;--sf-phase-glow:0 0 18px #6090b466, 0 0 4px #96c3dca6;--sf-phase-name:"FLAT";--sf-phase-symbol:"😴"}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sf-font-body);background:var(--sf-bg-void);color:var(--sf-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01", "cv11";transition:background var(--sf-phase-transition), color var(--sf-phase-transition)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}@keyframes sfSwell{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sfDrift{0%{transform:translate(0)}50%{transform:translate(12px)}to{transform:translate(0)}}@keyframes sfRipple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@keyframes sfPulse{0%,to{filter:drop-shadow(0 0 14px rgba(var(--sf-phase-rgb),.55)) drop-shadow(0 0 3px rgba(var(--sf-phase-rgb),.85))}50%{filter:drop-shadow(0 0 28px rgba(var(--sf-phase-rgb),.95)) drop-shadow(0 0 6px rgba(var(--sf-phase-rgb),1))}}::selection{background:var(--sf-phase-400);color:var(--sf-bg-void)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--sf-bg-deep)}::-webkit-scrollbar-thumb{background:var(--sf-bg-line);border:2px solid var(--sf-bg-deep);border-radius:999px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}