:root{
--paper:#F4F6F9; --surface:#FFFFFF; --ink:#1A2130; --ink-soft:#525d72; --hair:#e4e8ef; --hair-2:#d5dbe5;
--coral:#FF5C6E; --coral-lip:#E03E52; --coral-wash:#ffeef0;
--teal:#12b3a4;  --teal-lip:#0C8C80;  --teal-wash:#e2f6f3;
--violet:#7458ff;--violet-lip:#5638E0;--violet-wash:#eeeaff;
--amber:#f0a020; --amber-lip:#C98110; --amber-wash:#fdf1dc; --amber-ink:#7a4f00;
--pink:#e0568a;  --pink-lip:#bf3a6d;  --pink-wash:#fdeaf2;
--on-accent:#1A2130; --on-violet:#FFFFFF;
--coral-ink:#C42A42; --teal-ink:#0B7A70; --violet-ink:#5B3FE6; --pink-ink:#B8285E; --coral-display:#F23A52;
--font-display:"Nunito","SF Pro Rounded",ui-rounded,system-ui,sans-serif;
--font-body:"Nunito","SF Pro Rounded",ui-rounded,system-ui,-apple-system,"Segoe UI",sans-serif;
--r-btn:12px; --r-card:16px; --r-sheet:24px;
--ease-pop:cubic-bezier(.34,1.56,.64,1);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
--paper:#0E121A; --surface:#161c26; --ink:#EAEDF3; --ink-soft:#9aa5b8; --hair:#283040; --hair-2:#343e50;
--coral:#ff7182; --coral-lip:#c9475a; --coral-wash:#2b1c22;
--teal:#26cdbc; --teal-lip:#16968a; --teal-wash:#10292a;
--violet:#9a82ff; --violet-lip:#6e55e0; --violet-wash:#211d38;
--amber:#f4b53f; --amber-lip:#b98320; --amber-wash:#2c2317; --amber-ink:#f4c36a;
--pink:#f07aa6; --pink-lip:#b84a76; --pink-wash:#2c1a24;
--on-accent:#0E121A; --on-violet:#0E121A; color-scheme:dark;
--coral-ink:#ff7182; --teal-ink:#26cdbc; --violet-ink:#9a82ff; --pink-ink:#f07aa6; --coral-display:#ff7182}}
:root[data-theme="dark"]{
--paper:#0E121A; --surface:#161c26; --ink:#EAEDF3; --ink-soft:#9aa5b8; --hair:#283040; --hair-2:#343e50;
--coral:#ff7182; --coral-lip:#c9475a; --coral-wash:#2b1c22;
--teal:#26cdbc; --teal-lip:#16968a; --teal-wash:#10292a;
--violet:#9a82ff; --violet-lip:#6e55e0; --violet-wash:#211d38;
--amber:#f4b53f; --amber-lip:#b98320; --amber-wash:#2c2317; --amber-ink:#f4c36a;
--pink:#f07aa6; --pink-lip:#b84a76; --pink-wash:#2c1a24;
--on-accent:#0E121A; --on-violet:#0E121A; color-scheme:dark;
--coral-ink:#ff7182; --teal-ink:#26cdbc; --violet-ink:#9a82ff; --pink-ink:#f07aa6; --coral-display:#ff7182}
:root[data-calm="on"]{
--coral:#c98a92; --coral-lip:#a9707a; --teal:#6fa8a1; --teal-lip:#56877f;
--violet:#8f86c4; --violet-lip:#716aa3; --amber:#c9a868; --amber-lip:#a88a50; --pink:#c08aa0; --pink-lip:#a06f84;
}
:root[data-calm="on"] *,:root[data-calm="on"] *::before,:root[data-calm="on"] *::after{animation:none!important;transition:none!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-weight:600;
font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-display);font-weight:900;line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.02em}
p{margin:0}
a{color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding-inline:20px}
.eyebrow{font-family:var(--font-display);font-weight:900;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--coral-ink)}
.muted{color:var(--ink-soft)}
.mark{width:36px;height:36px;border-radius:12px;flex:none;border:2px solid var(--hair);
background:radial-gradient(circle at 30% 30%,var(--coral) 0 28%,transparent 29%),
radial-gradient(circle at 70% 42%,var(--violet) 0 24%,transparent 25%),
radial-gradient(circle at 46% 75%,var(--teal) 0 28%,transparent 29%),var(--surface)}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:900;font-size:1.45rem;letter-spacing:-.02em;text-decoration:none}
.btn{--b:var(--coral);--l:var(--coral-lip);display:inline-flex;align-items:center;justify-content:center;gap:8px;
min-height:52px;padding:0 24px;border:0;border-radius:var(--r-btn);background:var(--b);color:var(--on-accent);
border-bottom:4px solid var(--l);font:900 .95rem/1 var(--font-display);text-transform:uppercase;letter-spacing:.06em;
cursor:pointer;text-decoration:none;transition:transform .1s,border-bottom-width .1s,filter .15s}
.btn:hover{filter:brightness(1.06)}
.btn:active{transform:translateY(4px);border-bottom-width:0}
.btn:focus-visible,.chip-btn:focus-visible,.toggle:focus-visible,.opt:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
.btn.teal{--b:var(--teal);--l:var(--teal-lip)}
.btn.violet{--b:var(--violet);--l:var(--violet-lip);color:var(--on-violet)}
.btn.ghost{background:var(--surface);color:var(--ink);border:2px solid var(--hair-2);border-bottom-width:4px}
.btn[disabled]{background:var(--hair);color:var(--ink-soft);border-bottom-color:var(--hair-2);cursor:not-allowed}
.card{background:var(--surface);border:2px solid var(--hair);border-radius:var(--r-card)}
.tile{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:none;border-bottom:4px solid rgba(0,0,0,.14)}
.tile svg{width:26px;height:26px}
.t-coral{background:var(--coral);color:var(--on-accent)} .t-teal{background:var(--teal);color:var(--on-accent)}
.t-violet{background:var(--violet);color:var(--on-violet)} .t-amber{background:var(--amber);color:var(--on-accent)}
.toggle{display:inline-flex;align-items:center;gap:10px;background:var(--surface);border:2px solid var(--hair-2);
border-bottom-width:4px;border-radius:999px;padding:6px 14px 6px 8px;font:800 .82rem/1 var(--font-display);color:var(--ink);cursor:pointer}
.toggle .sw{width:36px;height:22px;border-radius:999px;background:var(--hair-2);position:relative;transition:background .2s}
.toggle .sw::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--surface);transition:transform .2s var(--ease-pop)}
.toggle[aria-pressed="true"] .sw{background:var(--teal)}
.toggle[aria-pressed="true"] .sw::after{transform:translateX(14px)}
.chip-btn{border:2px solid var(--hair-2);border-bottom-width:4px;background:var(--surface);color:var(--ink);border-radius:999px;
padding:8px 14px;min-height:44px;font:800 .85rem/1 var(--font-display);cursor:pointer;display:inline-flex;align-items:center;gap:7px}
.chip-btn .d{width:10px;height:10px;border-radius:50%;background:var(--pc)}
.chip-btn[aria-pressed="true"]{border-color:var(--pc);background:var(--pw)}
.cc{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;max-width:560px;margin-inline:auto;
background:var(--surface);color:var(--ink);border:2px solid var(--hair-2);border-bottom-width:5px;border-radius:18px;padding:16px 18px;display:grid;gap:12px;font-size:.92rem;line-height:1.5}
.cc b{font-family:var(--font-display);font-weight:900}
.cc a{color:var(--ink);font-weight:800}
.cc-actions{display:flex;gap:10px;flex-wrap:wrap}
.cc-actions .btn{min-height:44px;padding:0 18px;font-size:.82rem;flex:1 1 120px}