@layer reset{*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body,h1,h2,h3,p{margin:0}}
@layer tokens{:root{--ink:#0f172a;--paper:#fff;--abyss:#04060f;--brain-blue:#0018a8;--brain-cyan:#00d8ff;--brand-violet:#6a2fd6;--role-active:#122bdb;--role-idle:#dde3ed;--text-quiet:#68748a;--night-text:#f6f4ef;--night-quiet:#aeb9ca;--night-cobalt:#164bff;--night-cyan:#55d6ff;--knob-ground-mix:0;--ground-to-ink:clamp(0, var(--knob-ground-mix), 1);--ground-to-abyss:clamp(0, calc(var(--knob-ground-mix) - 1), 1);--ground:color-mix(in oklab, color-mix(in oklab, var(--paper) calc((1 - var(--ground-to-ink)) * 100%), var(--ink)) calc((1 - var(--ground-to-abyss)) * 100%), var(--abyss));--text:color-mix(in oklab, var(--ink) calc((1 - var(--ground-to-ink)) * 100%), var(--paper));--text-muted:color-mix(in oklab, var(--text) 70%, var(--ground));--font-sans:"Helvetica Neue", "Inter", Helvetica, Arial, system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--step-0:clamp(1rem, .95rem + .25vw, 1.125rem);--step-1:clamp(1.25rem, 1.1rem + .75vw, 1.75rem);--step-2:clamp(1.75rem, 1.3rem + 2.2vw, 3.25rem);--step-3:clamp(2.25rem, 1.5rem + 3.6vw, 4.5rem);--space-1:clamp(.5rem, .45rem + .25vw, .75rem);--space-2:clamp(1rem, .9rem + .5vw, 1.5rem);--space-3:clamp(1.5rem, 1.2rem + 1.5vw, 3rem);--space-4:clamp(3rem, 2rem + 5vw, 8rem);--gutter:clamp(1rem, .5rem + 2.5vw, 3rem);--viewport-skirt:calc(100lvh - 100svh + env(safe-area-inset-bottom,0px));--measure:36ch}}