:root{color-scheme:light;--brand-aqua-50:#f0fbfd;--brand-aqua-100:#d5f2f7;--brand-aqua-500:#0e7490;--brand-aqua-600:#155e75;--brand-aqua-400:#22d3ee;--brand-warm-500:#d97706;--brand-warm-400:#fbbf24;--color-bg:#f4fafc;--color-surface:#ffffff;--color-surface-2:#f8fbfc;--color-ink:#0c1e26;--color-ink-soft:#4d6470;--color-ink-faint:#6b8590;--color-line:rgba(12,30,38,0.1);--color-line-strong:rgba(12,30,38,0.18);--color-accent:var(--brand-aqua-500);--color-on-accent:#ffffff;--color-accent-soft:color-mix( in srgb,var(--color-accent) 12%,transparent );--color-accent-line:color-mix( in srgb,var(--color-accent) 32%,transparent );--color-warm:var(--brand-warm-500);--color-warm-soft:color-mix(in srgb,var(--color-warm) 14%,transparent);--color-warm-line:color-mix(in srgb,var(--color-warm) 32%,transparent);--color-danger:#dc2626;--color-danger-soft:color-mix( in srgb,var(--color-danger) 10%,transparent );--color-danger-line:color-mix( in srgb,var(--color-danger) 40%,transparent );--color-success:#15803d;--color-success-soft:color-mix( in srgb,var(--color-success) 10%,transparent );--color-success-line:color-mix( in srgb,var(--color-success) 36%,transparent );--focus-ring:0 0 0 3px color-mix(in srgb,var(--color-accent) 30%,transparent);--font-display:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-body:var(--font-display);--font-verse:"Instrument Serif",Georgia,"Times New Roman",serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--text-xs:clamp(0.72rem,0.7rem + 0.1vw,0.78rem);--text-sm:clamp(0.84rem,0.81rem + 0.14vw,0.92rem);--text-base:clamp(1rem,0.96rem + 0.2vw,1.06rem);--text-md:clamp(1.06rem,1rem + 0.28vw,1.18rem);--text-lg:clamp(1.25rem,1.1rem + 0.75vw,1.55rem);--text-xl:clamp(1.6rem,1.25rem + 1.75vw,2.25rem);--text-2xl:clamp(2rem,1.5rem + 2.5vw,3rem);--leading-tight:1.15;--leading-snug:1.35;--leading-normal:1.6;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.08em;--tracking-wider:0.16em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--radius-xs:4px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-full:999px;--shadow-xs:0 1px 2px rgba(12,30,38,0.04);--shadow-sm:0 2px 6px -2px rgba(12,30,38,0.08);--shadow-md:0 8px 24px -12px rgba(12,30,38,0.2);--shadow-lg:0 20px 48px -20px rgba(12,30,38,0.28);--ease-out:cubic-bezier(0.22,0.61,0.28,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--dur-quick:180ms;--dur-normal:260ms;--dur-slow:420ms;--content-width:42rem;--sidebar-width:17.5rem;--topbar-height:4rem;--dock-height:4rem;--gutter:clamp(1.25rem,4vw,3rem);--shell-gutter:clamp(1rem,4vw,2.5rem);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-overlay:400;--z-modal:500;--z-toast:1000000;--z-tooltip:1000001;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);}[data-theme="dark"]{color-scheme:dark;--color-bg:#08131a;--color-surface:#0e1c26;--color-surface-2:#14232e;--color-ink:#e6f4f8;--color-ink-soft:#8fa8b4;--color-ink-faint:#5f7a86;--color-line:rgba(230,244,248,0.12);--color-line-strong:rgba(230,244,248,0.2);--color-accent:var(--brand-aqua-400);--color-on-accent:#08131a;--color-accent-soft:color-mix( in srgb,var(--color-accent) 16%,transparent );--color-accent-line:color-mix( in srgb,var(--color-accent) 36%,transparent );--color-warm:var(--brand-warm-400);--color-warm-soft:color-mix(in srgb,var(--color-warm) 18%,transparent);--color-warm-line:color-mix(in srgb,var(--color-warm) 38%,transparent);--color-danger:#f87171;--color-danger-soft:color-mix( in srgb,var(--color-danger) 14%,transparent );--color-danger-line:color-mix( in srgb,var(--color-danger) 45%,transparent );--color-success:#4ade80;--color-success-soft:color-mix( in srgb,var(--color-success) 14%,transparent );--color-success-line:color-mix( in srgb,var(--color-success) 40%,transparent );--focus-ring:0 0 0 3px color-mix(in srgb,var(--color-accent) 40%,transparent);--shadow-xs:0 1px 2px rgba(0,0,0,0.4);--shadow-sm:0 2px 6px -2px rgba(0,0,0,0.5);--shadow-md:0 8px 24px -12px rgba(0,0,0,0.6);--shadow-lg:0 20px 48px -20px rgba(0,0,0,0.7);}