:root{--primary:#4A7EC8;--primary-dark:#35619F;--gold:#FACC15;--gold-dark:#D9AC06;--panda:#B24E2A;--on-accent:#FFFFFF;--on-gold:#3A2E00;--cream:#FBF7EE;--cream-2:#F3ECDC;--paper-border:#E2D6BB;--paper-edge:color-mix(in srgb, var(--paper-border) 97%, #000);--tile:#FFFFFF;--tile-2:#F3F7F7;--tile-border:#D8E1E3;--felt-1:#33578C;--felt-mid:#2D4D7A;--felt-2:#264268;--scrim:rgba(20, 34, 58, .72);--topbar:#1F385B;--topbar-ink:#D8E5F5;--ink:#23375E;--ink-soft:#4A3D28;--cream-sub:#756547;--ink-placeholder:#777164;--light:#EAF2FF;--success:#167746;--success-strong:#164F32;--success-bg:#DCFCE7;--danger:#C0392B;--danger-strong:#6D2418;--danger-bg:#FDE8E7;--warning:#9A4A16;--warning-bg:#FFF7ED;--gold-bg:color-mix(in srgb, var(--gold) 22%, var(--cream));--danger-on-felt:#FFE0E0;--warning-on-felt:#FDBA74;--font-title:'Fredoka', sans-serif;--font-text:'Nunito', sans-serif;--font-code:'Space Mono', monospace;--type-display:clamp(36px, 4.8vw, 52px);--type-page:42px;--type-metric:36px;--type-compact:32px;--type-section:22px;--type-card:18px;--type-body:15px;--type-sm:13px;--type-label:11px;--space-0:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--content-width:1040px;--radius-xs:6px;--radius-sm:11px;--radius-md:14px;--radius-lg:17px;--radius-xl:21px;--radius-2xl:24px;--radius-3xl:28px;--radius-pill:999px;--shadow-paper-sm:0 3px 8px rgba(56, 40, 19, .10);--shadow-paper-md:0 5px 12px rgba(56, 40, 19, .14);--hairline:inset 0 0 0 1px rgba(0, 0, 0, .04);--hairline-light:inset 0 0 0 1px rgba(255, 255, 255, .14);--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.12s;--dur:.15s;--dur-slow:.2s;--disabled-opacity:.5}:root,[data-mode=home]{--mode:var(--primary);--mode-dark:var(--primary-dark);--mode-light:#E8F0FE;--light-sub:#C7D5EC;--topbar-mark:rgba(255, 255, 255, .11);--topbar-hover:rgba(255, 255, 255, .08);--felt-1:#33578C;--felt-mid:#2D4D7A;--felt-2:#264268;--felt-angle:160deg;--felt-glow:rgba(255, 255, 255, .09);--felt-weave:rgba(255, 255, 255, .03)}[data-mode=daily]{--mode:#7A4968;--mode-dark:#4C2D43;--mode-light:#F4E7EE;--light-sub:#EFCFE0;--topbar-mark:var(--mode);--topbar-hover:color-mix(in srgb, var(--mode) 45%, transparent);--felt-1:#8A5878;--felt-mid:#70435F;--felt-2:#57334D;--felt-angle:150deg;--felt-glow:rgba(255, 255, 255, .13);--felt-weave:rgba(255, 255, 255, .027)}[data-mode=friends]{--mode:#456F87;--mode-dark:#294A63;--mode-light:#DCECF2;--light-sub:#DCECF2;--topbar-mark:var(--mode);--topbar-hover:color-mix(in srgb, var(--mode) 45%, transparent);--felt-1:#678FA6;--felt-mid:#4E7892;--felt-2:#3C647F;--felt-angle:145deg;--felt-glow:rgba(255, 255, 255, .16);--felt-weave:rgba(255, 255, 255, .024)}:root,[data-mode]{--felt-bg:radial-gradient(80% 58% at 84% -8%, var(--felt-glow), transparent 64%),
        repeating-linear-gradient(45deg, var(--felt-weave) 0 2px, transparent 2px 7px),
        linear-gradient(var(--felt-angle), var(--felt-1) 0%, var(--felt-mid) 54%, var(--felt-2) 100%);--mode-card-bg:linear-gradient(
        125deg,
        color-mix(in srgb, var(--felt-1) 96%, #000) 0%,
        color-mix(in srgb, var(--felt-mid) 94%, #000) 50%,
        color-mix(in srgb, var(--felt-2) 94%, #000) 100%
    );--shadow-felt-md:0 8px 18px color-mix(in srgb, var(--felt-2) 45%, transparent);--shadow-felt-lg:0 18px 42px color-mix(in srgb, var(--felt-2) 55%, transparent);--shadow-mode-card:0 22px 55px color-mix(in srgb, var(--felt-2) 62%, transparent), inset 0 1px rgba(255, 255, 255, .14);--ring:0 0 0 3px color-mix(in srgb, var(--mode) 35%, transparent)}@media(max-width:700px){:root{--type-display:30px;--type-page:32px;--type-metric:29px;--type-compact:26px;--type-section:18px;--type-card:16px}}