:root{--bg:#f7f7f7;--bg-soft:#f0f0f0;--card:#fff;--surface-1:#fff;--surface-2:#f7f7f7;--surface-3:#f0f0f0;--surface-4:#e5e5e5;--ink:#4b4b4b;--ink-soft:#777;--ink-faint:#8e8e8e;--header-bg:#f7f7f7eb;--inverse-surface:#4b4b4b;--on-inverse:#fff;--accent-on-inverse:#89e219;--inverse-hover:#3c3c3c;--cream:var(--bg);--cream-2:var(--bg-soft);--inks:var(--ink-soft);--inkf:var(--ink-faint);--corald:var(--coral-deep);--corals:var(--coral-soft);--mintd:var(--mint-deep);--mints:var(--mint-soft);--yellowd:var(--yellow-deep);--yellows:var(--yellow-soft);--blues:var(--blue-soft);--purpled:var(--purple-deep);--purples:var(--purple-soft);--board-d:var(--board-deep);--board-l:#3c8700;--dark:#131f24;--dark-2:#1b2a30;--display:"Quicksand","Lexend","Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;--body:"Quicksand","Lexend","Plus Jakarta Sans",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--ease-out:cubic-bezier(.16,1,.3,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--rule:#e5e5e5;--primary:#58a700;--primary-soft:#d7ffb8;--primary-deep:#3f7d00;--highlight:#ffc800;--coral:var(--primary);--coral-soft:var(--primary-soft);--coral-deep:var(--primary-deep);--on-coral:#fff;--secondary:#1cb0f6;--secondary-soft:#ddf4ff;--secondary-deep:#1899d6;--mint:var(--secondary);--mint-soft:var(--secondary-soft);--mint-deep:var(--secondary-deep);--purple:#ce82ff;--purple-soft:#f3e5ff;--purple-deep:#a560e8;--tertiary:#a56200;--tertiary-soft:#fff4d4;--tertiary-deep:#7a4900;--yellow:var(--tertiary);--yellow-soft:var(--tertiary-soft);--yellow-deep:var(--tertiary-deep);--blue:#1cb0f6;--blue-soft:#ddf4ff;--blue-deep:#1899d6;--danger:#ff4b4b;--danger-soft:#ffdfe0;--shadow-sm:0 1px 2px #0e14240a, 0 2px 8px #0e14240a;--shadow-md:0 4px 12px #0e14240f, 0 12px 32px #0e14240f;--shadow-lg:0 8px 24px #0e142414, 0 24px 48px #0e142414;--shadow-coral-press:0 4px 0 var(--primary-deep);--shadow-coral-pressed:0 2px 0 var(--primary-deep);--board:#2f6d00;--board-deep:#235200;--chalk:#f7fff0}html[data-theme=dark]{--bg:#131f24;--bg-soft:#1b2a30;--card:#202f36;--surface-1:#0f181c;--surface-2:#1b2a30;--surface-3:#263840;--surface-4:#2e434c;--ink:#f1f7fb;--ink-soft:#b4c4cc;--ink-faint:#93a7b0;--rule:#37464f;--primary:#58a700;--primary-soft:#1f3d0a;--primary-deep:#89e219;--highlight:#ffc800;--coral:var(--primary);--coral-soft:var(--primary-soft);--coral-deep:var(--primary-deep);--on-coral:#0f2600;--secondary:#1cb0f6;--secondary-soft:#10293a;--secondary-deep:#7fd4ff;--mint:var(--secondary);--mint-soft:var(--secondary-soft);--mint-deep:var(--secondary-deep);--purple:#ce82ff;--purple-soft:#2b1b3d;--purple-deep:#e0b3ff;--danger:#ff8b8b;--danger-soft:#3b1a1a;--tertiary:#ffc800;--tertiary-soft:#3a2e12;--tertiary-deep:#ffd84d;--yellow:var(--tertiary);--yellow-soft:var(--tertiary-soft);--yellow-deep:var(--tertiary-deep);--blue:#1cb0f6;--blue-soft:#10293a;--blue-deep:#7fd4ff;--shadow-sm:0 1px 2px #0000004d, 0 2px 8px #0000003d;--shadow-md:0 4px 12px #0000005c, 0 12px 32px #0000004d;--shadow-lg:0 8px 24px #00000070, 0 24px 48px #0000005c;--shadow-coral-press:0 4px 0 #3c8700;--shadow-coral-pressed:0 2px 0 #3c8700;--header-bg:#131f24eb;--inverse-surface:#f1f7fb;--on-inverse:#131f24;--accent-on-inverse:#3c8700;--inverse-hover:#fff;--cream:var(--bg);--cream-2:var(--bg-soft);--inks:var(--ink-soft);--inkf:var(--ink-faint);--corald:var(--coral-deep);--corals:var(--coral-soft);--mintd:var(--mint-deep);--mints:var(--mint-soft);--yellowd:var(--yellow-deep);--yellows:var(--yellow-soft);--blues:var(--blue-soft);--purpled:var(--purple-deep);--purples:var(--purple-soft);--board:#1f4d00;--board-deep:#163800;--board-d:var(--board-deep);--board-l:#2f6d00;--dark:#0b1215;--dark-2:#131f24;--chalk:#f1f7fb}.btn-primary-pattern{background:var(--coral);color:#fff;box-shadow:var(--shadow-coral-press);border-radius:100px;padding:16px 32px;font-weight:700;transition:all .15s}.btn-primary-pattern:hover{box-shadow:var(--shadow-coral-pressed);transform:translateY(2px)}.card-pattern{background:var(--card);border:1px solid var(--rule);border-radius:20px;padding:32px}.pill-pattern{background:var(--card);border:1.5px solid var(--rule);border-radius:100px;padding:8px 16px;font-size:13px;font-weight:700}