@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(./inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-cyrillic-400-normal-obahsSVq.woff2)format("woff2"),url(./inter-cyrillic-400-normal-HOLc17fK.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(./inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-cyrillic-500-normal-BasfLYem.woff2)format("woff2"),url(./inter-cyrillic-500-normal-CxZf_p3X.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(./inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-cyrillic-600-normal-CWCymEST.woff2)format("woff2"),url(./inter-cyrillic-600-normal-4D_pXhcN.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(./inter-latin-700-normal-BLAVimhd.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-cyrillic-700-normal-CjBOestx.woff2)format("woff2"),url(./inter-cyrillic-700-normal-DrXBdSj3.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(./cormorant-garamond-latin-500-normal-BsRWmXhO.woff2)format("woff2"),url(./cormorant-garamond-latin-500-normal-zIXX3Q-H.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(./cormorant-garamond-cyrillic-500-normal-CyAY5ZLS.woff2)format("woff2"),url(./cormorant-garamond-cyrillic-500-normal-DkJXBcIH.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(./cormorant-garamond-latin-600-normal-Co1r35X9.woff2)format("woff2"),url(./cormorant-garamond-latin-600-normal-2CBVLo0M.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(./cormorant-garamond-cyrillic-600-normal-C2atO-64.woff2)format("woff2"),url(./cormorant-garamond-cyrillic-600-normal-FNmA3REe.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(./cormorant-garamond-latin-700-normal-DajfzrDU.woff2)format("woff2"),url(./cormorant-garamond-latin-700-normal-O25Qpphb.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(./cormorant-garamond-cyrillic-700-normal-SLG_-a_c.woff2)format("woff2"),url(./cormorant-garamond-cyrillic-700-normal-D3uyJ5DH.woff)format("woff")}:root{--grace-ink:#121412;--grace-ink-85:#121412d9;--grace-ink-60:#12141299;--grace-ink-40:#12141266;--grace-ink-25:#12141240;--grace-ink-10:#1214121a;--grace-ink-06:#1214120f;--ivory:#f6f1e8;--ivory-deep:#ece4d1;--ivory-soft:#fbf8f1;--white:#fff;--brass:#a8803a;--brass-soft:#d8b777;--brass-deep:#7c5c22;--brass-wash:#f5ecd8;--forest:#1e3329;--forest-deep:#142019;--sage:#c4cbb6;--sage-wash:#e7eadc;--burgundy:#6b1e2b;--burgundy-wash:#f3e2e4;--text-primary:var(--grace-ink);--text-secondary:var(--grace-ink-60);--text-tertiary:var(--grace-ink-40);--text-on-dark:#f6f1e8;--text-on-dark-soft:#f6f1e8b3;--text-brass:var(--brass);--border-hair:#1214121a;--border-default:#12141229;--border-strong:#12141240;--border-focus:var(--brass);--font-display:"Cormorant Garamond","Iowan Old Style",Georgia,serif;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--tracking-tight:-.02em;--tracking-body:-.005em;--tracking-eyebrow:.12em;--leading-tight:1.1;--leading-display:1.15;--leading-snug:1.35;--leading-body:1.55;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--gutter-desktop:64px;--gutter-mobile:24px;--content-max:1280px;--radius-xs:2px;--radius-sm:4px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-card:0 1px 2px #1214120a, 0 4px 16px #1214120a;--shadow-card-hover:0 2px 4px #1214120f, 0 12px 32px #12141214;--shadow-modal:0 24px 48px #1214122e, 0 2px 8px #12141214;--shadow-nav:0 1px 0 #1214120f, 0 2px 8px #1214120a;--ease-out:cubic-bezier(.2,.6,.2,1);--dur-default:.2s;--z-nav:40;--ok:#2e7d4f;--ok-wash:#e3f1e8;--bad:#b3261e;--bad-wash:#f9e3e1;--hand-right:var(--brass);--hand-left:var(--forest);--tap-min:44px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ivory);min-height:100dvh;color:var(--text-primary);font-family:var(--font-sans);font-size:16px;line-height:var(--leading-body);letter-spacing:var(--tracking-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:var(--leading-display);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-3)}h1{font-size:clamp(28px,4vw,40px)}h2{font-size:clamp(22px,3vw,30px)}h3{font-size:22px}p{margin:0 0 var(--space-3)}a{color:var(--brass-deep)}.muted{color:var(--text-secondary)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}button,.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-min);min-width:var(--tap-min);padding:0 var(--space-5);border:1px solid var(--forest);border-radius:var(--radius-pill);background:var(--forest);color:var(--text-on-dark);font:600 15px/1 var(--font-sans);cursor:pointer;transition:background var(--dur-default) var(--ease-out);text-decoration:none;display:inline-flex}button:hover,.button:hover{background:var(--forest-deep)}.chip{min-height:var(--tap-min);padding:0 var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--ivory-soft);color:var(--text-primary);white-space:nowrap;align-items:center;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-header{z-index:var(--z-nav);justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--gutter-mobile);padding-top:max(var(--space-2), env(safe-area-inset-top));background:var(--forest);color:var(--text-on-dark);box-shadow:var(--shadow-nav);display:flex;position:sticky;top:0}.app-header__brand{align-items:center;gap:var(--space-3);min-height:var(--tap-min);color:var(--text-on-dark);text-decoration:none;display:inline-flex}.app-header__logo{background:var(--ivory);border-radius:50%;width:36px;height:36px}.app-header__title{font-family:var(--font-display);letter-spacing:.06em;font-size:24px;font-weight:600}.app-header__ai{color:var(--brass-soft)}.app-header__side{align-items:center;gap:var(--space-2);min-width:0;display:flex}.app-header .chip{color:var(--text-on-dark);border-color:var(--text-on-dark-soft);background:0 0}.app-main{width:100%;max-width:var(--content-max);padding:var(--space-5) var(--gutter-mobile);flex:1;margin:0 auto}.app-main--full{max-width:none;min-height:100dvh;padding:0}.notice{padding:var(--space-3) var(--gutter-mobile);margin:0;font-size:14px}.notice--warn{background:var(--burgundy-wash);color:var(--burgundy)}.screen--stub{padding:var(--space-6) 0}.app-main--full .screen--stub{padding:var(--space-6) var(--gutter-mobile)}.boot{place-content:center;gap:var(--space-3);min-height:100vh;padding:var(--gutter-mobile);text-align:center;display:grid}.boot--error h1{color:var(--burgundy)}@media (width>=900px){.app-header{padding-left:var(--space-7);padding-right:var(--space-7)}.app-main{padding:var(--space-6) var(--space-7)}}@media (width<=420px){.app-header__title{font-size:20px}.app-header .chip{padding:0 var(--space-3);font-size:13px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.connect{gap:var(--space-4);max-width:720px;margin:0 auto;display:grid}.connect h1{font-family:var(--font-display);margin:0}.connect h2{margin:0 0 var(--space-2);font-size:18px}.connect__lead{color:var(--text-secondary);margin:0}.connect__notice{padding:var(--space-3) var(--space-4);background:var(--brass-wash);border:1px solid var(--brass-soft);border-radius:var(--radius-md);color:var(--text-primary);margin:0;font-size:15px}.connect__methods{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.connect-card{gap:var(--space-1);width:100%;min-height:var(--tap-min);padding:var(--space-4);text-align:left;background:var(--ivory-soft);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);font:inherit;cursor:pointer;justify-content:stretch;display:grid}button.connect-card:hover{background:var(--white);border-color:var(--brass);box-shadow:var(--shadow-card-hover)}.connect-card--best{border:2px solid var(--brass)}.connect-card--off{cursor:default;background:var(--ivory-deep);box-shadow:none}.connect-card__title{font-family:var(--font-display);font-size:22px;line-height:var(--leading-tight)}.connect-card__badge{padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--brass);color:var(--white);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;justify-self:start;font-size:12px}.connect-card__text{color:var(--text-secondary);font-size:15px;line-height:var(--leading-body)}.connect__steps{padding-left:var(--space-5);gap:var(--space-2);line-height:var(--leading-body);margin:0;display:grid}.connect__more{border-top:1px solid var(--border-hair);padding-top:var(--space-3)}.connect__more summary{cursor:pointer;min-height:var(--tap-min);color:var(--brass-deep);align-items:center;font-weight:600;display:flex}.connect__more .connect__steps{margin-top:var(--space-2)}.connect__actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.connect__link{min-height:var(--tap-min);padding:0 var(--space-2);color:var(--brass-deep);font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.connect__link:hover{color:var(--forest);background:0 0}.connect__aside{color:var(--text-secondary);margin:0;font-size:14px}.connect__aside a{color:var(--brass-deep)}.connect__status{color:var(--text-secondary);font-size:18px}.connect__big{font-family:var(--font-display);font-size:28px;line-height:var(--leading-tight);margin:0}.connect__note{font-family:var(--font-display);font-size:44px;line-height:var(--leading-tight);color:var(--forest);margin:0}.connect__ready{color:var(--ok);margin:0;font-size:20px;font-weight:600}.connect__privacy{color:var(--text-secondary);margin:0;font-size:14px}.connect__error{padding:var(--space-4);border-radius:var(--radius-md);background:var(--burgundy-wash);border:1px solid var(--burgundy);color:var(--text-primary)}.connect__error p{margin:0}.connect__field{gap:var(--space-1);font-weight:600;display:grid}.connect__field select{min-height:var(--tap-min);padding:0 var(--space-3);font:inherit;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--white);font-weight:400}.connect__level{border-radius:var(--radius-pill);background:var(--ivory-deep);height:12px;overflow:hidden}.connect__level span{background:var(--brass);height:100%;transition:width .1s linear;display:block}.calibrate__beats{gap:var(--space-2);flex-wrap:wrap;display:flex}.calibrate__beat{background:var(--ivory-deep);border:1px solid var(--border-default);border-radius:50%;width:28px;height:28px}.calibrate__beat--count{background:var(--sage)}.calibrate__beat--now{background:var(--brass);border-color:var(--brass-deep)}.calibrate__result{font-family:var(--font-display);color:var(--forest);margin:0;font-size:36px}.connection-badge{gap:var(--space-2);white-space:nowrap;text-overflow:ellipsis;max-width:260px;overflow:hidden}.connection-badge__dot{background:var(--grace-ink-40);border-radius:50%;flex:none;width:10px;height:10px}.connection-badge[data-state=ready] .connection-badge__dot{background:var(--ok)}.connection-badge[data-state=connecting] .connection-badge__dot{background:var(--brass-soft)}.connection-badge[data-state=lost] .connection-badge__dot{background:var(--bad)}.connection-badge__text{text-overflow:ellipsis;overflow:hidden}@media (width<=480px){.connection-badge{max-width:150px}}.kb{touch-action:none;-webkit-user-select:none;user-select:none;background:var(--grace-ink);width:100%;height:100%;min-height:96px;position:relative}.kb-key{box-sizing:border-box;cursor:pointer;justify-content:center;align-items:flex-end;transition:background 80ms linear;display:flex;position:absolute;top:0}.kb-key--white{z-index:1;background:var(--ivory-soft);border:1px solid var(--grace-ink-25);border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:0;height:100%}.kb-key--black{z-index:2;background:var(--grace-ink);border:1px solid var(--grace-ink);border-radius:0 0 var(--radius-xs) var(--radius-xs);height:62%}.kb-key__label{color:var(--text-secondary);pointer-events:none;padding-bottom:6px;font-size:11px;font-weight:600}.kb-key--black .kb-key__label{color:var(--text-on-dark-soft)}.kb-key--right{background:var(--brass-soft)}.kb-key--black.kb-key--right{background:var(--hand-right)}.kb-key--left{background:var(--sage)}.kb-key--black.kb-key--left{background:var(--hand-left);border-color:var(--forest-deep)}.kb-key--pressed{filter:brightness(.86)}.kb-key--ok,.kb-key--black.kb-key--ok{background:var(--ok)}.kb-key--bad,.kb-key--black.kb-key--bad{background:var(--bad)}.kb-key--ok .kb-key__label,.kb-key--bad .kb-key__label{color:var(--white)}.falling{background:var(--forest-deep);width:100%;height:100%;position:relative;overflow:hidden}.falling canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.staff{background:var(--ivory-soft);width:100%;height:100%;padding:var(--space-3) var(--space-2);overflow-y:auto}.staff__line{margin-bottom:var(--space-3);border-radius:var(--radius-sm)}.staff__line--current{background:var(--brass-wash)}.staff__line svg{max-width:100%;display:block}.staff__fallback{padding:var(--space-4);color:var(--text-secondary)}.single-staff{background:var(--ivory-soft);border-radius:var(--radius-md);place-items:center;min-height:160px;display:grid}.single-staff--ok{box-shadow:inset 0 0 0 3px var(--ok)}.single-staff--bad{box-shadow:inset 0 0 0 3px var(--bad)}.single-staff__fallback{font-family:var(--font-display);font-size:32px}.screen{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.sc-eyebrow{margin:0 0 var(--space-1);color:var(--brass-deep);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;font-size:12px;font-weight:600}.sc-card{gap:var(--space-3);min-width:0;padding:var(--space-5);border:1px solid var(--border-hair);border-radius:var(--radius-lg);background:var(--ivory-soft);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.sc-card>h1,.sc-card>h2,.sc-card>p{margin-bottom:0}.sc-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));display:grid}.sc-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.sc-error{color:var(--bad);margin:0;font-weight:500}.sc-ok{color:var(--ok);margin:0;font-weight:500}.sc-badge{padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--brass-wash);color:var(--brass-deep);white-space:nowrap;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.button--ghost{color:var(--forest);background:0 0}.button--ghost:hover{background:var(--sage-wash)}.button--danger{background:var(--burgundy);border-color:var(--burgundy)}.button--danger:hover{background:var(--burgundy);filter:brightness(.9)}button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.sc-link-button{min-height:var(--tap-min);padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--brass-deep);font:500 15px/1 var(--font-sans);text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.sc-link-button:hover{background:var(--brass-wash)}.sc-card>.sc-link-button{align-self:flex-start}.sc-avatar{width:32px;height:32px;color:var(--white);font:600 15px/1 var(--font-sans);box-shadow:0 0 0 2px var(--ivory-soft);border-radius:50%;flex:none;place-items:center;display:inline-grid}.sc-avatar--lg{width:48px;height:48px;font-size:20px}.sc-stars{color:var(--brass);letter-spacing:.05em;white-space:nowrap}.sc-stars__off{color:var(--grace-ink-25)}.sc-field{gap:var(--space-2);flex-direction:column;display:flex}.sc-field__label{font-weight:600}.sc-input,.sc-select{width:100%;max-width:420px;min-height:var(--tap-min);padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--white);color:var(--text-primary);font:16px var(--font-sans)}.sc-input[aria-invalid=true]{border-color:var(--bad)}.sc-choices{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));display:grid}.sc-choice,.sc-model{justify-content:center;align-items:flex-start;gap:var(--space-1);min-height:64px;padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--white);color:var(--text-primary);font:15px/1.35 var(--font-sans);text-align:left;flex-direction:column;display:flex}.sc-choice:hover,.sc-model:hover{background:var(--brass-wash);border-color:var(--brass)}.sc-choice strong{font-size:17px}.sc-models{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.sc-model{min-height:var(--tap-min);align-items:center;font-weight:600}.sc-ticks{padding-left:var(--space-5);gap:var(--space-2);margin:0;display:grid}.sc-welcome{width:100%;max-width:760px;margin:0 auto}.sc-welcome__intro h1{font-size:clamp(30px,5vw,44px)}.sc-bar{border-radius:var(--radius-pill);background:var(--ivory-deep);height:10px;overflow:hidden}.sc-bar__fill{border-radius:inherit;background:var(--brass);height:100%}.sc-hero{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.sc-hero h1{margin:0}.sc-streak{font-family:var(--font-display);margin:0;font-size:28px;font-weight:600}.sc-plan{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.sc-plan a{align-items:center;gap:var(--space-3);min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border:1px solid var(--border-hair);border-radius:var(--radius-md);background:var(--white);color:var(--text-primary);text-decoration:none;display:flex}.sc-plan a:hover{border-color:var(--brass)}.sc-check{border:2px solid var(--border-strong);width:24px;height:24px;color:var(--white);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:inline-grid}.sc-plan__item--done .sc-check,.sc-lesson--done .sc-check{background:var(--ok);border-color:var(--ok)}.sc-plan__item--done .sc-plan__title{color:var(--text-secondary);text-decoration:line-through}.sc-links{gap:var(--space-2);flex-wrap:wrap;display:flex}.sc-lessons{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.sc-lesson a{align-items:center;gap:var(--space-3);min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border:1px solid var(--border-hair);border-radius:var(--radius-md);background:var(--white);color:var(--text-primary);text-decoration:none;display:flex}.sc-lesson--next a{border-color:var(--brass);background:var(--brass-wash);box-shadow:inset 4px 0 0 var(--brass)}.sc-lesson__num{min-width:2ch;color:var(--text-secondary);font-variant-numeric:tabular-nums}.sc-lesson__title{flex:1;min-width:0}.sc-lesson-card{justify-content:center;min-height:180px;font-size:18px}.sc-dots{gap:var(--space-2);justify-content:center;display:flex}.sc-dot{background:var(--grace-ink-25);border-radius:50%;width:8px;height:8px}.sc-dot--on{background:var(--brass)}.sc-ex{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.sc-ex__info{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.sc-done-banner{background:var(--ok-wash);border-color:var(--ok)}.sc-filter{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-pill);background:var(--ivory-deep);flex-wrap:wrap;display:inline-flex}.sc-filter button{color:var(--forest);padding:0 var(--space-4);background:0 0;border-color:#0000}.sc-filter button[aria-pressed=true]{background:var(--forest);color:var(--text-on-dark)}.sc-piece{color:var(--text-primary);transition:box-shadow var(--dur-default) var(--ease-out);text-decoration:none}.sc-piece:hover{box-shadow:var(--shadow-card-hover);border-color:var(--brass-soft)}.sc-piece h3{margin:0}.sc-piece__meta{gap:var(--space-2);flex-wrap:wrap;display:flex}.sc-bests{gap:var(--space-1);margin:0;font-size:14px;display:grid}.sc-bests div{justify-content:space-between;gap:var(--space-2);display:flex}.sc-bests dt{color:var(--text-secondary)}.sc-bests dd{margin:0}.sc-chart{height:160px;padding-top:var(--space-3);align-items:flex-end;gap:2px;display:flex}.sc-chart__col{justify-content:flex-end;align-items:center;gap:var(--space-1);flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.sc-chart__bar{background:var(--brass);border-radius:3px 3px 0 0;width:100%;max-width:22px;min-height:2px}.sc-chart__bar--zero{background:var(--grace-ink-10)}.sc-chart__label{height:14px;color:var(--text-tertiary);font-size:11px;line-height:14px}.sc-stats{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));margin:0;display:grid}.sc-stats div{padding:var(--space-3);border-radius:var(--radius-md);background:var(--white);border:1px solid var(--border-hair)}.sc-stats dt{color:var(--text-secondary);font-size:13px}.sc-stats dd{font-family:var(--font-display);margin:0;font-size:28px;font-weight:600}.sc-table-wrap{overflow-x:auto}.sc-table{border-collapse:collapse;width:100%;font-size:14px}.sc-table th,.sc-table td{padding:var(--space-2);border-bottom:1px solid var(--border-hair);text-align:left;vertical-align:middle}.sc-table th{color:var(--text-secondary);font-weight:600}.sc-num{text-align:right;font-variant-numeric:tabular-nums}.sc-tabs{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-pill);background:var(--ivory-deep);display:inline-flex}.sc-tabs button{color:var(--forest);background:0 0;border-color:#0000}.sc-tabs button[aria-selected=true]{background:var(--forest);color:var(--text-on-dark)}.sc-row--me td{background:var(--brass-wash);font-weight:600}.sc-who{align-items:center;gap:var(--space-2);display:inline-flex}.sc-achs{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));margin:0;padding:0;list-style:none;display:grid}.sc-ach{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--brass-soft);border-radius:var(--radius-md);background:var(--brass-wash);flex-direction:column;display:flex}.sc-ach strong{font-family:var(--font-display);font-size:19px}.sc-ach--off{border-color:var(--border-hair);background:var(--white);color:var(--text-secondary)}.sc-ach--off strong{color:var(--text-secondary)}.sc-setting{gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid var(--border-hair);flex-direction:column;display:flex}.sc-setting:first-of-type{border-top:0}.sc-range{width:100%;max-width:420px;min-height:var(--tap-min);accent-color:var(--brass)}.sc-radios{gap:var(--space-2);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.sc-radios legend{margin-bottom:var(--space-2);padding:0;font-weight:600}.sc-radio,.sc-check-row{align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--white);cursor:pointer;display:inline-flex}.sc-radio input,.sc-check-row input{width:20px;height:20px;accent-color:var(--forest)}.sc-people{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.sc-person{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;flex-wrap:wrap;display:flex}.sc-person__name{flex:1;min-width:120px}.sc-confirm{padding:var(--space-3);border-radius:var(--radius-md);background:var(--burgundy-wash);color:var(--burgundy);gap:var(--space-2);flex-direction:column;display:flex}.sc-switcher{min-width:0;position:relative}.sc-switcher__button{min-width:0;max-width:220px;padding:0 var(--space-3) 0 var(--space-1);gap:var(--space-2);border-color:var(--text-on-dark-soft);color:var(--text-on-dark);background:0 0;font-weight:500}.sc-switcher__button:hover{background:#f6f1e81f}.sc-switcher__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sc-switcher__menu{right:0;top:calc(100% + var(--space-2));z-index:calc(var(--z-nav) + 1);width:max-content;min-width:220px;max-width:calc(100vw - 2 * var(--space-4));padding:var(--space-2);border-radius:var(--radius-md);background:var(--ivory-soft);color:var(--text-primary);box-shadow:var(--shadow-modal);margin:0;list-style:none;position:absolute}.sc-switcher__menu button,.sc-switcher__menu a{justify-content:flex-start;align-items:center;gap:var(--space-2);width:100%;min-height:var(--tap-min);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text-primary);font:500 15px/1.2 var(--font-sans);text-align:left;background:0 0;border:0;text-decoration:none;display:flex}.sc-switcher__menu button:hover,.sc-switcher__menu a:hover{background:var(--brass-wash)}.sc-switcher__menu [aria-current=true]{font-weight:700}@media (width<=520px){.sc-card{padding:var(--space-4)}.sc-switcher__name{display:none}.sc-switcher__button{padding:0 var(--space-1)}.sc-chart__label{font-size:10px}}.play{z-index:1;background:var(--forest-deep);color:var(--text-on-dark);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.play__bar{z-index:6;padding:var(--space-1) var(--space-3);padding-top:max(var(--space-1), env(safe-area-inset-top));background:var(--forest);box-shadow:var(--shadow-nav);flex:none;position:relative}.play__row{align-items:center;gap:var(--space-2);min-width:0;display:flex}.play__title{min-width:0;font-family:var(--font-display);flex:auto;margin:0;font-size:22px;font-weight:600;line-height:1.15}.play__row>button{flex:none}.play__bar button,.play__bar select,.play__bar .chip{min-height:var(--tap-min)}.play__bar button{padding:0 var(--space-4)}.play__icon{min-width:var(--tap-min);font-size:20px;padding:0!important}.play__panel{align-items:center;gap:var(--space-2);padding:var(--space-1) 0 var(--space-1);flex-wrap:wrap;display:flex}.play__bar .chip{color:var(--text-on-dark);border-color:var(--text-on-dark-soft);cursor:pointer;padding:0 var(--space-3);background:0 0}.play__bar .chip[aria-pressed=true]{background:var(--brass);border-color:var(--brass);color:var(--white)}.play__bar label{align-items:center;gap:var(--space-1);font-size:14px;display:inline-flex}.play__bar select{border-radius:var(--radius-pill);border:1px solid var(--text-on-dark-soft);background:var(--forest-deep);color:var(--text-on-dark);padding:0 var(--space-3);font:inherit}.play__group{gap:var(--space-1);display:inline-flex}.btn-light{background:var(--ivory);color:var(--grace-ink);border-color:var(--ivory)}.btn-light:hover{background:var(--ivory-deep)}.btn-ghost{color:inherit;background:0 0;border-color:currentColor}.btn-ghost:hover{background:var(--grace-ink-10)}@media (width<=999px){.play__panel{max-height:70vh;padding:var(--space-3);background:var(--forest);box-shadow:var(--shadow-modal);position:absolute;top:100%;left:0;right:0;overflow-y:auto}.play__title{font-size:18px}}@media (width<=640px){.play__row{flex-wrap:wrap;row-gap:0}.play__title{padding:0 var(--space-1) var(--space-1);flex:1 0 100%;order:1;font-size:17px}.play__title+button{margin-left:auto}}@media (width<=480px){.play__bar button{padding:0 var(--space-3);font-size:14px}}.play__stage{flex:auto;min-height:0;position:relative}.play__stage>.falling,.play__stage>.staff{position:absolute;inset:0}.play__overlay{z-index:5;place-content:center;justify-items:center;gap:var(--space-3);padding:var(--space-4);text-align:center;background:#142019b8;display:grid;position:absolute;inset:0;overflow-y:auto}.play__overlay h2{color:var(--ivory)}.play__overlay p{max-width:420px;color:var(--text-on-dark-soft)}.play__overlay .play__msg{color:var(--brass-soft);font-weight:600}.play__count{font-family:var(--font-display);color:var(--brass-soft);font-size:120px;line-height:1}.play__notice{background:var(--burgundy-wash);color:var(--burgundy);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-modal);gap:var(--space-3);justify-items:center;display:grid}.play__notice h2{color:var(--burgundy)}.play__notice p{color:var(--grace-ink-85)}.play__progress{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-3);background:var(--forest);white-space:nowrap;flex:none;font-size:14px;display:flex}.play__progress progress{min-width:60px;height:6px;accent-color:var(--brass);flex:1}.play__loop{color:var(--brass-soft)}.play__hint{color:var(--text-on-dark-soft);font-size:13px;display:none}@media (width>=900px) and (hover:hover){.play__hint{display:inline}}.play__keys{height:clamp(110px,26vh,220px);padding-bottom:env(safe-area-inset-bottom);flex:none}.result,.trainer{gap:var(--space-5);max-width:760px;margin:0 auto;display:grid}.card{background:var(--ivory-soft);border:1px solid var(--border-hair);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-card)}.result__stars{gap:var(--space-2);font-size:48px;line-height:1;display:flex}.result__star{color:var(--grace-ink-10)}.result__star--on{color:var(--brass);animation:star-in .42s var(--ease-out) both}.result__star:nth-child(2){animation-delay:.22s}.result__star:nth-child(3){animation-delay:.44s}@keyframes star-in{0%{opacity:0;transform:scale(.2)rotate(-30deg)}to{opacity:1;transform:none}}.result__percent{font-family:var(--font-display);font-size:64px;font-weight:600;line-height:1}.result__facts{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0;display:grid}.result__facts dt{color:var(--text-secondary);font-size:13px}.result__facts dd{margin:0;font-weight:600}.result__badge{margin-right:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--brass-wash);color:var(--brass-deep);font-weight:600;display:inline-block}.result__level{border-radius:var(--radius-pill);background:var(--ivory-deep);height:8px;overflow:hidden}.result__level span{background:var(--brass);height:100%;display:block}.result__achievements{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.result__achievement{border:1px solid var(--brass-soft);background:var(--brass-wash);border-radius:var(--radius-md);padding:var(--space-3)}.result__tips{padding-left:var(--space-5);margin:0}.result__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.result__actions .secondary{background:var(--ivory-soft);color:var(--forest)}.trainer__question{justify-items:center;gap:var(--space-3);text-align:center;display:grid}.trainer__name{font-family:var(--font-display);font-size:40px;font-weight:600}.trainer__feedback--ok{color:var(--ok)}.trainer__feedback--bad{color:var(--bad)}.trainer__keys{border-radius:var(--radius-md);height:160px;overflow:hidden}.trainer__hint{font-size:13px}.result__error{background:var(--burgundy-wash);color:var(--burgundy);border-color:var(--burgundy-wash)}