@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/lexend-latin-wght-normal-ci0D1wrL.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/lexend-latin-ext-wght-normal-B6JQhE1e.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Atkinson Hyperlegible Next;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/atkinson-hyperlegible-next-latin-ext-wght-normal-C6vrW8VD.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Atkinson Hyperlegible Next;font-style:italic;font-weight:200 800;font-display:swap;src:url(/assets/atkinson-hyperlegible-next-latin-wght-italic-DC5MiAaX.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Next;font-style:italic;font-weight:200 800;font-display:swap;src:url(/assets/atkinson-hyperlegible-next-latin-ext-wght-italic-Cigfgs4r.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Cylin Digits;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/lexend-latin-wght-normal-ci0D1wrL.woff2)format("woff2");unicode-range:U+30-39}:root{--cy-ink:#15142b;--cy-ink-2:#45435e;--cy-ink-3:#6b6880;--cy-paper:#fff;--cy-mist:#f6f6f9;--cy-mist-2:#eeedf3;--cy-line:#e3e2ea;--cy-line-2:#cfcdda;--cy-spark:#ffc53d;--cy-spark-ink:#7a5000;--cy-spark-tint:#fff4d6;--cy-vocab:#1d64c9;--cy-vocab-bright:#3d86f5;--cy-vocab-tint:#e9f1fd;--cy-vocab-ink:#0e3a7a;--cy-mult:#c2470f;--cy-mult-bright:#f26a2a;--cy-mult-tint:#fdeee5;--cy-mult-ink:#7a2a06;--cy-piano:#8a3fd1;--cy-piano-bright:#a866f2;--cy-piano-tint:#f4ecfd;--cy-piano-ink:#4e1d86;--cy-add:#0b7285;--cy-add-bright:#1aa3b8;--cy-add-tint:#e3f4f7;--cy-add-ink:#063f4a;--cy-sub:#b0306a;--cy-sub-bright:#e2508f;--cy-sub-tint:#fbe9f1;--cy-sub-ink:#6b1239;--cy-div:#647800;--cy-div-bright:#93b300;--cy-div-tint:#f1f6d8;--cy-div-ink:#364200;--cy-practice:#434bd0;--cy-practice-bright:#6d76f5;--cy-practice-tint:#eceefe;--cy-practice-ink:#20267f;--cy-ok:#1e7a4f;--cy-ok-tint:#e3f3ea;--cy-warn:#8a5a00;--cy-warn-tint:#fff2d1;--cy-bad:#b3372e;--cy-bad-tint:#fce8e6;--cy-av-0:#5b4bd6;--cy-av-1:#0e7c74;--cy-av-2:#c24e26;--cy-av-3:#2b7f39;--cy-av-4:#9a6a00;--cy-av-5:#2667c9;--cy-av-6:#c23d7b;--cy-av-7:#7b4fb0;--cy-font-display:"Lexend", "Avenir Next", "Segoe UI", system-ui, sans-serif;--cy-font-text:"Cylin Digits", "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--cy-t-12:.75rem;--cy-t-14:.875rem;--cy-t-16:1rem;--cy-t-18:1.125rem;--cy-t-20:1.25rem;--cy-t-24:clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--cy-t-32:clamp(1.6rem, 1.3rem + 1.2vw, 2rem);--cy-t-44:clamp(2rem, 1.5rem + 2.2vw, 2.75rem);--cy-t-64:clamp(2.6rem, 1.6rem + 4.4vw, 4rem);--cy-t-88:clamp(3rem, 1.6rem + 6.4vw, 5.5rem);--cy-s-1:4px;--cy-s-2:8px;--cy-s-3:12px;--cy-s-4:16px;--cy-s-5:20px;--cy-s-6:24px;--cy-s-8:32px;--cy-s-10:40px;--cy-s-12:48px;--cy-s-16:64px;--cy-s-20:80px;--cy-s-24:96px;--cy-r-chip:8px;--cy-r-control:12px;--cy-r-card:18px;--cy-r-panel:28px;--cy-r-tile:22.5%;--cy-e-1:0 1px 2px #15142b0f, 0 1px 1px #15142b0a;--cy-e-2:0 1px 2px #15142b0f, 0 18px 40px -16px #15142b47;--cy-gutter:clamp(16px, 4vw, 40px);--cy-wrap:1200px;--cy-ease-draw:cubic-bezier(.65, 0, .35, 1);--cy-ease-out:cubic-bezier(.2, .8, .2, 1);--cy-ease-click:cubic-bezier(.34, 1.56, .64, 1);--cy-d-1:.12s;--cy-d-2:.22s;--cy-d-3:.42s;--cy-d-4:.7s;--cy-bg:var(--cy-paper);--cy-bg-2:var(--cy-mist);--cy-bg-3:var(--cy-mist-2);--cy-surface:var(--cy-paper);--cy-fg:var(--cy-ink);--cy-fg-2:var(--cy-ink-2);--cy-fg-3:var(--cy-ink-3);--cy-border:var(--cy-line);--cy-border-2:var(--cy-line-2);--cy-scrim:#15142b61;--cy-focus-ring:0 0 0 3px var(--cy-surface), 0 0 0 6px var(--cy-fg)}[data-cy-theme=dark]{--cy-bg:#121124;--cy-bg-2:#1a1930;--cy-bg-3:#23223b;--cy-surface:#1a1930;--cy-fg:#f4f3f8;--cy-fg-2:#c9c7d9;--cy-fg-3:#9c9ab2;--cy-border:#2e2d48;--cy-border-2:#403f5e;--cy-spark-ink:#ffd97a;--cy-spark-tint:#3a2f12;--cy-vocab-tint:#16264a;--cy-vocab-ink:#bcd3ff;--cy-vocab-bright:#6aa3ff;--cy-mult-tint:#3a1d10;--cy-mult-ink:#ffc6a6;--cy-mult-bright:#ff8a50;--cy-piano-tint:#2a1a45;--cy-piano-ink:#dcc6ff;--cy-piano-bright:#c08cff;--cy-add-tint:#0f2e35;--cy-add-ink:#b5e6ef;--cy-add-bright:#3cc3d8;--cy-sub-tint:#3a1527;--cy-sub-ink:#ffc2dc;--cy-sub-bright:#ff7fb3;--cy-div-tint:#262d0c;--cy-div-ink:#dcec9c;--cy-div-bright:#b5d33a;--cy-practice-tint:#1c1f4a;--cy-practice-ink:#c5c9ff;--cy-practice-bright:#8b93ff;--cy-ok-tint:#12321f;--cy-warn-tint:#3a3217;--cy-bad-tint:#3d2220;--cy-e-2:0 1px 2px #0006, 0 18px 40px -16px #000000b3;--cy-scrim:#0000008c}@media (prefers-color-scheme:dark){:root[data-cy-theme=auto]{--cy-bg:#121124;--cy-bg-2:#1a1930;--cy-bg-3:#23223b;--cy-surface:#1a1930;--cy-fg:#f4f3f8;--cy-fg-2:#c9c7d9;--cy-fg-3:#9c9ab2;--cy-border:#2e2d48;--cy-border-2:#403f5e;--cy-spark-ink:#ffd97a;--cy-spark-tint:#3a2f12;--cy-vocab-tint:#16264a;--cy-vocab-ink:#bcd3ff;--cy-vocab-bright:#6aa3ff;--cy-mult-tint:#3a1d10;--cy-mult-ink:#ffc6a6;--cy-mult-bright:#ff8a50;--cy-piano-tint:#2a1a45;--cy-piano-ink:#dcc6ff;--cy-piano-bright:#c08cff;--cy-add-tint:#0f2e35;--cy-add-ink:#b5e6ef;--cy-add-bright:#3cc3d8;--cy-sub-tint:#3a1527;--cy-sub-ink:#ffc2dc;--cy-sub-bright:#ff7fb3;--cy-div-tint:#262d0c;--cy-div-ink:#dcec9c;--cy-div-bright:#b5d33a;--cy-practice-tint:#1c1f4a;--cy-practice-ink:#c5c9ff;--cy-practice-bright:#8b93ff;--cy-ok-tint:#12321f;--cy-warn-tint:#3a3217;--cy-bad-tint:#3d2220;--cy-e-2:0 1px 2px #0006, 0 18px 40px -16px #000000b3;--cy-scrim:#0000008c}}.cy-dot{background:var(--cy-spark);vertical-align:baseline;border-radius:50%;width:.2em;height:.2em;margin-left:.04em;display:inline-block;transform:translateY(-.02em)}.cy-nowrap{white-space:nowrap}.cy-track{--cy-track-color:var(--cy-fg);align-items:center;display:flex}.cy-track i{background:var(--cy-border);flex:1;height:3px}.cy-track b{background:var(--cy-border);border-radius:50%;flex:none;width:12px;height:12px}.cy-track b.done,.cy-track i.done{background:var(--cy-track-color)}.cy-track b.now{background:var(--cy-spark);box-shadow:0 0 0 4px var(--cy-spark-tint)}.cy-tile{border-radius:var(--cy-r-tile);flex:none;display:block}.cy-chip{border-radius:var(--cy-r-chip);min-height:28px;font:700 var(--cy-t-14)/1 var(--cy-font-text);background:var(--cy-bg-2);color:var(--cy-fg-2);align-items:center;gap:6px;padding:0 10px;display:inline-flex}.cy-chip-spark{background:var(--cy-spark-tint);color:var(--cy-spark-ink)}.cy-sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cy-bar,.cy-bottom-tabs,.cy-launch-wrap{--cy-accent:var(--cy-fg);--cy-accent-tint:var(--cy-bg-2);--cy-accent-ink:var(--cy-fg)}:is(.cy-bar,.cy-bottom-tabs,.cy-launch-wrap)[data-app=lexcursion]{--cy-accent:var(--cy-vocab);--cy-accent-tint:var(--cy-vocab-tint);--cy-accent-ink:var(--cy-vocab-ink)}:is(.cy-bar,.cy-bottom-tabs,.cy-launch-wrap)[data-app=dotwise]{--cy-accent:var(--cy-mult);--cy-accent-tint:var(--cy-mult-tint);--cy-accent-ink:var(--cy-mult-ink)}:is(.cy-bar,.cy-bottom-tabs,.cy-launch-wrap)[data-app=keybound]{--cy-accent:var(--cy-piano);--cy-accent-tint:var(--cy-piano-tint);--cy-accent-ink:var(--cy-piano-ink)}:is(.cy-bar,.cy-bottom-tabs,.cy-launch-wrap)[data-app=addition]{--cy-accent:var(--cy-add);--cy-accent-tint:var(--cy-add-tint);--cy-accent-ink:var(--cy-add-ink)}:is(.cy-bar,.cy-bottom-tabs,.cy-launch-wrap)[data-app=subtraction]{--cy-accent:var(--cy-sub);--cy-accent-tint:var(--cy-sub-tint);--cy-accent-ink:var(--cy-sub-ink)}:is(.cy-bar,.cy-bottom-tabs,.cy-launch-wrap)[data-app=division]{--cy-accent:var(--cy-div);--cy-accent-tint:var(--cy-div-tint);--cy-accent-ink:var(--cy-div-ink)}:is(.cy-bar,.cy-bottom-tabs,.cy-launch-wrap)[data-app=practice]{--cy-accent:var(--cy-practice);--cy-accent-tint:var(--cy-practice-tint);--cy-accent-ink:var(--cy-practice-ink)}.cy-bar,.cy-bar *,.cy-bottom-tabs,.cy-bottom-tabs *,.cy-launch-wrap,.cy-launch-wrap *{box-sizing:border-box}.cy-bar :where(a,button,h2,ul,li,small,b,span,img),.cy-launcher :where(a,button,h2,ul,li,small,span,img),.cy-bottom-tabs :where(a,span,svg){font:inherit;color:inherit;letter-spacing:inherit;text-transform:none;box-shadow:none;background:0 0;border:0;min-width:0;min-height:0;margin:0;padding:0;text-decoration:none}.cy-bar :where(button),.cy-launcher :where(button){cursor:pointer;appearance:none}.cy-bar :where(ul),.cy-launcher :where(ul){list-style:none}.cy-bar :where(img),.cy-launcher :where(img){max-width:none;display:block}.cy-bar :where(a,button):focus-visible,.cy-launcher :where(a,button):focus-visible,.cy-launch:focus-visible,.cy-bottom-tabs a:focus-visible{outline:3px solid var(--cy-fg);outline-offset:2px}.cy-bar{z-index:40;background:var(--cy-surface);color:var(--cy-fg);border-bottom:1px solid var(--cy-border);font:400 var(--cy-t-16)/1.4 var(--cy-font-text);-webkit-font-smoothing:antialiased;position:sticky;top:0}.cy-bar-row{max-width:calc(var(--cy-wrap) + 2 * var(--cy-gutter));padding:0 var(--cy-gutter);align-items:center;gap:16px;height:64px;margin-inline:auto;display:flex;position:relative}.cy-launch-wrap{flex:none;position:relative}.cy-launch{box-shadow:none;appearance:none;cursor:pointer;color:var(--cy-fg);width:48px;height:48px;font:700 var(--cy-t-16)/1 var(--cy-font-text);background:0 0;border:0;border-radius:14px;flex:none;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;display:inline-flex}.cy-launch.has-label{width:auto;padding:0 16px 0 11px}.cy-launch:hover,.cy-launch[aria-expanded=true]{background:var(--cy-bg-2)}.cy-launch img{width:26px;height:26px;display:block}.cy-launch-wrap .cy-sym-rev,[data-cy-theme=dark] .cy-launch-wrap .cy-sym{display:none}[data-cy-theme=dark] .cy-launch-wrap .cy-sym-rev{display:block}@media (prefers-color-scheme:dark){:root[data-cy-theme=auto] .cy-launch-wrap .cy-sym{display:none}:root[data-cy-theme=auto] .cy-launch-wrap .cy-sym-rev{display:block}}.cy-slash{background:var(--cy-border-2);flex:none;width:1.5px;height:24px;margin-inline:-6px;transform:rotate(18deg)}.cy-app{min-height:48px;color:var(--cy-fg);flex:none;align-items:center;gap:10px;display:flex}.cy-app img{width:32px;height:32px}.cy-app b{font:600 var(--cy-t-18)/1 var(--cy-font-display);letter-spacing:-.02em}.cy-tabs{gap:4px;margin-left:16px;display:flex}.cy-tabs a{min-height:48px;font:600 var(--cy-t-16)/1 var(--cy-font-display);letter-spacing:-.01em;color:var(--cy-fg-2);white-space:nowrap;border-radius:12px;align-items:center;padding:0 14px;display:flex;position:relative}.cy-tabs a:hover{color:var(--cy-fg);background:var(--cy-bg-2)}.cy-tabs a[aria-current=page]{color:var(--cy-accent-ink)}.cy-tabs a[aria-current=page]:after{content:"";background:var(--cy-accent);border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;bottom:-5px;left:50%}.cy-end{align-items:center;gap:8px;margin-left:auto;display:flex}.cy-learner{background:var(--cy-bg-2);min-height:48px;font:700 var(--cy-t-16)/1 var(--cy-font-text);color:var(--cy-fg);border-radius:999px;align-items:center;gap:10px;padding:6px 16px 6px 6px;display:flex}button.cy-learner:hover{background:var(--cy-bg-3)}.cy-av{color:#fff;font-family:var(--cy-font-display);border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid}.cy-grownups{height:48px;font:700 var(--cy-t-14)/1 var(--cy-font-text);color:var(--cy-fg-2);border-radius:14px;align-items:center;gap:8px;padding:0 14px;display:flex}.cy-grownups:hover{background:var(--cy-bg-2);color:var(--cy-fg)}.cy-launcher{background:var(--cy-surface);width:380px;color:var(--cy-fg);box-shadow:var(--cy-e-2), 0 0 0 1px var(--cy-border);z-index:45;text-align:left;font:400 var(--cy-t-16)/1.4 var(--cy-font-text);-webkit-font-smoothing:antialiased;border-radius:22px;gap:14px;padding:18px;display:grid;position:absolute;top:calc(100% + 10px);left:0}.cy-launcher[hidden]{display:none}.cy-launcher h2{font:700 var(--cy-t-14)/1.2 var(--cy-font-text);color:var(--cy-fg-3)}.cy-launch-apps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.cy-launch-app{text-align:center;color:var(--cy-fg);--cy-tile:var(--cy-fg);--cy-tile-tint:var(--cy-bg-2);--cy-tile-ink:var(--cy-fg);height:100%;transition:background-color var(--cy-d-1), box-shadow var(--cy-d-1), color var(--cy-d-1), transform var(--cy-d-1);border-radius:16px;align-content:start;justify-items:center;gap:8px;padding:12px 6px;display:grid}.cy-launch-app[data-app=lexcursion]{--cy-tile:var(--cy-vocab);--cy-tile-tint:var(--cy-vocab-tint);--cy-tile-ink:var(--cy-vocab-ink)}.cy-launch-app[data-app=dotwise]{--cy-tile:var(--cy-mult);--cy-tile-tint:var(--cy-mult-tint);--cy-tile-ink:var(--cy-mult-ink)}.cy-launch-app[data-app=keybound]{--cy-tile:var(--cy-piano);--cy-tile-tint:var(--cy-piano-tint);--cy-tile-ink:var(--cy-piano-ink)}.cy-launch-app[data-app=addition]{--cy-tile:var(--cy-add);--cy-tile-tint:var(--cy-add-tint);--cy-tile-ink:var(--cy-add-ink)}.cy-launch-app[data-app=subtraction]{--cy-tile:var(--cy-sub);--cy-tile-tint:var(--cy-sub-tint);--cy-tile-ink:var(--cy-sub-ink)}.cy-launch-app[data-app=division]{--cy-tile:var(--cy-div);--cy-tile-tint:var(--cy-div-tint);--cy-tile-ink:var(--cy-div-ink)}.cy-launch-app[data-app=practice]{--cy-tile:var(--cy-practice);--cy-tile-tint:var(--cy-practice-tint);--cy-tile-ink:var(--cy-practice-ink)}.cy-launch-app:hover,.cy-launch-app:focus-visible{background:var(--cy-tile-tint);color:var(--cy-tile-ink);box-shadow:inset 0 0 0 2px var(--cy-tile)}.cy-launch-app:hover small,.cy-launch-app:focus-visible small{color:var(--cy-tile-ink)}.cy-launch-app:active{transform:scale(.97)}.cy-launch-app img{width:56px;height:56px;transition:transform var(--cy-d-2)}.cy-launch-app:hover img,.cy-launch-app:focus-visible img{transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){.cy-launch-app,.cy-launch-app img{transition:none}.cy-launch-app:active,.cy-launch-app:hover img,.cy-launch-app:focus-visible img{transform:none}}.cy-launch-app span{font:600 var(--cy-t-14)/1.2 var(--cy-font-display);letter-spacing:-.01em}.cy-launch-app small{font:700 11px/1.25 var(--cy-font-text);color:var(--cy-fg-3);display:block}.cy-launch-app.is-here{background:var(--cy-accent-tint);color:var(--cy-accent-ink)}.cy-launch-app.is-here small{color:var(--cy-accent-ink)}.cy-launch-foot{border-top:1px solid var(--cy-border);font:700 var(--cy-t-14)/1.2 var(--cy-font-text);justify-content:space-between;align-items:center;gap:12px;padding-top:6px;display:flex}.cy-launch-foot a,.cy-launch-foot button{min-height:48px;color:var(--cy-fg);border-radius:12px;align-items:center;gap:8px;margin:0 -10px -6px;padding:0 10px;display:flex}.cy-launch-foot a:hover,.cy-launch-foot button:hover{background:color-mix(in srgb, var(--cy-fg) 8%, transparent)}.cy-launch-foot img{width:22px;height:22px}.cy-scrim,.cy-bottom-tabs{display:none}@media (width>=761px) and (width<=980px){.cy-bar-row{gap:12px}.cy-tabs{gap:2px;margin-left:4px}.cy-tabs a{padding:0 10px}.cy-learner{padding:6px}.cy-grownups{justify-content:center;width:48px;padding:0}}@media (width<=980px){.cy-learner>span:not(.cy-av),.cy-grownups span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=760px){.cy-bar-row{gap:10px;height:56px}.cy-tabs{display:none}.cy-app b{font-size:var(--cy-t-16)}.cy-learner{padding:6px}.cy-grownups{justify-content:center;width:48px;padding:0}.cy-scrim{background:var(--cy-scrim);z-index:44;display:block;position:fixed;inset:0}.cy-launcher{width:auto;top:auto;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));border-radius:26px;position:fixed}.cy-bottom-tabs{z-index:30;background:var(--cy-surface);border-top:1px solid var(--cy-border);padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));justify-content:space-around;display:flex;position:sticky;bottom:0}.cy-bottom-tabs a{min-width:64px;font:600 12px/1 var(--cy-font-display);color:var(--cy-fg-3);justify-items:center;gap:4px;padding:6px 10px;display:grid}.cy-bottom-tabs a svg{width:24px;height:24px}.cy-bottom-tabs a[aria-current=page]{color:var(--cy-accent-ink)}.cy-bottom-tabs a[aria-current=page] svg{color:var(--cy-accent)}}@media (width<=380px){.cy-app b{display:none}}@media (prefers-reduced-motion:no-preference){.cy-launcher:not([hidden]){animation:cy-pop var(--cy-d-2) var(--cy-ease-out)}}@keyframes cy-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.cy-gate-layer{z-index:100;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.cy-gate-scrim{background:var(--cy-scrim);position:absolute;inset:0}.cy-gate-page{place-items:center;min-height:100%;padding:24px 16px;display:grid}.cy-gate,.cy-gate *{box-sizing:border-box}.cy-gate{border-radius:var(--cy-r-panel);background:var(--cy-surface);width:min(420px,100%);color:var(--cy-fg);box-shadow:var(--cy-e-2), 0 0 0 1px var(--cy-border);font:400 var(--cy-t-16)/1.5 var(--cy-font-text);text-align:left;justify-items:start;gap:12px;padding:clamp(22px,5vw,32px);display:grid;position:relative}.cy-gate :where(h2,p,form,label,input,button,a){letter-spacing:normal;text-transform:none;margin:0}.cy-gate>div,.cy-gate form{gap:12px;width:100%;display:grid}.cy-gate-icon{color:var(--cy-fg)}.cy-gate h2{font:600 var(--cy-t-32)/1.1 var(--cy-font-display);letter-spacing:-.03em;color:var(--cy-fg)}.cy-gate p{color:var(--cy-fg-2)}.cy-gate label{font:700 var(--cy-t-16)/1.2 var(--cy-font-text);color:var(--cy-fg)}.cy-gate input{border-radius:var(--cy-r-control);border:1.5px solid var(--cy-border-2);background:var(--cy-surface);width:100%;max-width:240px;min-height:52px;color:var(--cy-fg);font:600 1.4rem/1 var(--cy-font-display);letter-spacing:.4em;padding:10px 14px}.cy-gate input:focus{border-color:var(--cy-fg);box-shadow:0 0 0 4px color-mix(in srgb, var(--cy-fg) 14%, transparent);outline:none}.cy-gate input[aria-invalid=true]{border-color:var(--cy-bad)}.cy-gate-error{border-radius:var(--cy-r-control);background:var(--cy-bad-tint);font-weight:700;font-size:var(--cy-t-14);box-shadow:inset 4px 0 0 var(--cy-bad);padding:10px 12px;color:var(--cy-fg)!important}.cy-gate-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;width:100%;margin-top:4px;display:flex}.cy-gate :where(button){appearance:none;cursor:pointer;font:600 var(--cy-t-16)/1 var(--cy-font-display);border:0}.cy-gate-primary{border-radius:var(--cy-r-control);background:var(--cy-fg);min-height:48px;color:var(--cy-bg);padding:0 22px}.cy-gate-primary:disabled{opacity:.6;cursor:progress}.cy-gate-quiet{border-radius:var(--cy-r-control);min-height:48px;color:var(--cy-fg-2);background:0 0;padding:0 16px}.cy-gate-quiet:hover{background:var(--cy-bg-2);color:var(--cy-fg)}.cy-gate :where(button,a,input):focus-visible{outline:3px solid var(--cy-fg);outline-offset:2px}.cy-gate-small{font-size:var(--cy-t-14)}.cy-gate-small a{color:var(--cy-fg);text-underline-offset:3px;font-weight:700;text-decoration:underline}.cy-gate-hold{background:var(--cy-bg-2);width:100%;min-height:64px;color:var(--cy-fg);touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 0 1.5px var(--cy-border-2);border-radius:18px;position:relative;overflow:hidden}.cy-gate-fill{transform-origin:0;background:var(--cy-spark);transition:transform .15s;position:absolute;inset:0;transform:scaleX(0)}.cy-gate-hold.is-holding .cy-gate-fill{transition:transform var(--cy-hold,1.6s) linear;transform:scaleX(1)}.cy-gate-label{font:600 var(--cy-t-18)/1 var(--cy-font-display);color:var(--cy-ink);position:relative}.cy-gate-hold:not(.is-holding) .cy-gate-label{color:var(--cy-fg)}:root{--pp:#434bd0;--pp-bright:#6d76f5;--pp-tint:#eceefe;--pp-ink:#20267f;--pp-on:#fff;--pp-text:#3a42c4;--bad-text:var(--cy-bad);--chart-piano:#434bd0;--chart-rest:#d3d2dd;--chart-grid:var(--cy-line);--stage-bg:#121433;--stage-bg-2:#1b1e46;--stage-fg:#f4f3fb;--stage-fg-2:#b9bbe0;--stage-fg-3:#8487b8;--stage-line:#2d3166;--stage-piano:#8b93ff;--stage-heard:#ffc53d;--radius-xl:32px;--tap:56px;--shadow-soft:0 1px 2px #15142b0d, 0 12px 32px -18px #15142b40;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-cy-theme=dark],:root[data-theme=dark]{--pp-text:#a9aefc;--bad-text:#ff9d92;--pp-tint:#1c1f4a;--pp-ink:#c5c9ff;--pp-bright:#8b93ff;--chart-piano:#7c84f6;--chart-rest:#3f3e5a;--chart-grid:#2e2d48;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root[data-cy-theme=auto]{--pp-text:#a9aefc;--bad-text:#ff9d92;--pp-tint:#1c1f4a;--pp-ink:#c5c9ff;--pp-bright:#8b93ff;--chart-piano:#7c84f6;--chart-rest:#3f3e5a;--chart-grid:#2e2d48;--shadow-soft:0 1px 2px #0000004d, 0 12px 32px -18px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{height:100%;min-height:100%}body{background:var(--cy-bg);color:var(--cy-fg);font:400 var(--cy-t-16)/1.5 var(--cy-font-text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--cy-font-display);letter-spacing:-.02em;font-weight:600;line-height:1.15}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:3px solid var(--pp-text);outline-offset:3px;border-radius:6px}.num{font-family:var(--cy-font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.muted{color:var(--cy-fg-2)}.faint{color:var(--cy-fg-3)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{flex-direction:column;min-height:100%;display:flex}.wrap{width:100%;max-width:1080px;padding:0 var(--cy-gutter);margin:0 auto}.wrap-narrow{width:100%;max-width:640px;padding:0 var(--cy-gutter);margin:0 auto}.stack{gap:var(--gap,16px);display:grid}.row{align-items:center;gap:var(--gap,12px);display:flex}.row-wrap{align-items:center;gap:var(--gap,12px);flex-wrap:wrap;display:flex}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.grow{flex:1;min-width:0}.topbar{z-index:20;background:color-mix(in srgb, var(--cy-bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid #0000;position:sticky;top:0}.topbar.is-scrolled{border-bottom-color:var(--cy-border)}.topbar-row{min-height:64px;padding-top:env(safe-area-inset-top);align-items:center;gap:12px;display:flex}.brand{font:600 var(--cy-t-18)/1 var(--cy-font-display);letter-spacing:-.02em;border-radius:10px;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand img{border-radius:22.5%;width:32px;height:32px}.brand small{font:500 12px/1.2 var(--cy-font-text);color:var(--cy-fg-3);letter-spacing:0;margin-top:2px;display:block}.btn{appearance:none;border-radius:var(--cy-r-control);min-height:48px;font:600 var(--cy-t-16)/1 var(--cy-font-display);letter-spacing:-.01em;transition:transform var(--cy-d-1) var(--cy-ease-out), background var(--cy-d-2), box-shadow var(--cy-d-2);white-space:nowrap;border:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--pp);color:var(--pp-on);box-shadow:0 8px 20px -10px color-mix(in srgb, var(--pp) 70%, transparent)}.btn-primary:hover{background:color-mix(in srgb, var(--pp) 88%, black)}.btn-ink{background:var(--cy-fg);color:var(--cy-bg)}.btn-soft{background:var(--pp-tint);color:var(--pp-ink)}.btn-soft:hover{background:color-mix(in srgb, var(--pp-tint) 80%, var(--pp) 20%)}.btn-quiet{color:var(--cy-fg-2);background:0 0}.btn-quiet:hover{background:var(--cy-bg-2);color:var(--cy-fg)}.btn-line{color:var(--cy-fg);box-shadow:inset 0 0 0 1.5px var(--cy-border-2);background:0 0}.btn-line:hover{box-shadow:inset 0 0 0 1.5px var(--cy-fg-3)}.btn-danger{background:var(--cy-bad-tint);color:var(--bad-text)}.btn-sm{min-height:40px;font-size:var(--cy-t-14);padding:0 14px}.btn-lg{min-height:60px;font-size:var(--cy-t-18);border-radius:16px;padding:0 28px}.btn-icon{border-radius:12px;width:44px;min-height:44px;padding:0}.icon{flex:none;width:22px;height:22px}.panel{background:var(--cy-surface);border-radius:var(--cy-r-card);box-shadow:var(--shadow-soft), 0 0 0 1px var(--cy-border);padding:clamp(16px,3vw,24px)}.panel-flat{background:var(--cy-bg-2);border-radius:var(--cy-r-card);padding:clamp(16px,3vw,24px)}.section-title{font:600 var(--cy-t-14)/1.2 var(--cy-font-text);color:var(--cy-fg-3);text-transform:uppercase;letter-spacing:.06em}.eyebrow{font:700 var(--cy-t-14)/1.2 var(--cy-font-text);color:var(--pp-text)}.divider{background:var(--cy-border);border:0;height:1px;margin:0}.av{color:#fff;font:600 calc(var(--s,40px) * .42)/1 var(--cy-font-display);width:var(--s,40px);height:var(--s,40px);border-radius:50%;flex:none;place-items:center;display:inline-grid}.chip{min-height:28px;font:700 var(--cy-t-12)/1 var(--cy-font-text);background:var(--cy-bg-2);color:var(--cy-fg-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.chip-pp{background:var(--pp-tint);color:var(--pp-ink)}.chip-spark{background:var(--cy-spark-tint);color:var(--cy-spark-ink)}.chip-ok{background:var(--cy-ok-tint);color:var(--cy-ok)}.chip-warn{background:var(--cy-warn-tint);color:var(--cy-warn)}.dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.field{gap:6px;display:grid}.field>span{font:700 var(--cy-t-14)/1.2 var(--cy-font-text)}.field small{color:var(--cy-fg-3);font-size:var(--cy-t-14)}.input,.select,.textarea{border-radius:var(--cy-r-control);border:1.5px solid var(--cy-border-2);background:var(--cy-surface);width:100%;min-height:48px;padding:10px 14px}.textarea{resize:vertical;min-height:96px;line-height:1.45}.input:focus,.select:focus,.textarea:focus{border-color:var(--pp);box-shadow:0 0 0 4px color-mix(in srgb, var(--pp) 18%, transparent);outline:none}.seg{background:var(--cy-bg-2);border-radius:14px;gap:4px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.seg button{appearance:none;min-height:40px;font:600 var(--cy-t-14)/1 var(--cy-font-display);color:var(--cy-fg-2);white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:0 14px}.seg button[aria-pressed=true]{background:var(--cy-surface);color:var(--cy-fg);box-shadow:var(--cy-e-1), 0 0 0 1px var(--cy-border)}.switch{appearance:none;background:var(--cy-border-2);width:52px;height:32px;transition:background var(--cy-d-2);border:0;border-radius:999px;flex:none;position:relative}.switch:after{content:"";width:26px;height:26px;transition:transform var(--cy-d-2) var(--cy-ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch[aria-checked=true]{background:var(--pp)}.switch[aria-checked=true]:after{transform:translate(20px)}.stepper{background:var(--cy-bg-2);border-radius:14px;align-items:center;gap:4px;padding:4px;display:inline-flex}.stepper button{appearance:none;background:var(--cy-surface);width:40px;height:40px;box-shadow:var(--cy-e-1);font:600 20px/1 var(--cy-font-display);border:0;border-radius:10px}.stepper output{text-align:center;min-width:64px;font:600 var(--cy-t-18)/1 var(--cy-font-display)}.setting{border-bottom:1px solid var(--cy-border);align-items:center;gap:16px;padding:16px 0;display:flex}.setting:last-child{border-bottom:0}.setting>div:first-child{flex:1;min-width:0}.setting b{font-weight:700;display:block}.setting small{color:var(--cy-fg-2);font-size:var(--cy-t-14);margin-top:2px;display:block}.layer{z-index:90;animation:fade var(--cy-d-2) var(--cy-ease-out);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.scrim{background:var(--cy-scrim);position:absolute;inset:0}.dialog{background:var(--cy-surface);border-radius:var(--cy-r-panel);width:min(480px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--cy-e-2), 0 0 0 1px var(--cy-border);animation:rise var(--cy-d-3) var(--cy-ease-out);gap:16px;padding:clamp(20px,5vw,32px);display:grid;position:relative;overflow:auto}.dialog h2{font-size:var(--cy-t-24)}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(12px)scale(.98)}}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:95;background:var(--cy-ink);color:#fff;box-shadow:var(--cy-e-2);animation:rise var(--cy-d-3) var(--cy-ease-out);border-radius:14px;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:12px 12px 12px 18px;display:flex;position:fixed;transform:translate(-50%)}.toast .btn{color:#fff;background:#ffffff24;min-height:36px}.notice{background:var(--cy-bg-2);color:var(--cy-fg);font-size:var(--cy-t-14);border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;line-height:1.45;display:flex}.notice .icon{margin-top:1px}.notice-warn{background:var(--cy-warn-tint)}.notice-warn .icon{color:var(--cy-warn)}.notice-pp{background:var(--pp-tint)}.notice-pp .icon{color:var(--pp)}.welcome{padding:32px var(--cy-gutter) 48px;flex:1;place-items:center;display:grid}.welcome-inner{text-align:center;justify-items:center;gap:clamp(24px,4vw,40px);width:min(760px,100%);display:grid}.welcome h1{font-size:var(--cy-t-44)}.kids{flex-wrap:wrap;justify-content:center;gap:clamp(16px,3vw,28px);display:flex}.kid{appearance:none;min-width:132px;transition:transform var(--cy-d-2) var(--cy-ease-click), background var(--cy-d-2);background:0 0;border:0;border-radius:28px;justify-items:center;gap:12px;padding:12px;display:grid}.kid:hover{background:var(--cy-bg-2)}.kid:active{transform:scale(.96)}.kid .av{--s:clamp(88px, 14vw, 120px);box-shadow:0 14px 30px -14px #15142b73}.kid b{font:600 var(--cy-t-24)/1.1 var(--cy-font-display)}.home{flex:1;align-content:center;padding:clamp(16px,4vw,40px) 0 clamp(32px,6vw,64px);display:grid}.home-grid{grid-template-columns:1fr;align-items:center;gap:clamp(24px,4vw,48px);display:grid}@media (width>=860px){.home-grid{grid-template-columns:1.1fr 1fr}}.hello h1{font-size:var(--cy-t-64);line-height:1.02}.hello p{font-size:var(--cy-t-20);color:var(--cy-fg-2);max-width:28ch;margin-top:12px}.start-wrap{justify-items:center;gap:18px;display:grid}.start{--size:clamp(200px, 34vw, 280px);appearance:none;width:var(--size);height:var(--size);color:#fff;transition:transform var(--cy-d-2) var(--cy-ease-click);background:radial-gradient(120% 120% at 30% 20%,#6e77f2 0%,#434bd0 45%,#2c3196 100%);border:0;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 30px 60px -28px #2c3196bf,inset 0 2px #ffffff2e,inset 0 -10px 24px #0f115059}.start:hover{transform:scale(1.02)}.start:active{transform:scale(.97)}.start:before{content:"";border:2px solid color-mix(in srgb, var(--pp) 28%, transparent);animation:breathe 3.6s var(--cy-ease-draw) infinite;border-radius:50%;position:absolute;inset:-14px}.start span{font:600 clamp(1.5rem, 1.1rem + 1.6vw, 2.1rem)/1 var(--cy-font-display);letter-spacing:-.02em;justify-items:center;gap:10px;display:grid}.start svg{width:56px;height:56px}@keyframes breathe{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.35;transform:scale(1.05)}}.today{gap:18px;display:grid}.ring-row{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.ring{width:var(--ring,112px);height:var(--ring,112px);flex:none;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring .track{stroke:var(--cy-bg-3)}.ring .fill{stroke:var(--pp);transition:stroke-dashoffset var(--cy-d-4) var(--cy-ease-out)}.ring .fill.done{stroke:var(--cy-spark)}.ring-label{text-align:center;place-items:center;display:grid;position:absolute;inset:0}.ring-label b{font:600 var(--cy-t-24)/1 var(--cy-font-display)}.ring-label small{color:var(--cy-fg-3);margin-top:2px;font-size:12px;display:block}.week-dots{gap:clamp(5px,1.4vw,12px);display:flex}.wd{justify-items:center;gap:6px;display:grid}.wd i{background:var(--cy-bg-2);width:clamp(28px,7vw,40px);height:clamp(28px,7vw,40px);box-shadow:inset 0 0 0 1.5px var(--cy-border);border-radius:50%;place-items:center;display:grid}.wd i.on{background:var(--pp);box-shadow:none}.wd i.met{background:var(--cy-spark);box-shadow:none}.wd i.today{box-shadow:inset 0 0 0 2px var(--pp)}.wd i.rest{box-shadow:none;border:1.5px dashed var(--cy-border-2);background:0 0}.wd i svg{color:#fff;width:16px;height:16px}.wd i.met svg{color:var(--cy-ink)}.wd small{font:700 12px/1 var(--cy-font-text);color:var(--cy-fg-3)}.stage{z-index:50;background:radial-gradient(140% 90% at 50% -10%, var(--stage-bg-2) 0%, var(--stage-bg) 60%);color:var(--stage-fg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex-direction:column;display:flex;position:fixed;inset:0;overflow:auto}.stage :focus-visible{outline-color:var(--stage-heard)}.stage-top{padding:calc(12px + env(safe-area-inset-top)) var(--cy-gutter) 8px;align-items:center;gap:12px;display:flex}.stage-who{font:600 var(--cy-t-16)/1 var(--cy-font-display);align-items:center;gap:10px;display:flex}.stage-main{padding:8px var(--cy-gutter) 16px;text-align:center;flex:1;align-content:center;justify-items:center;gap:clamp(20px,4vh,40px);display:grid}@media (width>=900px) and (orientation:landscape){.stage-main{text-align:left;grid-template-columns:1.15fr 1fr;place-items:center stretch;column-gap:clamp(32px,6vw,96px);width:100%;max-width:1180px;margin:0 auto}.stage-main .clock{justify-items:start}}.clock{justify-items:center;gap:6px;display:grid}.clock-label{font:700 var(--cy-t-14)/1 var(--cy-font-text);letter-spacing:.08em;text-transform:uppercase;color:var(--stage-fg-3)}.clock-time{font:300 clamp(4.5rem, 3rem + 9vw, 9.5rem)/.95 var(--cy-font-display);font-variant-numeric:tabular-nums;letter-spacing:-.04em}.clock-sub{color:var(--stage-fg-2);font-size:var(--cy-t-18);align-items:baseline;gap:10px;margin-top:10px;display:flex}.clock-sub b{font:600 var(--cy-t-32)/1 var(--cy-font-display);color:var(--stage-fg);font-variant-numeric:tabular-nums}.listen{justify-self:center;gap:18px;width:min(520px,100%);display:grid}.hear{box-shadow:inset 0 0 0 1px var(--stage-line);text-align:left;background:#ffffff0d;border-radius:18px;align-items:center;gap:14px;padding:14px 18px;display:flex}.hear-orb{width:44px;height:44px;transition:background var(--cy-d-3);background:#ffffff12;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.hear-orb svg{width:22px;height:22px;color:var(--stage-fg-2)}.hear.is-piano .hear-orb{background:var(--stage-heard)}.hear.is-piano .hear-orb svg{color:#2b2100}.hear.is-piano .hear-orb:after{content:"";border:2px solid var(--stage-heard);opacity:.6;animation:ping 1.6s var(--cy-ease-out) infinite;border-radius:50%;position:absolute;inset:-6px}.hear.is-off .hear-orb{background:#ff786429}.hear.is-off .hear-orb svg{color:#ffb4a8}@keyframes ping{0%{opacity:.7;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}.hear b{font:600 var(--cy-t-18)/1.2 var(--cy-font-display);display:block}.hear small{color:var(--stage-fg-3);font-size:var(--cy-t-14);margin-top:2px;display:block}.wave{align-items:flex-end;gap:3px;height:72px;padding:0 2px;display:flex}.wave i{min-width:2px;transition:height .3s var(--cy-ease-out), background .3s;background:#ffffff24;border-radius:3px 3px 1px 1px;flex:1}.wave i.p{background:var(--stage-piano)}.stage-actions{padding:8px var(--cy-gutter) calc(20px + env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.stage-btn{appearance:none;min-width:150px;min-height:64px;font:600 var(--cy-t-18)/1 var(--cy-font-display);color:var(--stage-fg);box-shadow:inset 0 0 0 1px var(--stage-line);transition:transform var(--cy-d-1), background var(--cy-d-2);background:#ffffff14;border:0;border-radius:20px;justify-content:center;align-items:center;gap:10px;padding:0 28px;display:inline-flex}.stage-btn:hover{background:#ffffff1f}.stage-btn:active{transform:scale(.97)}.stage-btn:disabled{opacity:.45;pointer-events:none}.stage-btn.finish{color:var(--cy-ink);box-shadow:none;background:#fff}.stage-btn.finish:hover{background:#ecebff}.stage-quiet{appearance:none;color:var(--stage-fg-2);min-height:44px;font:600 var(--cy-t-14)/1 var(--cy-font-display);background:#ffffff0f;border:0;border-radius:12px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.stage-quiet[aria-pressed=true]{color:#fff;background:#8b93ff38}.paused-banner{font:600 var(--cy-t-18)/1.2 var(--cy-font-display);color:var(--stage-heard)}.stage .notice{color:var(--stage-fg);box-shadow:inset 0 0 0 1px var(--stage-line);background:#ffffff0f}.stage .notice .icon{color:#ffcf6a}.metro{box-shadow:inset 0 0 0 1px var(--stage-line);background:#ffffff0d;border-radius:20px;justify-self:center;gap:14px;width:min(520px,100%);padding:16px;display:grid}.metro-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.metro-bpm{font:600 var(--cy-t-44)/1 var(--cy-font-display);font-variant-numeric:tabular-nums;text-align:center;min-width:3ch}.metro-bpm small{font-size:var(--cy-t-14);color:var(--stage-fg-3);margin-left:4px}.metro input[type=range]{width:100%;accent-color:var(--stage-piano)}.beats{justify-content:center;gap:8px;display:flex}.beats i{background:#ffffff26;border-radius:50%;width:14px;height:14px;transition:background 60ms,transform 60ms}.beats i.first{width:18px;height:18px}.beats i.on{background:var(--stage-heard);transform:scale(1.15)}.metro .seg{background:#ffffff0f}.metro .seg button{color:var(--stage-fg-2)}.metro .seg button[aria-pressed=true]{color:#fff;box-shadow:none;background:#ffffff24}.summary{padding:32px var(--cy-gutter) 48px;flex:1;place-items:center;display:grid}.summary-card{text-align:center;justify-items:center;gap:24px;width:min(620px,100%);display:grid}.summary h1{font-size:var(--cy-t-44)}.burst{width:112px;height:112px}.figures{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;width:100%;display:grid}.figure{background:var(--cy-bg-2);border-radius:20px;justify-items:center;gap:4px;padding:18px 16px;display:grid}.figure b{font:600 var(--cy-t-32)/1 var(--cy-font-display);font-variant-numeric:tabular-nums}.figure span{font-size:var(--cy-t-14);color:var(--cy-fg-2)}.figure.hero{background:var(--pp-tint)}.figure.hero b{color:var(--pp-ink)}.parent{flex:1;padding:clamp(16px,3vw,32px) 0 64px}.parent-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:clamp(20px,3vw,32px);display:flex}.parent-head h1{font-size:var(--cy-t-32)}.tabs{border-bottom:1px solid var(--cy-border);scrollbar-width:none;gap:4px;margin-bottom:24px;display:flex;overflow-x:auto}.tabs button{appearance:none;min-height:48px;font:600 var(--cy-t-16)/1 var(--cy-font-display);color:var(--cy-fg-2);white-space:nowrap;background:0 0;border:0;border-bottom:2.5px solid #0000;margin-bottom:-1px;padding:0 14px}.tabs button[aria-selected=true]{color:var(--cy-fg);border-bottom-color:var(--pp)}.kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.kpi{background:var(--cy-bg-2);border-radius:18px;align-content:start;gap:6px;padding:16px 18px;display:grid}.kpi span{font-size:var(--cy-t-14);color:var(--cy-fg-2);font-weight:700}.kpi b{font:600 var(--cy-t-32)/1 var(--cy-font-display);font-variant-numeric:tabular-nums;letter-spacing:-.03em}.kpi small{font-size:var(--cy-t-14);color:var(--cy-fg-3)}.kids-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;display:grid}.kid-card{appearance:none;text-align:left;background:var(--cy-surface);border-radius:var(--cy-r-card);width:100%;box-shadow:var(--shadow-soft), 0 0 0 1px var(--cy-border);transition:transform var(--cy-d-2) var(--cy-ease-out), box-shadow var(--cy-d-2);border:0;gap:16px;padding:20px;display:grid}.kid-card:hover{box-shadow:var(--cy-e-2), 0 0 0 1px var(--cy-border);transform:translateY(-2px)}.kid-card h3{font-size:var(--cy-t-20)}.mini-week{grid-template-columns:repeat(7,1fr);align-items:end;gap:6px;height:56px;display:grid}.mini-week i{background:var(--chart-piano);border-radius:4px 4px 2px 2px;min-height:3px;display:block}.mini-week i.zero{background:var(--cy-bg-3)}.mini-days{text-align:center;font:700 11px/1 var(--cy-font-text);color:var(--cy-fg-3);grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.live-pill{font:700 var(--cy-t-12)/1 var(--cy-font-text);color:var(--cy-ok);background:var(--cy-ok-tint);border-radius:999px;align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.live-pill:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.two-col{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=900px){.two-col{grid-template-columns:1.5fr 1fr}}.chart{width:100%;display:block;overflow:visible}.chart text{font:600 12px var(--cy-font-text);fill:var(--cy-fg-3)}.chart .grid{stroke:var(--chart-grid);stroke-width:1px}.chart .bar-rest{fill:var(--chart-rest)}.chart .bar-piano{fill:var(--chart-piano)}.chart .goal{stroke:var(--cy-spark-ink);stroke-width:1.5px;stroke-dasharray:0}.chart .hit{fill:#0000}.chart .hit:hover+g rect,.chart g.is-hover rect{filter:brightness(1.08)}.chart-wrap{position:relative}.tip{z-index:5;pointer-events:none;background:var(--cy-ink);color:#fff;white-space:nowrap;box-shadow:var(--cy-e-2);border-radius:10px;padding:8px 10px;font-size:13px;line-height:1.35;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.tip b{font-family:var(--cy-font-display)}.legend{font-size:var(--cy-t-14);color:var(--cy-fg-2);flex-wrap:wrap;gap:14px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:3px;width:12px;height:12px;display:inline-block}.cal{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal-h{text-align:center;font:700 11px/1 var(--cy-font-text);color:var(--cy-fg-3);padding-bottom:4px}.cal-d{aspect-ratio:1;font:600 13px/1 var(--cy-font-display);background:var(--cy-bg-2);color:var(--cy-fg-2);border:0;border-radius:10px;place-items:center;padding:0;display:grid;position:relative}.cal-d.l1{background:color-mix(in srgb, var(--chart-piano) 22%, var(--cy-bg-2));color:var(--cy-fg)}.cal-d.l2{background:color-mix(in srgb, var(--chart-piano) 48%, var(--cy-bg-2));color:var(--cy-fg)}.cal-d.l3{background:color-mix(in srgb, var(--chart-piano) 76%, var(--cy-bg-2));color:#fff}.cal-d.l4{background:var(--chart-piano);color:#fff}.cal-d.met:after{content:"";background:var(--cy-spark);width:7px;height:7px;box-shadow:0 0 0 1.5px var(--cy-surface);border-radius:50%;position:absolute;top:5px;right:5px}.cal-d.today{box-shadow:inset 0 0 0 2px var(--cy-fg)}.cal-d.out{visibility:hidden}.cal-d.future{box-shadow:inset 0 0 0 1px var(--cy-border);color:var(--cy-fg-2);background:0 0}.sessions{display:grid}.srow{appearance:none;text-align:left;border:0;border-bottom:1px solid var(--cy-border);background:0 0;border-radius:0;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;padding:14px 8px;display:grid}.srow:hover{background:var(--cy-bg-2)}.srow .when{font:600 var(--cy-t-16)/1.2 var(--cy-font-display)}.srow .meta{font-size:var(--cy-t-14);color:var(--cy-fg-2)}.srow .dur{text-align:right;font:600 var(--cy-t-18)/1.1 var(--cy-font-display);font-variant-numeric:tabular-nums}.srow .dur small{font:500 var(--cy-t-12)/1.3 var(--cy-font-text);color:var(--cy-fg-3);display:block}.day-badge{background:var(--pp-tint);width:48px;height:48px;color:var(--pp-ink);text-align:center;border-radius:14px;place-items:center;line-height:1;display:grid}.day-badge b{font:600 18px/1 var(--cy-font-display);display:block}.day-badge small{font:700 10px/1 var(--cy-font-text);text-transform:uppercase;letter-spacing:.05em}.strip{background:var(--cy-bg-2);border-radius:10px;gap:0;height:40px;display:flex;overflow:hidden}.strip i{height:100%;display:block}.st-playing{background:var(--chart-piano)}.st-quiet{background:var(--chart-rest)}.st-uncertain{background:repeating-linear-gradient(135deg, var(--chart-rest) 0 4px, color-mix(in srgb, var(--chart-piano) 45%, var(--chart-rest)) 4px 8px)}.st-unmonitored{background:repeating-linear-gradient(45deg, transparent 0 5px, var(--cy-border-2) 5px 6px), var(--cy-bg-2)}.st-paused{background:var(--cy-surface);box-shadow:inset 0 0 0 1px var(--cy-border)}.strip-key{font-size:var(--cy-t-14);color:var(--cy-fg-2);flex-wrap:wrap;gap:8px 16px;display:flex}.strip-key span{align-items:center;gap:6px;display:inline-flex}.strip-key i{border-radius:4px;width:14px;height:14px;display:inline-block}.achv{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px;display:grid}.badge{background:var(--cy-spark-tint);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.badge-mark{background:var(--cy-spark);width:40px;height:40px;color:var(--cy-ink);border-radius:12px;flex:none;place-items:center;display:grid}.badge b{font:600 var(--cy-t-16)/1.2 var(--cy-font-display);display:block}.badge small{color:var(--cy-fg-2);font-size:13px}.empty{text-align:center;color:var(--cy-fg-2);justify-items:center;gap:12px;padding:40px 16px;display:grid}.empty svg{width:64px;height:64px;color:var(--pp);opacity:.85}.empty b{font:600 var(--cy-t-20)/1.2 var(--cy-font-display);color:var(--cy-fg)}.center-page{padding:32px var(--cy-gutter);flex:1;place-items:center;display:grid}.center-card{text-align:center;justify-items:center;gap:18px;width:min(520px,100%);display:grid}.center-card img.app-icon{border-radius:22.5%;width:88px;height:88px;box-shadow:0 18px 40px -18px #2c319699}.center-card h1{font-size:var(--cy-t-32)}.loader{border:3px solid var(--cy-bg-3);border-top-color:var(--pp);border-radius:50%;width:40px;height:40px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=560px){.setting{flex-wrap:wrap;gap:12px}.setting>div:first-child{flex-basis:100%}.setting>.row-wrap{flex:1}.hide-sm{display:none!important}.stage-btn{flex:1;min-width:0}.srow{grid-template-columns:auto 1fr}.srow .dur{text-align:left;grid-column:2}}