:root{--ob-abyss: #00060e;--ob-deep: #053a4a;--ob-tide: #0d6273;--ob-lagoon: #18b9ae;--ob-surf: #2bb8ff;--ob-sky: #6ad0ff;--ob-celeste: #8fe6ff;--ob-foam: #dff6ff;--ob-shell: #f4fbff;--ob-coral: #ff7a4d;--ob-sunset: #ffb347;--ob-gold: #ffd98a;--ob-lime: #c8ff5a;--ob-hibiscus: #ff5d8f;--ob-papaya: #ff9e6d;--ob-ink-900: #04141c;--ob-ink-800: #0a2230;--ob-ink-700: #123040;--ob-ink-600: #1d4555;--ob-ink-500: #355f70;--ob-ink-400: #5d8294;--ob-ink-300: #8aa9b8;--ob-ink-200: #b9d2dd;--ob-ink-100: #dcebf1;--ob-ink-050: #eef6f9;--color-bg: var(--ob-abyss);--color-bg-elev: #061b27;--color-surface: #082633;--color-surface-2: #0c3242;--color-surface-frost: rgba(13, 60, 73, .45);--color-border: rgba(143, 230, 255, .14);--color-border-strong: rgba(143, 230, 255, .28);--color-text: var(--ob-foam);--color-text-muted: var(--ob-ink-300);--color-text-subtle: var(--ob-ink-400);--color-text-inverse: var(--ob-ink-900);--color-primary: var(--ob-coral);--color-primary-hover: #ff8c63;--color-primary-press: #f2683b;--color-on-primary: #2a0d04;--color-secondary: var(--ob-lagoon);--color-secondary-hover: #2bd1c4;--color-on-secondary: #022b27;--color-accent: var(--ob-gold);--color-accent-2: var(--ob-hibiscus);--color-link: var(--ob-sky);--color-link-hover: var(--ob-celeste);--color-success: var(--ob-lime);--color-warning: var(--ob-sunset);--color-danger: var(--ob-hibiscus);--color-info: var(--ob-sky);--color-on-feedback: var(--ob-ink-900);--glow-aqua: 0 0 24px rgba(60, 200, 255, .45);--glow-coral: 0 0 26px rgba(255, 122, 77, .5);--glow-lime: 0 0 22px rgba(200, 255, 90, .45);--glow-gold: 0 0 22px rgba(255, 217, 138, .45);--grad-ocean: linear-gradient(180deg, #8fe6ff 0%, #18b9ae 48%, #053a4a 100%);--grad-surf: linear-gradient(120deg, #2bb8ff 0%, #18b9ae 100%);--grad-sunset: linear-gradient(120deg, #ffd98a 0%, #ff7a4d 55%, #ff5d8f 100%);--grad-shore: linear-gradient(120deg, #18b9ae 0%, #8fe6ff 40%, #ffd98a 100%);--grad-night: radial-gradient(120% 90% at 50% 0%, #0d3a4c 0%, #02121a 70%);--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-body: "Outfit", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "Spline Sans Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem;--text-4xl: clamp(2.5rem, 1.8rem + 3vw, 3.5rem);--text-5xl: clamp(3rem, 2rem + 5vw, 4.5rem);--text-6xl: clamp(3.5rem, 2rem + 8vw, 6rem);--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed:1.7;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .08em;--tracking-wider: .18em;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 900;--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;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 32px;--radius-pill: 999px;--radius-blob: 42% 58% 56% 44% / 50% 44% 56% 50%;--border-1: 1px;--border-2: 2px;--border-3: 3px;--shadow-1: 0 1px 2px rgba(2, 22, 30, .4);--shadow-2: 0 4px 16px rgba(2, 22, 30, .45);--shadow-3: 0 12px 32px rgba(2, 22, 30, .5);--shadow-4: 0 24px 60px rgba(2, 22, 30, .55);--shadow-inset: inset 0 1px 0 rgba(223, 246, 255, .06);--dur-fast: .12s;--dur-quick: .2s;--dur-base: .32s;--dur-slow: .6s;--dur-slower: 1.2s;--dur-ambient: 18s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, .84, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-wave: cubic-bezier(.37, 0, .63, 1);--container: 1200px;--container-narrow: 760px;--container-wide: 1440px;--gutter: clamp(1rem, 4vw, 3rem);--z-base: 0;--z-raised: 10;--z-sticky: 100;--z-overlay: 500;--z-modal: 1000;--z-toast: 1500;--z-tooltip: 2000}[data-theme=day]{--color-bg: #eaf6fb;--color-bg-elev: #f4fbff;--color-surface: #ffffff;--color-surface-2: #eef7fb;--color-surface-frost: rgba(255, 255, 255, .55);--color-border: rgba(5, 58, 74, .12);--color-border-strong: rgba(5, 58, 74, .24);--color-text: var(--ob-ink-900);--color-text-muted: var(--ob-ink-600);--color-text-subtle: var(--ob-ink-500);--color-text-inverse: var(--ob-foam);--color-primary: #f2683b;--color-primary-hover: #ff7a4d;--color-primary-press: #db5328;--color-on-primary: #fff6f2;--color-secondary: #0e8e86;--color-secondary-hover: #18b9ae;--color-on-secondary: #ffffff;--color-accent: #e0a73a;--color-accent-2: #e8447a;--color-link: #0e7fb8;--color-link-hover: #0a6291;--color-on-feedback: #04141c;--grad-night: radial-gradient(120% 90% at 50% 0%, #d6eef6 0%, #eaf6fb 70%);--shadow-1: 0 1px 2px rgba(5, 58, 74, .1);--shadow-2: 0 6px 18px rgba(5, 58, 74, .12);--shadow-3: 0 14px 34px rgba(5, 58, 74, .14);--shadow-4: 0 26px 64px rgba(5, 58, 74, .16)}@media(prefers-reduced-motion:reduce){:root{--dur-ambient: .001ms}}