@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-normal-7BpKI3vF.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-normal-YHFkNujK.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-italic-BHALq22K.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-italic-B8-t4Nou.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-italic-D2JnYqd-.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-display: "Fraunces Variable", "Fraunces", Georgia, serif;--font-body: "Figtree Variable", "Figtree", ui-sans-serif, system-ui, sans-serif;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 30px;--r-pill: 999px;--press: 5px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--page-max: 1120px;--column: 560px}:root[data-theme=dark]{color-scheme:dark;--bg: #1b0f1d;--bg-deep: #140a16;--surface: #26142c;--surface-2: #311a3a;--surface-3: #3d2247;--line: #45284f;--line-strong: #5a3666;--text: #fbefe2;--text-dim: #d6c1d2;--text-mute: #9b8399;--gold: #f4d03f;--gold-strong: #b8971a;--gold-ink: #2b1c03;--gold-soft: rgba(244, 208, 63, .16);--gold-glow: rgba(244, 208, 63, .45);--teal: #3ad6bb;--teal-strong: #1f9480;--teal-soft: rgba(58, 214, 187, .14);--pink: #e35fcf;--pink-strong: #a43293;--violet: #a98bff;--violet-strong: #6c4fd1;--good: #8edc6a;--miss: #ff7d8a;--tip-bg: #6b5420;--tip-text: #fbe9b5;--shadow-card: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 20px 50px -30px rgba(0, 0, 0, .8);--glow-1: rgba(255, 122, 69, .22);--glow-2: rgba(244, 208, 63, .14);--staff: rgba(251, 239, 226, .06);--roll-bg: #211127;--roll-row: rgba(255, 255, 255, .025);--series-1: #18a68f;--series-2: #b88d0c}:root[data-theme=light]{color-scheme:light;--bg: #fbf1e4;--bg-deep: #f4e4d1;--surface: #fffaf3;--surface-2: #f7eadb;--surface-3: #efdcc7;--line: #ead3bb;--line-strong: #dcbd9e;--text: #2a1230;--text-dim: #5e4561;--text-mute: #8e7489;--gold: #f2c418;--gold-strong: #c79a00;--gold-ink: #2b1c03;--gold-soft: rgba(242, 196, 24, .2);--gold-glow: rgba(214, 160, 0, .4);--teal: #0f9f87;--teal-strong: #0a7262;--teal-soft: rgba(15, 159, 135, .12);--pink: #c93db5;--pink-strong: #8f1f7f;--violet: #7856e6;--violet-strong: #5134b8;--good: #3f9c2a;--miss: #d8344a;--tip-bg: #fbe7a6;--tip-text: #4d3606;--shadow-card: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 18px 40px -28px rgba(90, 40, 30, .45);--glow-1: rgba(255, 122, 69, .18);--glow-2: rgba(242, 196, 24, .2);--staff: rgba(42, 18, 48, .06);--roll-bg: #fff6ea;--roll-row: rgba(42, 18, 48, .03);--series-1: #0f9f87;--series-2: #a88200}:root[data-accent=ember]{--accent: #ff7d47;--accent-strong: #c4522a;--accent-ink: #2a0f12;--accent-soft: rgba(255, 125, 71, .15)}:root[data-theme=light][data-accent=ember]{--accent: #f26a33;--accent-strong: #b3461b}:root[data-accent=lagoon]{--accent: #2fc7d8;--accent-strong: #15808d;--accent-ink: #04242a;--accent-soft: rgba(47, 199, 216, .15)}:root[data-theme=light][data-accent=lagoon]{--accent: #14a3b4;--accent-strong: #0b6d79}:root[data-accent=orchid]{--accent: #ee6fd8;--accent-strong: #a8379a;--accent-ink: #2c0626;--accent-soft: rgba(238, 111, 216, .15)}:root[data-theme=light][data-accent=orchid]{--accent: #d54bbd;--accent-strong: #93267f}:root[data-accent=citrus]{--accent: #a6e04a;--accent-strong: #5f8f1c;--accent-ink: #172505;--accent-soft: rgba(166, 224, 74, .15)}:root[data-theme=light][data-accent=citrus]{--accent: #7dbd22;--accent-strong: #4d7a12}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.5;font-weight:500;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100dvh}img,svg,canvas{display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:var(--r-xs)}::selection{background:var(--accent);color:var(--accent-ink)}.display,h1,h2,h3{font-family:var(--font-display);font-variation-settings:"SOFT" 100,"WONK" 1;font-optical-sizing:auto;letter-spacing:-.02em;line-height:1.02;margin:0;text-wrap:balance}h1,.h1{font-size:clamp(2.4rem,6vw,4.2rem);font-weight:850}h2,.h2{font-size:clamp(1.6rem,3.6vw,2.25rem);font-weight:800}h3,.h3{font-size:1.3rem;font-weight:800}p{margin:0;text-wrap:pretty}.eyebrow{font-family:var(--font-body);font-size:.75rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.dim{color:var(--text-dim)}.mute{color:var(--text-mute)}.num{font-variant-numeric:tabular-nums}.italic-accent{font-style:italic;color:var(--accent)}.btn{--btn-bg: var(--surface-2);--btn-ink: var(--text);--btn-edge: var(--line-strong);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:48px;padding:0 var(--s-6);border:0;border-radius:var(--r-md);background:var(--btn-bg);color:var(--btn-ink);font-weight:800;font-size:1rem;letter-spacing:.01em;box-shadow:0 var(--press) 0 var(--btn-edge);transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease,filter .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover{filter:brightness(1.06)}.btn:active:not(:disabled){transform:translateY(var(--press));box-shadow:0 0 0 var(--btn-edge)}.btn:disabled{cursor:not-allowed;--btn-bg: var(--surface-2);--btn-ink: var(--text-mute);--btn-edge: var(--line);filter:saturate(.4)}.btn--primary{--btn-bg: var(--accent);--btn-ink: var(--accent-ink);--btn-edge: var(--accent-strong)}.btn--gold{--btn-bg: var(--gold);--btn-ink: var(--gold-ink);--btn-edge: var(--gold-strong)}.btn--teal{--btn-bg: var(--teal);--btn-ink: #03231d;--btn-edge: var(--teal-strong)}.btn--ghost{--btn-bg: transparent;--btn-edge: transparent;box-shadow:inset 0 0 0 2px var(--line)}.btn--ghost:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 0 0 2px var(--line)}.btn--block{width:100%}.btn--lg{min-height:58px;font-size:1.05rem;border-radius:var(--r-lg)}.btn--sm{min-height:38px;padding:0 var(--s-4);font-size:.9rem;border-radius:var(--r-sm);--press: 3px}.btn--icon{width:48px;padding:0}.btn--sm.btn--icon{width:38px}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-dim);transition:background .15s ease,color .15s ease}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.card{background:var(--surface);border:2px solid var(--line);border-radius:var(--r-xl);padding:var(--s-6);box-shadow:var(--shadow-card)}.card--accent{background:var(--accent);color:var(--accent-ink);border-color:transparent;box-shadow:0 6px 0 var(--accent-strong)}.card--tight{padding:var(--s-4);border-radius:var(--r-lg)}.tile-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:var(--r-md);background:var(--accent);color:var(--accent-ink);box-shadow:0 4px 0 var(--accent-strong)}.tile-icon--gold{background:var(--gold);color:var(--gold-ink);box-shadow:0 4px 0 var(--gold-strong)}.tile-icon--teal{background:var(--teal);color:#03231d;box-shadow:0 4px 0 var(--teal-strong)}.tile-icon--pink{background:var(--pink);color:#fff;box-shadow:0 4px 0 var(--pink-strong)}.tile-icon--violet{background:var(--violet);color:#fff;box-shadow:0 4px 0 var(--violet-strong)}.tile-icon--ink{background:var(--bg-deep);color:var(--accent);box-shadow:none}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);background:var(--surface-2);border:1.5px solid var(--line);font-size:.8rem;font-weight:800;color:var(--text)}.tip{display:flex;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);background:var(--tip-bg);color:var(--tip-text);font-weight:600;font-size:.95rem}.tip svg{flex:none;margin-top:2px}.bar{height:14px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden}.bar>span{display:block;height:100%;border-radius:inherit;background:var(--accent);box-shadow:inset 0 -4px #0000001f,inset 0 3px #ffffff40;transition:width .5s var(--ease-out)}.bar--gold>span{background:var(--gold)}.bar--teal>span{background:var(--teal)}.field{width:100%;min-height:54px;padding:0 var(--s-4);border-radius:var(--r-md);border:2px solid var(--line);background:var(--surface);font-weight:700;font-size:1.05rem;transition:border-color .15s ease}.field:focus{outline:none;border-color:var(--accent)}.choice{display:flex;align-items:center;gap:var(--s-3);width:100%;padding:var(--s-4);border-radius:var(--r-lg);border:2px solid var(--line);background:var(--surface);text-align:left;font-weight:700;box-shadow:0 4px 0 var(--line);transition:transform .08s ease,box-shadow .08s ease,border-color .15s ease,background .15s ease}.choice:active{transform:translateY(4px);box-shadow:0 0 0 var(--line)}.choice[aria-pressed=true],.choice[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 4px 0 var(--accent-strong)}.page{width:100%;max-width:var(--page-max);margin:0 auto;padding:var(--s-6) var(--s-4) calc(110px + env(safe-area-inset-bottom))}.column{width:100%;max-width:var(--column);margin:0 auto}.stack{display:flex;flex-direction:column;gap:var(--s-4)}.row{display:flex;align-items:center;gap:var(--s-3)}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.grid-2{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.staff-bg{background-image:repeating-linear-gradient(to bottom,transparent 0 19px,var(--staff) 19px 21px);background-size:100% 104px;background-repeat:repeat-x}.ambient{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(40vmax 40vmax at -5% 70%,var(--glow-2),transparent 60%),radial-gradient(45vmax 45vmax at 105% 0%,var(--glow-1),transparent 60%)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--accent-soft),0 6px 0 var(--accent-strong)}70%{box-shadow:0 0 0 18px transparent,0 6px 0 var(--accent-strong)}to{box-shadow:0 0 0 0 transparent,0 6px 0 var(--accent-strong)}}@keyframes pop-in{0%{opacity:0;transform:scale(.85) translateY(8px)}to{opacity:1;transform:none}}.pop-in{animation:pop-in .45s var(--ease-spring) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.focus{position:relative;max-width:1080px;margin:0 auto;min-height:100dvh;padding:calc(var(--s-4) + env(safe-area-inset-top)) var(--s-4) calc(160px + env(safe-area-inset-bottom))}.modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:var(--s-4);background:color-mix(in srgb,var(--bg-deep) 75%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal__card{width:min(460px,100%);max-height:90dvh;overflow:auto;display:flex;flex-direction:column;gap:var(--s-3)}.modal__chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}.modal__chip{width:auto;padding:10px 14px;font-size:.9rem;border-radius:var(--r-pill)}.seg{display:inline-flex;padding:4px;border-radius:var(--r-pill);background:var(--surface-2);border:2px solid var(--line)}.seg button{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:0;border-radius:var(--r-pill);background:transparent;font-weight:800;font-size:.85rem;color:var(--text-dim)}.seg button[aria-checked=true]{background:var(--accent);color:var(--accent-ink)}.pip{overflow:visible;color:var(--text-dim)}.pip__rig{transform-origin:50% 90%;transform-box:fill-box;animation:pip-bob 3.2s ease-in-out infinite}.pip--still .pip__rig{animation:none}.pip__wing{transform-origin:128px 96px}.pip--sing .pip__rig{animation:pip-sway 1.2s ease-in-out infinite}.pip--cheer .pip__rig{animation:pip-hop .7s var(--ease-spring) infinite alternate}.pip--cheer .pip__wing{animation:pip-flap .35s ease-in-out infinite alternate}.pip--encourage .pip__rig{animation:pip-tilt 2.6s ease-in-out infinite}.pip--listen .pip__rig{transform:rotate(-6deg);animation:none}.pip--sleep .pip__rig{animation:pip-breathe 3.6s ease-in-out infinite}.pip--wow .pip__rig{animation:pip-jolt .5s var(--ease-spring) 1}.pip__note{animation:pip-note 1.8s ease-out infinite}.pip__note--late{animation-delay:.9s}.pip__sparkles path{transform-box:fill-box;transform-origin:center;animation:pip-twinkle .9s ease-in-out infinite alternate}.pip__sparkles path:nth-child(2){animation-delay:.45s}.pip__zzz text{animation:pip-zzz 2.4s ease-in-out infinite}.pip__zzz text:nth-child(2){animation-delay:.6s}.pip__waves path{animation:pip-wave 1.2s ease-out infinite}.pip__waves path:nth-child(2){animation-delay:.3s}@keyframes pip-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-1.5deg)}}@keyframes pip-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg) translateY(-3px)}}@keyframes pip-hop{0%{transform:translateY(0) scale(1.02,.98)}to{transform:translateY(-14px) scale(.98,1.03)}}@keyframes pip-flap{0%{transform:rotate(0)}to{transform:rotate(-22deg)}}@keyframes pip-tilt{0%,to{transform:rotate(-5deg)}50%{transform:rotate(3deg) translateY(-3px)}}@keyframes pip-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02,.98) translateY(2px)}}@keyframes pip-jolt{0%{transform:scale(.85) translateY(10px)}to{transform:none}}@keyframes pip-note{0%{opacity:0;transform:translateY(10px) scale(.6)}25%{opacity:1}to{opacity:0;transform:translate(10px,-30px) scale(1) rotate(12deg)}}@keyframes pip-twinkle{0%{transform:scale(.5);opacity:.4}to{transform:scale(1.15);opacity:1}}@keyframes pip-zzz{0%,to{opacity:.2;transform:translateY(4px)}50%{opacity:1;transform:translateY(-4px)}}@keyframes pip-wave{0%{opacity:1}to{opacity:0}}.logo{display:inline-flex;align-items:center;gap:4px}.logo .pip{margin-top:-4px}.logo__word{font-family:var(--font-display);font-style:italic;font-weight:900;font-variation-settings:"SOFT" 100,"WONK" 1;font-size:1.6rem;letter-spacing:-.03em;line-height:1}.logo__dot{color:var(--accent)}.topbar{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:2px solid var(--line);padding-top:env(safe-area-inset-top)}.topbar__inner{max-width:var(--page-max);margin:0 auto;height:64px;padding:0 var(--s-4);display:flex;align-items:center;gap:var(--s-4)}.topbar__nav{display:none;gap:4px;margin:0 auto}.topbar__link{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--r-pill);font-weight:800;font-size:.92rem;color:var(--text-dim);transition:background .15s ease,color .15s ease}.topbar__link:hover{color:var(--text);background:var(--surface-2)}.topbar__link.active{color:var(--accent-ink);background:var(--accent)}.topbar__stats{display:flex;align-items:center;gap:var(--s-3);margin-left:auto}.topbar__level{display:none;flex-direction:column;align-items:flex-end;gap:3px}.topbar__lvlbar{width:112px;height:8px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden}.topbar__lvlbar span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .6s var(--ease-out)}.topbar__lvltext{font-size:.68rem;font-weight:800;color:var(--text-mute)}.topbar__badge{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-weight:900;font-size:1.05rem;box-shadow:0 3px 0 var(--accent-strong)}.topbar__stat{display:inline-flex;align-items:center;gap:4px;font-weight:900;font-size:1.05rem}.topbar__stat .num{animation:pop-in .4s var(--ease-spring)}.topbar__stat--streak{color:var(--text-mute)}.topbar__stat--streak.is-lit{color:var(--accent)}.topbar__stat--streak.is-lit svg{fill:var(--accent);fill-opacity:.35}.topbar__stat--gems{color:var(--teal)}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:2px solid var(--line)}.bottomnav__link{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-size:.7rem;font-weight:800;color:var(--text-mute)}.bottomnav__icon{display:grid;place-items:center;width:48px;height:32px;border-radius:var(--r-pill);transition:background .2s ease,color .2s ease,transform .25s var(--ease-spring)}.bottomnav__link.active{color:var(--text)}.bottomnav__link.active .bottomnav__icon{background:var(--accent);color:var(--accent-ink);transform:translateY(-2px)}@media(min-width:560px){.topbar__level{display:flex}}@media(min-width:960px){.topbar__nav{display:flex}.bottomnav{display:none}}.levelup{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:var(--s-4);background:color-mix(in srgb,var(--bg-deep) 80%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.levelup__card{width:min(400px,100%);display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-8) var(--s-6);border-radius:var(--r-xl);background:var(--surface);border:2px solid var(--line);text-align:center}.levelup__num{display:grid;place-items:center;width:110px;height:110px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-size:4rem;font-weight:900;box-shadow:0 8px 0 var(--accent-strong),0 0 60px var(--accent-soft)}.toast{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;z-index:95;translate:-50% 0;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-5) var(--s-3) var(--s-3);border-radius:var(--r-lg);border:2px solid var(--gold);background:var(--surface);box-shadow:0 20px 40px -20px #0009;text-align:left}.toast__text{display:flex;flex-direction:column}.toast__text .eyebrow{font-size:.65rem}.landing{position:relative;max-width:var(--page-max);margin:0 auto;padding:0 var(--s-5) var(--s-12);overflow:hidden}.landing>*{position:relative}.landing__top{display:flex;align-items:center;justify-content:space-between;height:76px}.landing__hero{display:grid;gap:var(--s-10);align-items:center;padding:var(--s-10) 0 var(--s-12);grid-template-columns:minmax(0,1fr)}@media(min-width:900px){.landing__hero{grid-template-columns:1.2fr .8fr;padding:var(--s-16) 0}}.landing__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-6)}.landing__chipicon{color:var(--accent)}.landing__title{font-size:clamp(3rem,9vw,5.6rem);font-weight:900;line-height:.95}.landing__lede{font-size:1.15rem;max-width:34ch}.landing__ctas{display:flex;flex-wrap:wrap;gap:var(--s-3)}.landing__card{position:relative;justify-self:center;width:min(360px,100%);padding:var(--s-6);border-radius:var(--r-xl);border:2px solid var(--line);background:var(--surface);box-shadow:0 40px 80px -40px var(--accent),var(--shadow-card);display:flex;flex-direction:column;align-items:center;text-align:center}.landing__card>.spread{width:100%;font-weight:800;font-size:.9rem}.landing__streak{display:inline-flex;gap:4px;align-items:center;color:var(--accent)}.landing__gems{display:inline-flex;gap:4px;align-items:center;color:var(--teal)}.landing__cardtitle{font-family:var(--font-display);font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:900;font-size:1.6rem;margin-top:var(--s-2)}.landing__cardsub{font-size:.9rem}.landing__bars{display:flex;align-items:flex-end;gap:6px;height:100px;width:100%;margin-top:var(--s-5)}.landing__bars span{flex:1;border-radius:8px 8px 4px 4px;background:var(--accent);opacity:.9;transform-origin:bottom;animation:bar-grow .6s var(--ease-spring) both}.landing__bars span.is-gold{background:var(--gold)}.landing__xp{position:absolute;left:-14px;bottom:48px;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r-pill);background:var(--gold);color:var(--gold-ink);font-weight:900;transform:rotate(-6deg);box-shadow:0 4px 0 var(--gold-strong)}.landing__features{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.landing__features .card{display:flex;flex-direction:column;gap:var(--s-3)}.landing__features h3{margin-top:var(--s-3);font-size:1.5rem}.landing__foot{margin-top:var(--s-10);text-align:center;font-size:.85rem;font-weight:600}@keyframes bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.landing__legal{display:flex;justify-content:center;gap:var(--s-5);margin-top:var(--s-2)}.landing__legal a{text-decoration:underline;text-underline-offset:3px}.micgate{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--s-4);max-width:480px;margin:var(--s-8) auto;text-align:center}.micgate--loading{min-height:320px}.micgate__facts,.micgate__steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--s-3);text-align:left;font-size:.95rem;color:var(--text-dim)}.micgate__facts li{display:flex;gap:var(--s-3);align-items:flex-start}.micgate__facts svg{flex:none;color:var(--teal);margin-top:2px}.micgate__steps{counter-reset:step}.micgate__steps li{counter-increment:step;display:flex;gap:var(--s-3);align-items:baseline}.micgate__steps li:before{content:counter(step);display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:900;font-size:.8rem}.inline-icon{display:inline;vertical-align:-2px}.piano{width:100%;height:auto;max-height:140px}.piano__key{transition:fill .15s ease}.piano__key.is-white{fill:var(--text);opacity:.92;stroke:var(--surface);stroke-width:1}:root[data-theme=light] .piano__key.is-white{fill:#fff;stroke:var(--line-strong)}.piano__key.is-black{fill:var(--bg-deep);stroke:var(--line)}:root[data-theme=light] .piano__key.is-black{fill:var(--text)}:root .piano__key.is-ghost.is-white{fill:var(--teal);opacity:.55}:root .piano__key.is-range.is-white{fill:var(--accent);opacity:1}:root .piano__key.is-range.is-black{fill:var(--accent-strong)}:root[data-theme] .piano__key.is-live{fill:var(--gold);opacity:1}.piano__label{font-size:7px;font-weight:800;fill:var(--text-mute);font-family:var(--font-body)}:root[data-theme=dark] .piano__label{fill:#6b5770}.piano__key.is-range+.piano__label{fill:var(--accent-ink)}.tuner{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--s-3)}.tuner__note{font-family:var(--font-display);font-variation-settings:"SOFT" 100,"WONK" 1;font-size:3rem;font-weight:900;line-height:1;letter-spacing:-.02em;transition:color .15s ease,transform .2s var(--ease-spring)}.tuner[data-state=on] .tuner__note{color:var(--gold);transform:scale(1.08)}.tuner[data-state=idle] .tuner__note{color:var(--text-mute)}.tuner__track{position:relative;width:100%;height:18px;border-radius:var(--r-pill);background:var(--surface-3);container-type:inline-size}.tuner__zone{position:absolute;inset:0;margin:auto;border-radius:var(--r-pill);background:var(--gold-soft);box-shadow:inset 0 0 0 2px var(--gold);opacity:.8}.tuner__needle{position:absolute;top:50%;left:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--text-mute);border:3px solid var(--surface);transform:translate(-50%);transition:transform .06s linear,background .15s ease}.tuner[data-state=on] .tuner__needle{background:var(--gold);box-shadow:0 0 16px var(--gold-glow)}.tuner[data-state=flat] .tuner__needle,.tuner[data-state=sharp] .tuner__needle{background:var(--accent)}.tuner__labels{width:100%;display:flex;justify-content:space-between;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute)}.stage{display:grid;gap:var(--s-4);grid-template-columns:minmax(0,1fr);grid-template-areas:"roll" "side" "footer"}.stage__roll{grid-area:roll;height:clamp(260px,42vh,440px)}.stage__side{grid-area:side;display:flex;flex-direction:column;gap:var(--s-4)}.stage__footer{grid-area:footer}@media(min-width:880px){.stage{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"roll side" "footer footer"}.stage__roll{height:440px}}.coach{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);text-align:center;padding:var(--s-5)}.coach__msg{min-height:3em;color:var(--text-dim);font-weight:700;font-size:1rem}@media(max-width:879px){.coach{display:grid;grid-template-columns:auto 1fr;text-align:left;align-items:center}.coach .pip{width:72px;height:auto}.coach>:not(.pip):not(.coach__msg){grid-column:1 / -1}.coach__msg{min-height:0}}.holdmeter{display:flex;flex-direction:column;gap:var(--s-3)}.holdmeter__sparkles{color:var(--accent);font-weight:900}.stage-controls{display:flex;gap:var(--s-3);align-items:center}.stage-controls .btn--grow{flex:1}.notes-strip{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.notes-strip span{display:inline-grid;place-items:center;min-width:40px;height:32px;padding:0 8px;border-radius:var(--r-sm);background:var(--surface-2);border:2px solid var(--line);font-weight:800;font-size:.8rem;color:var(--text-mute);transition:all .25s var(--ease-spring)}.notes-strip span[data-state=hit]{background:var(--gold);border-color:var(--gold);color:var(--gold-ink);transform:scale(1.08)}.notes-strip span[data-state=miss]{border-color:var(--accent);color:var(--accent)}.notes-strip span[data-state=now]{border-color:var(--gold);color:var(--text)}.toggle-row{display:flex;align-items:center;gap:var(--s-2);font-weight:700;font-size:.9rem;color:var(--text-dim);cursor:pointer}.toggle-row input{width:20px;height:20px;accent-color:var(--accent)}.rangefinder{display:flex;flex-direction:column;gap:var(--s-4)}.rangefinder__steps{display:flex;gap:var(--s-2);justify-content:center}.rangefinder__steps span{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r-pill);border:2px solid var(--line);font-weight:800;font-size:.85rem;color:var(--text-mute)}.rangefinder__steps span[data-active=true]{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.rangefinder__steps span[data-done=true]{border-color:var(--teal);color:var(--teal)}.rangefinder__grid{display:grid;gap:var(--s-4);grid-template-columns:minmax(0,1fr)}@media(min-width:880px){.rangefinder__grid{grid-template-columns:300px minmax(0,1fr)}}.rangefinder__found{display:flex;flex-direction:column;justify-content:center;gap:var(--s-5)}.rangefinder__ends{display:flex;align-items:center;justify-content:space-around;text-align:center}.rangefinder__ends strong{display:block;font-family:var(--font-display);font-size:2.6rem;font-weight:900;line-height:1.1}.onb{position:relative;min-height:100dvh;padding:calc(var(--s-4) + env(safe-area-inset-top)) var(--s-4) var(--s-10)}.onb>*{position:relative}.onb__top{display:flex;align-items:center;gap:var(--s-3);max-width:640px;margin:0 auto var(--s-6)}.onb__progress{flex:1}.onb__body{max-width:560px;margin:0 auto}.onb__body:has(.onb__wide){max-width:980px}.onb__center{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);text-align:center}.onb__stack,.onb__wide{display:flex;flex-direction:column;gap:var(--s-5)}.onb__title{font-size:clamp(2.6rem,9vw,3.8rem)}.onb__voice{color:var(--accent);font-size:clamp(3.4rem,12vw,5rem)}.onb__h2{font-size:clamp(1.8rem,6vw,2.4rem);text-align:center}.onb__lede{font-size:1.1rem;max-width:38ch}.onb__label{align-self:flex-start;font-weight:800;margin-top:var(--s-4)}.onb__bubble{display:flex;align-items:center;gap:var(--s-3)}.onb__say{position:relative;flex:1;padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);border:2px solid var(--line);background:var(--surface);font-family:var(--font-display);font-variation-settings:"SOFT" 100,"WONK" 1;font-size:1.35rem;font-weight:800;line-height:1.2}.onb__say:before{content:"";position:absolute;left:-9px;top:50%;width:16px;height:16px;margin-top:-8px;background:var(--surface);border-left:2px solid var(--line);border-bottom:2px solid var(--line);transform:rotate(45deg)}.onb__choices{display:flex;flex-direction:column;gap:var(--s-3)}.onb__sub{display:block;font-weight:600;font-size:.88rem}.onb__pace{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:var(--r-md);background:var(--gold);color:var(--gold-ink);font-family:var(--font-display);font-weight:900;font-size:1.4rem;box-shadow:0 4px 0 var(--gold-strong)}.onb__note{text-align:center;font-size:.9rem;font-weight:600}.onb__miccard{width:100%;display:flex;flex-direction:column;gap:var(--s-4)}.onb__skip{align-self:center}.onb__piano{width:100%}.home{display:flex;flex-direction:column;gap:var(--s-6);max-width:980px;margin:0 auto}.home__greet{display:flex;align-items:center;gap:var(--s-3)}.home__greet .pip{flex:none}.home__bubble{position:relative;flex:1;padding:var(--s-4) var(--s-5);padding-right:var(--s-10);border-radius:var(--r-lg);border:2px solid var(--line);background:var(--surface);font-weight:700;font-size:1.05rem}.home__bubble:before{content:"";position:absolute;left:-9px;top:50%;width:16px;height:16px;margin-top:-8px;background:var(--surface);border-left:2px solid var(--line);border-bottom:2px solid var(--line);transform:rotate(45deg)}.home__bubble-x{position:absolute;top:6px;right:6px;width:30px;height:30px}.home__grid{display:grid;gap:var(--s-4);grid-template-columns:minmax(0,1fr)}@media(min-width:820px){.home__grid{grid-template-columns:1fr 1fr}.home__voice{grid-column:1 / -1}}.home__voice{display:flex;flex-direction:column;gap:var(--s-5)}.home__voice .spread{align-items:flex-start;flex-wrap:wrap}.home__voicetype{font-size:clamp(2rem,6vw,2.6rem);margin-top:4px}.home__voicemeta{font-size:.9rem;font-weight:600;margin-top:4px}.home__next{display:flex;flex-direction:column;gap:var(--s-2);overflow:hidden;position:relative}.home__next:after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:#ffffff1f;pointer-events:none}.home__next-eyebrow{color:var(--accent-ink);opacity:.75}.home__next-title{font-size:clamp(1.8rem,5vw,2.3rem)}.home__next-meta{font-weight:700;opacity:.8}.home__next-actions{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:auto;padding-top:var(--s-4)}.home__ink-btn{--btn-bg: var(--accent-ink);--btn-ink: #fff;--btn-edge: rgba(0, 0, 0, .35);min-height:44px;padding:0 var(--s-4)}.home__daily{display:flex;flex-direction:column;gap:var(--s-4)}.home__small{font-size:.82rem;font-weight:700}.home__goalrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s-5)}.goalring{position:relative;width:108px;height:108px;flex:none}.goalring svg{width:100%;height:100%;transform:rotate(-90deg)}.goalring__track{fill:none;stroke:var(--surface-3);stroke-width:10}.goalring__fill{fill:none;stroke:var(--gold);stroke-width:10;stroke-linecap:round}.goalring__fill.is-done{stroke:var(--teal)}.goalring__label{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1.1}.goalring__label strong{font-family:var(--font-display);font-size:1.8rem;font-weight:900}.goalring__label span{font-size:.72rem;font-weight:800;color:var(--text-mute)}.weekstrip{list-style:none;margin:0;padding:0;flex:1;min-width:230px;display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.weekstrip li{display:flex;flex-direction:column;align-items:center;gap:4px}.weekstrip__dot{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--surface-3);color:var(--accent-ink)}.weekstrip__day{font-size:.72rem;font-weight:800;color:var(--text-mute)}.weekstrip li[data-state=sang] .weekstrip__dot{background:var(--accent);box-shadow:0 3px 0 var(--accent-strong)}.weekstrip li[data-state=frozen] .weekstrip__dot{background:#8fd3ff;color:#0b3550}.weekstrip li[data-state=today] .weekstrip__dot{box-shadow:inset 0 0 0 2px var(--accent);background:transparent}.weekstrip li[data-state=today] .weekstrip__day{color:var(--accent)}.weekstrip li[data-state=future] .weekstrip__dot{opacity:.5}.home__quests{display:flex;flex-direction:column;gap:var(--s-4)}.quests{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-4)}.quest{display:flex;align-items:center;gap:var(--s-3)}.quest__icon{width:40px;height:40px;box-shadow:0 3px 0 var(--gold-strong)}.quest__body{flex:1;display:flex;flex-direction:column;gap:6px;font-size:.95rem}.quest__body .bar{height:10px}.quest__reward{display:inline-flex;align-items:center;gap:4px;font-weight:800;color:var(--teal);font-size:.9rem}.quest__claimed{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--teal);color:#03231d}.home__goals{display:flex;flex-direction:column;gap:var(--s-3)}.home__goal{display:flex;align-items:center;gap:var(--s-3);font-weight:800;font-size:1.05rem}.home__goal-icon{color:var(--accent)}.home__goal-icon--teal{color:var(--teal)}.home__goal-icon--gold{color:var(--gold)}a.home__goal:hover{color:var(--accent)}.pathmap{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:var(--s-6)}.pathmap__intro{display:flex;align-items:center;gap:var(--s-3)}.pathmap__bubble{flex:1;padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);border:2px solid var(--line);background:var(--surface);font-weight:700}.unit{display:flex;flex-direction:column;gap:var(--s-4)}.unit__head{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-5);border-radius:var(--r-xl);border:2px solid var(--line);background:var(--surface);box-shadow:0 6px 0 var(--line)}.unit__head.is-active{background:var(--accent);border-color:transparent;color:var(--accent-ink);box-shadow:0 6px 0 var(--accent-strong)}.unit__head.is-active .eyebrow{color:var(--accent-ink);opacity:.8}.unit__head.is-complete{border-color:var(--teal);box-shadow:0 6px 0 var(--teal-strong)}.unit__titles{flex:1;min-width:0}.unit__title{font-size:1.6rem;margin-top:2px}.unit__tag{font-size:.9rem;font-weight:600;opacity:.85}.unit__count{display:flex;flex-direction:column;align-items:center;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.unit__count strong{font-family:var(--font-display);font-size:1.7rem;line-height:1;letter-spacing:0}.unit__road{position:relative}.unit__trail{position:absolute;top:0;left:50%;transform:translate(-50%);overflow:visible;pointer-events:none}.unit__trail-base{fill:none;stroke:var(--surface-2);stroke-width:26;stroke-linecap:round}.unit__trail-dash{fill:none;stroke:var(--line-strong);stroke-width:4;stroke-dasharray:2 14;stroke-linecap:round}.unit__trail-dash.is-walked{stroke:var(--gold);opacity:.7}.unit__deco{position:absolute;color:var(--line-strong);opacity:.6;transform:rotate(-12deg)}.node-wrap{position:absolute;left:50%;display:flex;flex-direction:column;align-items:center;z-index:1}.node{--n-bg: var(--surface-2);--n-ink: var(--text-mute);--n-edge: var(--line);display:grid;place-items:center;width:76px;height:70px;border:0;border-radius:50%;background:var(--n-bg);color:var(--n-ink);box-shadow:0 7px 0 var(--n-edge);transition:transform .1s ease,box-shadow .1s ease}.node:active{transform:translateY(6px);box-shadow:0 1px 0 var(--n-edge)}.node--done{--n-bg: var(--gold);--n-ink: var(--gold-ink);--n-edge: var(--gold-strong)}.node--done.is-perfect{--n-bg: var(--teal);--n-ink: #03231d;--n-edge: var(--teal-strong)}.node--current{--n-bg: var(--accent);--n-ink: var(--accent-ink);--n-edge: var(--accent-strong)}.node.is-current{width:86px;height:80px;animation:pulse-ring 2s ease-out infinite}.node--chest.is-locked{--n-ink: var(--text-mute)}.node--chest.is-ready{--n-bg: var(--gold);--n-ink: var(--gold-ink);--n-edge: var(--gold-strong);animation:chest-wiggle 1.6s ease-in-out infinite}.node--chest.is-open{--n-bg: var(--surface-3);--n-ink: var(--teal);opacity:.8}.node__tag{margin-top:10px;padding:2px 10px;border-radius:var(--r-pill);background:var(--teal);color:#03231d;font-size:.72rem;font-weight:900}.node__start{position:absolute;bottom:calc(100% + 12px);padding:4px 12px;border-radius:var(--r-sm);background:var(--surface);border:2px solid var(--line);color:var(--accent);font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;animation:bob 1.6s ease-in-out infinite;white-space:nowrap}.node__pip{position:absolute;top:50%;translate:0 -50%;pointer-events:none}.node__pip.is-left{right:calc(100% + 18px)}.node__pip.is-right{left:calc(100% + 18px)}.node__pip.is-right .pip{transform:scaleX(-1)}.node__pop{position:absolute;top:calc(100% + 14px);z-index:5;width:240px;display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-4);border-radius:var(--r-lg);background:var(--surface);border:2px solid var(--line);box-shadow:0 24px 40px -20px #0009;text-align:left}.node__pop--current{border-color:var(--accent)}.node__pop--done{border-color:var(--gold)}.node__popmeta{font-size:.85rem;font-weight:600;color:var(--text-dim)}.pathmap__end{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-8) 0;text-align:center;font-weight:700}@keyframes chest-wiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-8deg)}90%{transform:rotate(8deg)}95%{transform:rotate(-4deg)}}.roll{position:relative;width:100%;height:100%;min-height:240px;border-radius:var(--r-xl);border:2px solid var(--line);overflow:hidden;background:var(--roll-bg)}.roll canvas{position:absolute;inset:0}.roll__chip{position:absolute;top:12px;left:56px;padding:4px 12px;border-radius:var(--r-pill);background:var(--gold);color:var(--gold-ink);font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 3px 0 var(--gold-strong)}.roll__overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.roll__count{font-variation-settings:"SOFT" 100,"WONK" 0;font-family:var(--font-display);font-size:clamp(4rem,14vw,7rem);font-weight:900;color:var(--accent);text-shadow:0 6px 0 var(--accent-strong);animation:count-pop .9s var(--ease-out) both}.roll__banner{padding:10px 18px;border-radius:var(--r-pill);background:var(--surface);border:2px solid var(--line);font-weight:800;box-shadow:var(--shadow-card)}@keyframes count-pop{0%{transform:scale(1.6);opacity:0}20%{transform:scale(1);opacity:1}80%{opacity:1}to{transform:scale(.9);opacity:0}}.breath{width:100%;display:grid;gap:var(--s-6);align-items:center;grid-template-columns:minmax(0,1fr)}@media(min-width:880px){.breath{grid-template-columns:minmax(0,1fr) 300px}}.breath__orb{position:relative;width:min(78vw,360px);aspect-ratio:1;margin:0 auto;display:grid;place-items:center}.breath__ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.breath__track{fill:none;stroke:var(--surface-3);stroke-width:14}.breath__progress{fill:none;stroke:var(--teal);stroke-width:14;stroke-linecap:round;stroke-dasharray:1;transition:stroke-dashoffset .12s linear}.breath__core{width:72%;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 35% 30%,var(--teal),var(--teal-strong));color:#03231d;box-shadow:0 0 calc(20px + var(--level, 0) * 60px) rgba(58,214,187,calc(.2 + var(--level, 0) * .5));transform:scale(calc(.9 + var(--level, 0) * .12));transition:transform .1s linear,box-shadow .1s linear}.breath__orb--inhale .breath__core{animation:inhale 3.2s var(--ease-out) both}.breath__secs{font-family:var(--font-display);font-size:clamp(3rem,12vw,4.5rem);font-weight:900;line-height:1}.breath__label{font-weight:800;font-size:1rem;letter-spacing:.04em}.breath__side{display:flex;flex-direction:column;gap:var(--s-4)}.breath__level{height:14px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden}.breath__level span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--gold));transition:width .08s linear}@keyframes inhale{0%{transform:scale(.55)}to{transform:scale(1)}}.quiz{width:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:var(--s-6)}.quiz__dots{display:flex;gap:8px;justify-content:center}.quiz__dots span{width:10px;height:10px;border-radius:50%;background:var(--surface-3);transition:all .3s var(--ease-spring)}.quiz__dots span[data-state=done]{background:var(--teal)}.quiz__dots span[data-state=now]{background:var(--accent);transform:scale(1.4)}.quiz__hero{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);text-align:center}.quiz__msg{font-family:var(--font-display);font-variation-settings:"SOFT" 100,"WONK" 1;font-size:1.5rem;font-weight:800;min-height:2.4em}.quiz__options{display:grid;gap:var(--s-3);grid-template-columns:1fr 1fr}.quiz__option{justify-content:center;font-size:1.1rem;min-height:72px}.quiz__option[data-state=right]{border-color:var(--teal);background:var(--teal-soft);box-shadow:0 4px 0 var(--teal-strong);animation:pop-in .35s var(--ease-spring)}.quiz__option[data-state=wrong]{border-color:var(--miss);color:var(--miss);animation:shake .4s ease}.quiz__option[data-state=dim]{opacity:.5}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.rhythm{width:100%;max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:var(--s-6)}.rhythm__track{position:relative;height:120px;margin:0 var(--s-4);border-bottom:3px solid var(--line)}.rhythm__tick{position:absolute;bottom:-3px;width:3px;height:22px;margin-left:-1.5px;background:var(--line-strong);border-radius:2px}.rhythm__tick em{position:absolute;top:28px;left:50%;transform:translate(-50%);font-style:normal;font-weight:800;font-size:.75rem;color:var(--text-mute)}.rhythm__dot{position:absolute;bottom:30px;width:30px;height:30px;margin-left:-15px;border-radius:50%;background:var(--gold);box-shadow:0 4px 0 var(--gold-strong);transition:opacity .3s ease,transform .3s var(--ease-spring)}.rhythm__dot[data-past=true]{opacity:.35;transform:scale(.8)}.rhythm__tap{position:absolute;bottom:70px;width:6px;height:26px;margin-left:-3px;border-radius:3px;animation:pop-in .3s var(--ease-spring)}.rhythm__tap--good{background:var(--teal)}.rhythm__tap--ok{background:var(--gold)}.rhythm__tap--off{background:var(--miss)}.rhythm__cursor{position:absolute;top:0;bottom:-3px;width:3px;margin-left:-1.5px;background:var(--accent);box-shadow:0 0 12px var(--accent)}.rhythm__count{font-variation-settings:"SOFT" 100,"WONK" 0;position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display);font-size:4rem;font-weight:900;color:var(--accent);animation:count-pop .9s var(--ease-out) both}.rhythm__pad{display:grid;place-items:center;align-content:center;gap:var(--s-2);width:180px;height:180px;margin:0 auto;border:0;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:900;font-size:1.2rem;box-shadow:0 8px 0 var(--accent-strong);touch-action:manipulation;-webkit-user-select:none;user-select:none}.rhythm__pad:active{transform:translateY(6px);box-shadow:0 2px 0 var(--accent-strong)}.rhythm__pad--mic{background:var(--surface-2);color:var(--accent);box-shadow:inset 0 0 0 3px var(--accent)}.swell{display:flex;flex-direction:column;gap:var(--s-2)}.swell__chart{width:100%;height:auto;background:var(--roll-bg);border-radius:var(--r-md)}.swell__ideal{fill:none;stroke:var(--gold);stroke-width:3;stroke-dasharray:7 6;stroke-linecap:round;stroke-linejoin:round;opacity:.8}.swell__live{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.swell__now{stroke:var(--line);stroke-width:2}.feedback{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:var(--s-5) var(--s-4) calc(var(--s-5) + env(safe-area-inset-bottom));border-top:2px solid var(--line);background:var(--surface);animation:sheet-up .4s var(--ease-spring) both}.feedback--great{background:color-mix(in srgb,var(--teal) 16%,var(--surface));border-color:var(--teal)}.feedback--good{background:color-mix(in srgb,var(--gold) 14%,var(--surface));border-color:var(--gold)}.feedback--soft{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:var(--accent)}.feedback__inner{max-width:880px;margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--s-4);align-items:center;justify-content:space-between}.feedback__head{display:flex;gap:var(--s-3);align-items:center}.feedback__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;flex:none;background:var(--surface);animation:pop-in .5s var(--ease-spring) .1s both}.feedback--great .feedback__icon{color:var(--teal)}.feedback--good .feedback__icon{color:var(--gold-strong)}.feedback--soft .feedback__icon{color:var(--accent)}.feedback__title{font-family:var(--font-display);font-variation-settings:"SOFT" 100,"WONK" 1;font-size:1.5rem;font-weight:850;line-height:1.1}.feedback__line{color:var(--text-dim);font-weight:600}.feedback__actions{display:flex;gap:var(--s-3);width:100%}.feedback__actions .btn{flex:1}@media(min-width:640px){.feedback__actions{width:auto}.feedback__go{min-width:180px}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}.results{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);text-align:center;padding:var(--s-4) 0 var(--s-10)}.results__title{font-size:clamp(2.4rem,8vw,3.4rem)}.results__cheer{font-size:1.1rem;max-width:36ch}.results__score{position:relative;width:180px;height:180px;margin:var(--s-2) 0}.results__ring{width:100%;height:100%;transform:rotate(-90deg)}.results__ring-track{fill:none;stroke:var(--surface-3);stroke-width:12}.results__ring-fill{fill:none;stroke:var(--accent);stroke-width:12;stroke-linecap:round}.results__pct{position:absolute;inset:0;display:grid;place-content:center;font-family:var(--font-display);font-size:2.8rem;font-weight:900;line-height:1}.results__pct span:last-child{font-family:var(--font-body);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute);margin-top:6px}.results__subs{display:grid;gap:var(--s-3);width:100%}.results__subs>div{display:grid;grid-template-columns:90px 1fr 48px;gap:var(--s-3);align-items:center;text-align:left;font-weight:700;font-size:.9rem}.results__subs strong{text-align:right}.results__rewards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3);width:100%;margin-top:var(--s-2)}.reward{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--s-4) var(--s-2);border-radius:var(--r-lg);border:2px solid var(--line);background:var(--surface);font-weight:700;font-size:.8rem;color:var(--text-dim)}.reward strong{font-family:var(--font-display);font-size:1.8rem;font-weight:900;color:var(--text);line-height:1.1}.reward--xp svg{color:var(--gold)}.reward--streak svg{color:var(--accent)}.reward--gems svg{color:var(--teal)}.reward--bump{border-color:var(--accent);background:var(--accent-soft)}.reward--bump svg{animation:flame-bump .7s var(--ease-spring) 1.3s both}.results__breakdown{list-style:none;margin:0;padding:0;width:100%;font-weight:700;font-size:.9rem;color:var(--text-dim)}.results__breakdown li{display:flex;justify-content:space-between;padding:6px 4px;border-bottom:1px dashed var(--line)}.results__perfect{color:var(--gold)}@keyframes flame-bump{0%{transform:scale(1)}40%{transform:scale(1.8) rotate(-12deg)}to{transform:scale(1)}}.lesson{display:flex;flex-direction:column;gap:var(--s-6)}.lesson__top{display:flex;align-items:center;gap:var(--s-3);max-width:600px;width:100%;margin:0 auto}.lesson__progress{flex:1}.lesson__crumb{display:flex;align-items:center;gap:var(--s-3);max-width:600px;width:100%;margin:0 auto}.lesson__crumbicon{width:44px;height:44px}.lesson__crumbtitle{font-weight:800;color:var(--text-dim)}.lesson__exercise{display:flex;flex-direction:column;gap:var(--s-5)}.lesson__ask{max-width:600px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:var(--s-2)}.lesson__ask p{font-size:1.1rem;font-weight:600}.lesson__steptitle{font-size:clamp(2rem,6vw,2.8rem)}.teach{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:var(--s-5)}.teach__hero{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.teach__title{font-size:clamp(2.6rem,9vw,3.6rem);max-width:9ch}.teach__hero .pip{flex:none;width:clamp(110px,30vw,170px);height:auto}.teach__body{font-size:1.15rem;line-height:1.6;font-weight:500}.teach__demo{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);border:2px solid var(--line);background:var(--surface)}.teach__demo>div{display:flex;flex-direction:column}.teach__demo .mute{font-size:.88rem;font-weight:600}.teach__personal{font-weight:800;color:var(--accent-ink, var(--accent));background:var(--surface-2);border-radius:var(--r-md);padding:var(--s-3) var(--s-4)}.teach__checks{list-style:none;padding:0;margin:0;display:grid;gap:var(--s-2)}.teach__checks label{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--surface);border:2px solid var(--line);border-radius:var(--r-md);font-weight:700;cursor:pointer}.teach__checks input{width:22px;height:22px;margin-top:1px;accent-color:var(--teal);flex:none}.teach__checks input:checked+span{color:var(--text-mute);text-decoration:line-through}.chart{position:relative;width:100%}.chart__svg{display:block;overflow:visible}.chart__grid{stroke:var(--line);stroke-width:1}.chart__base{stroke:var(--line-strong);stroke-width:1.5}.chart__cross{stroke:var(--text-mute);stroke-width:1}.chart__axis{font-family:var(--font-body);font-size:11px;font-weight:700;fill:var(--text-mute)}.chart__rowlabel{font-family:var(--font-body);font-size:12px;font-weight:700;fill:var(--text-dim)}.chart__rowlabel.is-you{fill:var(--text);font-weight:900}.chart__direct{font-family:var(--font-body);font-size:12px;font-weight:800;fill:var(--text-dim)}.chart__bar{fill:var(--accent);transition:opacity .15s ease}.chart__line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart__dot{stroke:var(--surface);stroke-width:2}.chart__range{fill:var(--text-mute);opacity:.55}.chart__range.is-you{fill:var(--accent);opacity:1}.chart__hit{fill:transparent;outline:none}.chart__hit:focus-visible{stroke:var(--gold);stroke-width:2}.chart__legend{display:flex;gap:var(--s-4);font-size:.8rem;font-weight:800;color:var(--text-dim);margin-bottom:var(--s-2)}.chart__legend span{display:inline-flex;align-items:center;gap:6px}.chart__legend i{display:inline-block;width:14px;height:3px;border-radius:2px}.chart__tip{position:absolute;z-index:10;pointer-events:none;transform:translate(-50%,calc(-100% - 12px));display:flex;flex-direction:column;gap:2px;min-width:90px;padding:8px 12px;border-radius:var(--r-sm);background:var(--surface-3);border:1px solid var(--line-strong);box-shadow:0 12px 24px -12px #00000080;font-size:.8rem;white-space:nowrap}.chart__tipval{font-size:1rem;font-weight:900}.chart__tiprow{display:flex;align-items:center;gap:6px;color:var(--text-dim)}.chart__tiprow strong{color:var(--text)}.chart__tiprow i{display:inline-block;width:12px;height:3px;border-radius:2px}.chart__tiplabel{color:var(--text-mute);font-weight:700}.profile{display:flex;flex-direction:column;gap:var(--s-5);max-width:980px;margin:0 auto}.profile__head{display:flex;align-items:center;gap:var(--s-5);flex-wrap:wrap}.profile__avatar{position:relative;display:grid;place-items:center;width:132px;height:132px;border-radius:50%;background:var(--accent-soft);border:3px solid var(--accent)}.profile__lvl{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-weight:900;font-size:1.3rem;border:3px solid var(--surface)}.profile__who{flex:1;min-width:220px;display:flex;flex-direction:column;gap:var(--s-2)}.profile__name{font-size:clamp(2.2rem,6vw,3rem)}.profile__lvlbar{display:flex;flex-direction:column;gap:6px;font-size:.82rem;font-weight:700}.profile__stats{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.stat{display:flex;align-items:center;gap:var(--s-3)}.stat>div{display:flex;flex-direction:column;min-width:0}.stat__icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:var(--r-sm)}.stat__icon svg{width:22px;height:22px}.stat__icon--accent{color:var(--accent);background:var(--accent-soft)}.stat__icon--gold{color:var(--gold);background:var(--gold-soft)}.stat__icon--teal{color:var(--teal);background:var(--teal-soft)}.stat__icon--violet{color:var(--violet);background:color-mix(in srgb,var(--violet) 16%,transparent)}.stat__icon--ice{color:#5cb8ef;background:#5cb8ef26}.stat__value{font-family:var(--font-display);font-size:1.6rem;font-weight:900;line-height:1.1}.stat__label{font-size:.78rem;font-weight:800;color:var(--text-mute)}.stat__sub{font-size:.75rem;font-weight:700;color:var(--accent)}.profile__grid{display:grid;gap:var(--s-4);grid-template-columns:minmax(0,1fr)}@media(min-width:820px){.profile__grid{grid-template-columns:1fr 1fr}.profile__wide{grid-column:1 / -1}}.profile__card{display:flex;flex-direction:column;gap:var(--s-4)}.profile__card .h3{display:flex;gap:var(--s-2);align-items:baseline}.profile__card .h3 .mute{font-family:var(--font-body);font-size:.9rem}.profile__note{font-size:.85rem;font-weight:600}.profile__empty{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4);border-radius:var(--r-lg);background:var(--surface-2);font-weight:600}.cal{display:flex;flex-direction:column;gap:var(--s-3)}.cal__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.cal__col{display:grid;grid-template-rows:repeat(7,1fr);gap:4px}.cal__cell{display:grid;place-items:center;aspect-ratio:1;min-width:12px;border-radius:4px;background:var(--surface-3)}.cal__cell[data-level="1"]{background:color-mix(in srgb,var(--accent) 30%,var(--surface-3))}.cal__cell[data-level="2"]{background:color-mix(in srgb,var(--accent) 55%,var(--surface-3))}.cal__cell[data-level="3"]{background:color-mix(in srgb,var(--accent) 78%,var(--surface-3))}.cal__cell[data-level="4"]{background:var(--accent)}.cal__cell[data-level=ice]{background:#8fd3ff;color:#0b3550}.cal__cell.is-today{outline:2px solid var(--text);outline-offset:1px}.cal__cell.is-future{opacity:.3}.cal__legend{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:700}.cal__legend .cal__cell{width:14px;min-width:14px}.cal__legend span:not(.cal__cell){margin:0 4px}.badges{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--s-4) var(--s-2);border-radius:var(--r-lg);border:2px dashed var(--line);text-align:center;font-size:.78rem;font-weight:600}.badge strong{font-size:.92rem}.badge.is-earned{border-style:solid;background:var(--surface-2)}.badge__icon{display:grid;place-items:center;width:60px;height:60px;margin-bottom:6px;border-radius:18px;background:var(--surface-3);color:var(--text-mute);transform:rotate(-4deg)}.badge.is-earned .badge__icon--accent{background:var(--accent);color:var(--accent-ink);box-shadow:0 4px 0 var(--accent-strong)}.badge.is-earned .badge__icon--gold{background:var(--gold);color:var(--gold-ink);box-shadow:0 4px 0 var(--gold-strong)}.badge.is-earned .badge__icon--teal{background:var(--teal);color:#03231d;box-shadow:0 4px 0 var(--teal-strong)}.badge.is-earned .badge__icon--pink{background:var(--pink);color:#fff;box-shadow:0 4px 0 var(--pink-strong)}.badge.is-earned .badge__icon--violet{background:var(--violet);color:#fff;box-shadow:0 4px 0 var(--violet-strong)}.settings__row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-2) 0;border-bottom:1px solid var(--line);font-weight:700;flex-wrap:wrap}.settings__sub{display:block;font-size:.8rem;font-weight:600}.signin,.signin__form{display:flex;flex-direction:column;gap:var(--s-3)}.signin__form .onb__label{margin-top:var(--s-1)}.signin__google{margin-top:var(--s-2);--btn-bg: #fff;--btn-ink: #1f1f1f;--btn-edge: #d6cdd4}.signin__or{display:flex;align-items:center;gap:var(--s-3);font-size:.8rem;font-weight:800;color:var(--text-mute);text-transform:uppercase;letter-spacing:.12em}.signin__or:before,.signin__or:after{content:"";flex:1;height:2px;background:var(--line)}.signin__link{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;color:var(--accent);font-weight:800;font-size:.9rem}.signin__link:hover{text-decoration:underline}.signin__switch{text-align:center;font-weight:600;color:var(--text-dim)}.signin__notice{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--teal-soft);font-weight:700}.signin__error{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:color-mix(in srgb,var(--miss) 14%,transparent);color:var(--text);font-weight:700}.signin__agree{font-size:.82rem;font-weight:600;text-align:center}.signin__agree a{text-decoration:underline;text-underline-offset:2px}.friends{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:var(--s-5)}.friends__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.friends__title{font-size:clamp(2.4rem,7vw,3.2rem);margin:4px 0 8px}.friends__loading,.friends__skeleton{min-height:220px;background:linear-gradient(90deg,var(--surface) 0%,var(--surface-2) 50%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.friends__skeleton{border-radius:var(--r-lg);min-height:160px}.friends__signin{max-width:480px;width:100%;align-self:center}.friends__empty{display:flex;align-items:center;gap:var(--s-4)}.friends__flash{align-self:center;padding:10px 18px;border-radius:var(--r-pill);background:var(--teal);color:#03231d;font-weight:800;text-align:center}.friends__warn{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--tip-bg);color:var(--tip-text);font-weight:700;font-size:.9rem}.friends__requests,.friends__outgoing{display:flex;flex-direction:column;gap:var(--s-3);border-color:var(--teal)}.friends__outgoing{border-color:var(--line)}.request{display:flex;align-items:center;gap:var(--s-3)}.request__name{flex:1;min-width:0;font-weight:600;font-size:.95rem;line-height:1.3}.friends__board{display:flex;flex-direction:column;gap:var(--s-4)}.friends__board>.spread{flex-wrap:wrap}.friends__board .h3{display:inline-flex;align-items:center;gap:var(--s-2)}.friends__trophy{color:var(--gold)}.board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-2)}.brow{border-radius:var(--r-lg);border:2px solid var(--line);background:var(--surface-2);overflow:hidden;transition:border-color .2s ease}.brow.is-you{border-color:var(--accent);background:var(--accent-soft)}.brow.is-open{border-color:var(--gold)}.brow__main{width:100%;display:grid;grid-template-columns:34px 44px 1fr auto;align-items:center;gap:var(--s-3);padding:10px var(--s-4);border:0;background:transparent;text-align:left}.brow__rank{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-family:var(--font-display);font-weight:900;font-size:1.1rem;color:var(--text-mute)}.brow__rank.is-medal{color:#2b1c03;box-shadow:inset 0 -3px #0000002e}.brow__rank.is-medal-1{background:var(--gold)}.brow__rank.is-medal-2{background:#cfd6de}.brow__rank.is-medal-3{background:#e3a172}.avatar{display:grid;place-items:center;flex:none;border-radius:50%;color:#fff;font-weight:900;font-size:1.05rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.avatar--you{width:44px;height:44px;background:var(--surface)}.brow__who{display:flex;flex-direction:column;min-width:0}.brow__who strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brow__meta{display:flex;align-items:center;gap:var(--s-2);font-size:.8rem;font-weight:700;color:var(--text-mute)}.brow__streak{display:inline-flex;align-items:center;gap:2px;color:var(--accent)}.brow__xp{font-family:var(--font-display);font-weight:900;font-size:1.3rem;text-align:right;line-height:1.1}.brow__xp small{display:block;font-family:var(--font-body);font-size:.68rem;font-weight:800;color:var(--text-mute)}.brow__detail{overflow:hidden}.brow__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-3);padding:0 var(--s-4) var(--s-3)}.bstat{display:flex;flex-direction:column;gap:4px;padding:var(--s-3);border-radius:var(--r-md);background:var(--surface)}.bstat__label{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:800;color:var(--text-mute)}.bstat strong{font-size:1.1rem}.bstat .bar{height:8px}.brow__foot{padding:0 var(--s-4) var(--s-3);font-size:.82rem;font-weight:600;flex-wrap:wrap}.friends__lonely{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-lg);background:var(--surface-2);font-weight:600}.friends__add{display:grid;gap:var(--s-5);grid-template-columns:minmax(0,1fr)}@media(min-width:640px){.friends__add{grid-template-columns:auto minmax(0,1fr);align-items:end}}.friends__code{display:flex;flex-direction:column;gap:var(--s-2)}.friends__codeval{font-family:var(--font-display);font-variation-settings:"SOFT" 100,"WONK" 0;font-size:2.4rem;font-weight:900;letter-spacing:.18em;line-height:1}.friends__form{display:flex;flex-direction:column;gap:var(--s-2)}.friends__form .onb__label{margin-top:0}.friends__formrow{display:flex;gap:var(--s-2)}.friends__formrow .field{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.08em}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.friends__formrow .field::placeholder{text-transform:none;letter-spacing:normal}.legal{position:relative;max-width:720px;margin:0 auto;padding:0 var(--s-5) var(--s-12)}.legal__top{display:flex;align-items:center;justify-content:space-between;height:76px}.legal__body{display:flex;flex-direction:column;gap:var(--s-3);line-height:1.65}.legal__title{font-size:clamp(2.4rem,7vw,3.4rem)}.legal__body h2{font-size:1.5rem;margin-top:var(--s-6)}.legal__body ul{margin:0;padding-left:var(--s-6);display:flex;flex-direction:column;gap:var(--s-2)}.legal__body a{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:3px}.legal__foot{display:flex;gap:var(--s-5);margin-top:var(--s-8);padding-top:var(--s-4);border-top:2px solid var(--line)}.shop{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:var(--s-5)}.shop__head{display:flex;align-items:center;gap:var(--s-5)}.shop__title{display:flex;align-items:center;gap:var(--s-2);font-size:3rem;margin:4px 0}.shop__gem{color:var(--teal)}.shop__flash{align-self:center;padding:10px 18px;border-radius:var(--r-pill);background:var(--teal);color:#03231d;font-weight:800}.shop__item{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap}.shop__body{flex:1;min-width:200px;display:flex;flex-direction:column;gap:var(--s-2)}.shop__icon{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--r-lg)}.shop__icon--ice{background:#8fd3ff;color:#0b3550;box-shadow:0 5px #4b9ccc}.shop__owned{display:flex;gap:6px}.shop__owned span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--surface-3);color:var(--text-mute)}.shop__owned span[data-on=true]{background:#8fd3ff;color:#0b3550}.shop__palette{color:var(--accent)}.shop__accents{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.accent-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:var(--s-4);border-radius:var(--r-lg);border:2px solid var(--line);background:var(--surface-2);text-align:left;font-size:.85rem;transition:transform .2s var(--ease-spring),border-color .2s ease}.accent-card:hover{transform:translateY(-3px)}.accent-card.is-on{border-color:var(--sw);box-shadow:0 0 0 3px color-mix(in srgb,var(--sw) 30%,transparent)}.accent-card strong{font-family:var(--font-display);font-size:1.3rem;font-weight:900}.accent-card__swatch{display:flex;gap:4px;margin-bottom:var(--s-2)}.accent-card__swatch span{width:26px;height:26px;border-radius:50%;background:var(--sw)}.accent-card__swatch span:nth-child(2){background:var(--gold)}.accent-card__swatch span:nth-child(3){background:var(--teal)}.accent-card__price{display:inline-flex;align-items:center;gap:4px;margin-top:var(--s-2);font-weight:900;color:var(--teal)}.practice{display:flex;flex-direction:column;gap:var(--s-6)}.practice__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.practice__title{font-size:clamp(2.4rem,7vw,3.4rem);margin:4px 0 8px}.practice__grid{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.drillcard{display:flex;flex-direction:column;gap:var(--s-4);transition:transform .2s var(--ease-spring),border-color .2s ease}.drillcard:hover{transform:translateY(-4px) rotate(-.5deg);border-color:var(--accent)}.drillcard__body{flex:1;display:flex;flex-direction:column;gap:var(--s-2)}.drillcard__title{font-size:1.5rem}.drillcard__foot{display:flex;align-items:center;justify-content:space-between}.drillcard__go{color:var(--accent);transition:transform .2s var(--ease-spring)}.drillcard:hover .drillcard__go{transform:translate(4px)}.drillcard--feature{background:var(--gold);color:var(--gold-ink);border-color:transparent;box-shadow:0 6px 0 var(--gold-strong)}.drillcard--feature .dim{color:var(--gold-ink);opacity:.8}.drillcard--feature .tile-icon{background:var(--gold-ink);color:var(--gold);box-shadow:none}.drillcard--feature .chip{background:#0000001f;border-color:transparent;color:var(--gold-ink)}.drillcard--feature .drillcard__go{color:var(--gold-ink)}.drillcard--feature:hover{border-color:transparent}.drill{display:flex;flex-direction:column;gap:var(--s-6)}.drill__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4)}.drill__title{font-size:clamp(2rem,6vw,3rem);margin-top:4px}.drill__aside{display:flex;align-items:center;gap:var(--s-2)}.drill__options{display:flex;flex-wrap:wrap;gap:var(--s-2)}.drill__options .choice{width:auto;padding:10px 16px;border-radius:var(--r-pill);font-size:.92rem}.drill__setup{max-width:560px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:var(--s-5)}.drill__setup .onb__label{margin-top:0}.drill__hud{display:flex;align-items:center;gap:var(--s-3);font-weight:900}.drill__hud .chip{font-size:.9rem}.hearts{display:inline-flex;gap:2px;color:var(--miss)}.hearts svg[data-empty=true]{color:var(--surface-3)}.freesing{display:flex;flex-direction:column;gap:var(--s-3)}.freesing__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-2)}.freesing__title{font-size:clamp(2.2rem,6vw,3.2rem);margin-bottom:var(--s-3)}.freesing__toggle{display:flex;align-items:center;justify-content:center;gap:var(--s-2);font-weight:700;font-size:.9rem;color:var(--text-dim);cursor:pointer}.freesing__toggle input{width:18px;height:18px;accent-color:var(--accent)}.freesing__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-4);margin-top:var(--s-4)}