.answers{isolation:isolate;border-radius:calc(var(--radius) + 2px);background:#ffffff08;border:1px solid #f3efe614;justify-items:center;gap:.75rem;width:100%;padding:1rem 1.1rem 1.15rem;display:grid;position:relative;overflow:hidden}.answers:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:0}.answers>*{z-index:1;position:relative}.answers__prompt{color:var(--ink-muted);margin:0;font-size:1rem;transition:color .4s}.answers__row{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.answers__grid{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;max-width:40rem;display:flex}.answers__grid--intervals{grid-template-rows:repeat(4,auto);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:column;justify-content:stretch;gap:.4rem 1.35rem;max-width:48rem;display:grid}.answers__grid--intervals .answers__btn--compact{width:100%;min-width:0;max-width:none;box-shadow:none;background:#ffffff05;border-color:#f3efe61a;border-radius:10px;gap:.1rem}.answers__grid--intervals .answers__btn:nth-child(n+5){box-shadow:inset 1px 0 #f3efe624}.answers__grid--intervals .answers__btn-step{color:var(--ink-muted);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:.72rem;line-height:1.1}.answers__grid--intervals .answers__btn-label{text-wrap:balance;text-align:center;font-size:.88rem;line-height:1.15}.answers__grid--intervals .answers__btn-keys{font-size:.68rem}.answers__btn--compact{flex:0 auto;width:auto;min-width:0;max-width:100%;min-height:2.75rem;padding:.5rem .95rem}.answers__btn--compact .answers__btn-label{text-wrap:balance;text-align:center;font-size:.92rem;line-height:1.15}@media (width<=700px){.answers__grid{justify-content:flex-start;gap:.4rem;max-width:none}.answers__grid--intervals{gap:.3rem .85rem}.answers__btn--compact{flex:0 auto;min-width:0;min-height:3rem;padding:.5rem .8rem}.answers__grid--intervals .answers__btn--compact{border-radius:12px;min-height:3.1rem;padding:.45rem .35rem}.answers__grid--intervals .answers__btn-label{font-size:.74rem}.answers__grid--intervals .answers__btn-step{font-size:.66rem}.answers{padding:.85rem .75rem 1rem}.answers__btn{flex:8rem;min-width:0;min-height:3.15rem}.answers__row{width:100%}.answers__btn-keys,.answers__keys-hint{display:none}}@media (hover:none),(pointer:coarse){.answers__btn-keys,.answers__keys-hint{display:none}.answers__btn{min-height:3.25rem}.answers__btn--compact{min-height:3.1rem}}.answers__btn{min-width:9rem;min-height:3.1rem;color:var(--ink);transition:transform var(--motion), background-color var(--motion), border-color var(--motion), opacity var(--motion), color var(--motion);background:linear-gradient(#2f2823,#241e1a);border:1px solid #f3efe624;border-radius:999px;justify-items:center;gap:.12rem;padding:.55rem 1.25rem;display:grid}.answers__btn-label{font-weight:650;line-height:1.1}.answers__btn-keys{letter-spacing:.04em;color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:.72rem}.answers__keys-hint{color:var(--ink-muted);text-align:center;text-wrap:balance;margin:0;font-size:.86rem}.answers__btn:hover:not(:disabled){border-color:#f3efe64d;transform:translateY(-1px)}.answers__btn:disabled{opacity:.55}.answers__feedback{min-height:2rem;font-family:var(--font-display);letter-spacing:.02em;text-wrap:balance;color:#0000;opacity:0;margin:0;font-size:clamp(1.35rem,3.5vw,1.85rem);font-weight:600;line-height:1.2}.answers.is-correct,.answers.is-wrong{border-color:#0000}.answers.is-correct:before{animation:feedback-wash-fade var(--feedback-ms) var(--feedback-ease) forwards;background:radial-gradient(120% 140% at 50% 0,#78be82b8,#0000 68%),linear-gradient(#6ba07880,#5a8c6438);box-shadow:inset 0 0 0 1px #aae6b473,0 18px 40px #32784659,inset 0 0 40px #8cdc961f}.answers.is-wrong:before{animation:feedback-wash-fade var(--feedback-ms) var(--feedback-ease) forwards;background:radial-gradient(120% 140% at 50% 0,#d26e5abf,#0000 68%),linear-gradient(#be645085,#9646373d);box-shadow:inset 0 0 0 1px #f0a08c73,0 18px 40px #8c322359,inset 0 0 40px #ff8c6e1f}.answers.is-correct .answers__prompt,.answers.is-wrong .answers__prompt{color:var(--ink)}.answers.is-correct .answers__feedback{color:#f0fff2;text-shadow:0 1px 8px #78dc8c73;animation:feedback-text-fade var(--feedback-ms) var(--feedback-ease) forwards}.answers.is-wrong .answers__feedback{color:#fff5f0;text-shadow:0 1px 8px #ff8c6e73;animation:feedback-text-fade var(--feedback-ms) var(--feedback-ease) forwards}.answers.is-correct .answers__btn:disabled,.answers.is-wrong .answers__btn:disabled{opacity:.7;background:#14110f47;border-color:#f3efe638}@keyframes feedback-wash-fade{0%{opacity:0}10%{opacity:1}to{opacity:0}}@keyframes feedback-text-fade{0%{opacity:0}10%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.answers.is-correct:before,.answers.is-wrong:before,.answers.is-correct .answers__feedback,.answers.is-wrong .answers__feedback{opacity:.85;animation:none}}.interval-review{border-radius:var(--radius-sm);background:#14110f59;border:1px solid #f3efe61f;justify-items:stretch;gap:.55rem;width:100%;max-width:28rem;padding:.65rem .75rem;display:grid}.interval-review__result{text-align:center;font-family:var(--font-display);color:var(--ink);margin:0;font-size:clamp(1.2rem,3.2vw,1.55rem);font-weight:600}.answers.is-correct .interval-review__result{color:#e8ffe9}.answers.is-wrong .interval-review__result{color:#fff5f0}.interval-review__list{gap:.45rem;margin:0;display:grid}.interval-review__row{gap:.15rem;display:grid}.interval-review__row dt{color:var(--ink-muted);font-size:.82rem}.interval-review__row dd{text-wrap:balance;margin:0;font-size:1.02rem;font-weight:650;line-height:1.25}.interval-review__correct{color:var(--sage-soft)}.interval-review__wrong{color:var(--terracotta-soft)}.answers__btn.is-choice-correct{background:linear-gradient(#6b8f7159,#241e1a);border-color:#8fad93bf;box-shadow:0 0 0 2px #6b8f7159}.answers__btn.is-choice-wrong{background:linear-gradient(#b56a5547,#241e1a);border-color:#b56a55b3;box-shadow:0 0 0 2px #b56a5547}@media (width<=700px){.interval-review{max-width:none}}.lang{background:#14110f59;border:1px solid #f3efe61f;border-radius:999px;gap:.25rem;padding:.2rem;display:inline-flex}.lang__btn{min-width:2.6rem;min-height:2rem;color:var(--ink-muted);letter-spacing:.04em;transition:background-color var(--motion), color var(--motion);background:0 0;border:0;border-radius:999px;padding:.25rem .55rem;font-weight:650}.lang__btn.is-active{color:#14110f;background:linear-gradient(180deg, #d7e0d4, var(--sage))}@media (width<=700px){.lang__btn{min-width:2.85rem;min-height:2.75rem;padding:.35rem .65rem}}.modes{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.modes__tab{min-height:2.5rem;color:var(--ink);text-wrap:balance;text-align:center;transition:border-color var(--motion), background-color var(--motion), color var(--motion), box-shadow var(--motion);background:0 0;border:1px solid #f3efe629;border-radius:14px;padding:.5rem .95rem;font-size:.92rem;line-height:1.2}.modes__tab.is-active{color:#14110f;background:linear-gradient(180deg, #d7e0d4, var(--sage));border-color:#0000;font-weight:650;box-shadow:0 0 0 2px #8fad9347}.modes__tab:hover:not(.is-active){border-color:#f3efe659}@media (width<=700px){.modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;width:100%;display:grid}.modes__tab{width:100%;min-height:3.1rem;padding:.4rem .35rem;font-size:.78rem}}@media (width<=380px){.modes__tab{padding:.35rem .2rem;font-size:.72rem}}.piano{border-radius:var(--radius);background:linear-gradient(180deg, #ffffff08, transparent 40%), var(--bg-panel);width:100%;box-shadow:inset 0 1px 0 #ffffff0a, var(--shadow-soft);padding:.35rem .2rem .7rem;overflow-x:auto}.piano__rail{min-width:max(100%,520px);height:168px;padding:.55rem .45rem .35rem;display:flex;position:relative}.piano__white-slot{flex:1 1 0;min-width:28px;height:100%;position:relative}.piano__key{transition:transform var(--motion), background-color var(--motion), box-shadow var(--motion), opacity var(--motion);border:0;padding:0;position:relative}.piano__key:disabled{cursor:default}.piano__key--white{background:linear-gradient(180deg, #fffaf0 0%, var(--ivory) 70%, var(--ivory-edge));color:#4a433c;border-radius:0 0 8px 8px;width:100%;height:100%;box-shadow:inset 0 -2px #00000014,1px 0 #00000014}.piano__key--black{z-index:2;background:linear-gradient(180deg, #4a4038 0%, var(--ebony) 55%, var(--ebony-edge));width:64%;height:58%;color:var(--ink);border-radius:0 0 6px 6px;position:absolute;top:0;right:-32%;box-shadow:0 8px 12px #00000059}.piano__key.is-out-range{opacity:.28;filter:saturate(.6)}.piano__key.is-mark-first{z-index:4;opacity:1;filter:none;background:linear-gradient(#d8f0dc 0%,#8fad93 55%,#6b8f71);transform:translateY(-4px);box-shadow:inset 0 0 0 2px #c8efd0,0 0 0 3px #78c88c8c,0 0 18px #64be78a6}.piano__key.is-mark-second{z-index:4;opacity:1;filter:none;background:linear-gradient(#ffe9b0 0%,#e0b84a 55%,#c9a227);transform:translateY(-4px);box-shadow:inset 0 0 0 2px #ffe6a0,0 0 0 3px #e6b43c8c,0 0 18px #dcaa32a6}.piano__key.is-mark-third{z-index:4;opacity:1;filter:none;background:linear-gradient(#f3efe6 0%,#d4c4a8 55%,#b8a482);transform:translateY(-4px);box-shadow:inset 0 0 0 2px #f7f1e4,0 0 0 3px #c8b48c80,0 0 18px #b4a0788c}.piano__key--black.is-mark-first{color:#f3efe6;background:linear-gradient(#9ec9a4 0%,#5f8a66 60%,#3f6a48)}.piano__key--black.is-mark-second{color:#1a1614;background:linear-gradient(#e8c56a 0%,#b8891c 60%,#8a6410)}.piano__key--black.is-mark-third{color:#f3efe6;background:linear-gradient(#cfc3ad 0%,#8f8168 60%,#5f5544)}.piano__key.is-mark-low{box-shadow:inset 0 0 0 2px var(--sage), 0 0 0 3px #6b8f7147}.piano__key.is-mark-high{box-shadow:inset 0 0 0 2px var(--amber), 0 0 0 3px #c9a22747}.piano__key--black.is-mark-first,.piano__key--black.is-mark-second,.piano__key--black.is-mark-third,.piano__key--black.is-mark-low,.piano__key--black.is-mark-high{transform:translateY(-3px)}.piano__key.is-mark-first .piano__badge,.piano__key.is-mark-second .piano__badge,.piano__key.is-mark-third .piano__badge{min-width:1.35rem;height:1.35rem;font-size:.78rem;font-weight:800;box-shadow:0 2px 8px #00000059}.piano__key.is-mark-first .piano__badge{color:#e8ffe9;background:#1d3a24}.piano__key.is-mark-second .piano__badge{color:#fff3c8;background:#4a3508}.piano__key.is-mark-third .piano__badge{color:#f3efe6;background:#3a3228}.piano--display .piano__key.is-mark-first,.piano--display .piano__key.is-mark-second,.piano--display .piano__key.is-mark-third{z-index:0;opacity:1;filter:none;transition:none;transform:none}.piano--display .piano__key--white.is-mark-first,.piano--display .piano__key--white.is-mark-second,.piano--display .piano__key--white.is-mark-third,.piano--display .piano__key--white.is-mark-first.has-octave,.piano--display .piano__key--white.is-mark-second.has-octave,.piano--display .piano__key--white.is-mark-third.has-octave{background:linear-gradient(180deg, #fffaf0 0%, var(--ivory) 70%, var(--ivory-edge));box-shadow:inset 0 -2px #00000014,1px 0 #00000014}.piano--display .piano__key--black.is-mark-first,.piano--display .piano__key--black.is-mark-second,.piano--display .piano__key--black.is-mark-third{z-index:3;background:linear-gradient(180deg, #4a4038 0%, var(--ebony) 55%, var(--ebony-edge));color:var(--ink);transform:none;box-shadow:0 8px 12px #00000059}.piano--display .piano__key.is-mark-first:disabled,.piano--display .piano__key.is-mark-second:disabled,.piano--display .piano__key.is-mark-third:disabled{opacity:1;filter:none}.piano--display .piano__key.is-mark-first:after,.piano--display .piano__key.is-mark-second:after,.piano--display .piano__key.is-mark-third:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;opacity:1;position:absolute;inset:0}.piano--display .piano__key--white.is-mark-first:after{mix-blend-mode:multiply;background:#78be878f;box-shadow:inset 0 0 0 2px #e4ffe8a6}.piano--display .piano__key--white.is-mark-second:after{mix-blend-mode:multiply;background:#e6b92d87;box-shadow:inset 0 0 0 2px #fff0c099}.piano--display .piano__key--white.is-mark-third:after{mix-blend-mode:multiply;background:#d2b99187;box-shadow:inset 0 0 0 2px #f7f1e48c}.piano--display .piano__key--black.is-mark-first:after{mix-blend-mode:soft-light;background:#aff5bef2;box-shadow:inset 0 0 0 2px #e4ffe88c}.piano--display .piano__key--black.is-mark-second:after{mix-blend-mode:soft-light;background:#ffdc5af2;box-shadow:inset 0 0 0 2px #fff0c08c}.piano--display .piano__key--black.is-mark-third:after{mix-blend-mode:soft-light;background:#f5e1c3e6;box-shadow:inset 0 0 0 2px #f7f1e480}.piano--display .piano__key.is-mark-first .piano__badge,.piano--display .piano__key.is-mark-second .piano__badge,.piano--display .piano__key.is-mark-third .piano__badge{z-index:1}.piano--display.piano--feedback .piano__key.is-mark-first:after,.piano--display.piano--feedback .piano__key.is-mark-second:after,.piano--display.piano--feedback .piano__key.is-mark-third:after{animation:feedback-wash-fade var(--feedback-mark-ms) var(--feedback-ease) forwards}.piano--display.piano--feedback .piano__key.is-mark-first .piano__badge,.piano--display.piano--feedback .piano__key.is-mark-second .piano__badge,.piano--display.piano--feedback .piano__key.is-mark-third .piano__badge{animation:feedback-text-fade var(--feedback-mark-ms) var(--feedback-ease) forwards}.piano--display.piano--review .piano__key.is-mark-first:after,.piano--display.piano--review .piano__key.is-mark-second:after,.piano--display.piano--review .piano__key.is-mark-third:after{opacity:1;animation:none}@media (prefers-reduced-motion:reduce){.piano--display.piano--feedback .piano__key.is-mark-first:after,.piano--display.piano--feedback .piano__key.is-mark-second:after,.piano--display.piano--feedback .piano__key.is-mark-third:after,.piano--display.piano--feedback .piano__key.is-mark-first .piano__badge,.piano--display.piano--feedback .piano__key.is-mark-second .piano__badge,.piano--display.piano--feedback .piano__key.is-mark-third .piano__badge{opacity:.85;animation:none}}.piano--full .piano__key.is-mark-first .piano__badge,.piano--full .piano__key.is-mark-second .piano__badge,.piano--full .piano__key.is-mark-third .piano__badge{min-width:1.15rem;height:1.15rem;font-size:.7rem;top:.15rem}.piano--full{overflow-x:hidden}.piano--full .piano__rail{width:100%;min-width:0;height:140px;padding:.4rem .2rem .25rem}.piano--full .piano__white-slot{flex:1 1 0;min-width:0}.piano--full .piano__caption{opacity:.8;font-size:clamp(.42rem,1.1vw,.62rem);font-weight:650;display:block;bottom:.25rem}.piano--full .piano__key.has-octave{background:linear-gradient(#fffef8 0%,#efe6d6 72%,#e2d6c4)}.piano--full .piano__badge{min-width:1rem;height:1rem;font-size:.6rem;top:.25rem}.piano--display{pointer-events:none;-webkit-user-select:none;user-select:none}.piano--display .piano__key:disabled{opacity:1;filter:none;cursor:default}.piano--display .piano__key.is-out-range:disabled{opacity:.28;filter:saturate(.6)}.piano__badge{min-width:1.35rem;height:1.35rem;color:var(--ink);background:#14110fd9;border-radius:999px;place-items:center;font-size:.75rem;font-weight:700;display:grid;position:absolute;top:.45rem;left:50%;transform:translate(-50%)}.piano__key--white .piano__badge{color:var(--ivory);background:#14110fd1}.piano__caption{text-align:center;letter-spacing:.02em;opacity:.55;pointer-events:none;font-size:.62rem;position:absolute;bottom:.4rem;left:0;right:0}@media (width<=700px){.piano__rail{height:140px}.piano__caption{display:none}.piano--full .piano__rail{height:110px}.piano--full .piano__caption{font-size:.5rem;display:block}.piano--full:not(.piano--display){-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:.15rem;overflow-x:auto}.piano--full:not(.piano--display) .piano__rail{width:max-content;min-width:100%;height:132px}.piano--full:not(.piano--display) .piano__white-slot{scroll-snap-align:start;flex:0 0 26px;min-width:26px}.piano--full:not(.piano--display) .piano__key--black{width:62%}.piano--full:not(.piano--display) .piano__caption{font-size:.48rem;display:block}}@media (width<=380px){.piano--full:not(.piano--display) .piano__white-slot{flex:0 0 24px;min-width:24px}}.interval-check{gap:.65rem;width:100%;min-width:0;display:grid}.interval-check__grid{grid-template-rows:repeat(4,auto);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:column;align-items:stretch;gap:.3rem 1.35rem;width:100%;min-width:0;display:grid}.settings .interval-check__item,.interval-check__item{min-width:0;color:var(--ink);cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f3efe614;border-radius:0;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.1rem .4rem;margin:0;padding:.4rem .35rem;font-size:.82rem;display:grid}.interval-check__item:nth-child(4n){border-bottom-color:#0000}.interval-check__item:nth-child(n+5){padding-left:.85rem;box-shadow:inset 1px 0 #f3efe624}.interval-check__item:has(input:checked){background:#6b8f711f;border-bottom-color:#8fad9359;border-radius:8px}.settings .interval-check__item input,.interval-check__item input{accent-color:var(--sage);grid-row:1/span 2;align-self:center;width:1rem;height:1rem;margin:0}.interval-check__step{color:var(--ink-muted);grid-area:1/2;min-width:0;font-size:.72rem;line-height:1.15}.interval-check__name{text-wrap:balance;grid-area:2/2;min-width:0;font-weight:650;line-height:1.2}@media (width<=700px){.interval-check__grid{gap:.25rem .85rem}.settings .interval-check__item,.interval-check__item{min-height:2.75rem;padding:.4rem .25rem;font-size:.74rem}.interval-check__item:nth-child(n+5){padding-left:.55rem}.settings .interval-check__item input,.interval-check__item input{width:1.1rem;height:1.1rem}.interval-check__step{font-size:.68rem}}@media (hover:none),(pointer:coarse){.settings .interval-check__item,.interval-check__item{min-height:3rem}}.settings{border-radius:var(--radius);background:#1f1a17e0;border:1px solid #f3efe614;gap:1rem;padding:1rem 1.1rem 1.2rem;display:grid}.settings__head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.settings__head h2{font-family:var(--font-display);margin:0;font-size:1.25rem;font-weight:550}.settings__ghost{color:var(--ink-muted);text-underline-offset:3px;background:0 0;border:0;padding:.25rem;text-decoration:underline}.settings__block,.settings__intervals{border-radius:var(--radius-sm);border:1px solid #0000;gap:.65rem;padding:.7rem .75rem;transition:border-color .28s,background-color .28s,box-shadow .28s;display:grid}.settings__block.is-flash,.settings__intervals.is-flash{background:#6b8f7124;border-color:#8fad938c;animation:.65s settings-flash;box-shadow:0 0 0 1px #8fad932e}.settings__label-row{color:var(--ink-muted);justify-content:space-between;gap:.75rem;font-size:.92rem;display:flex}.settings__meta{color:var(--ink)}.settings__intervals{grid-template-columns:1fr 1fr}.settings__block:has(.interval-check){grid-template-columns:1fr;min-width:0}.settings label{color:var(--ink-muted);gap:.35rem;font-size:.88rem;display:grid}.settings input[type=text],.settings input[type=number]{border-radius:var(--radius-sm);background:var(--bg-panel-2);width:100%;color:var(--ink);border:1px solid #f3efe61f;padding:.55rem .65rem}.settings input[type=text]:focus,.settings input[type=number]:focus{border-color:#8fad938c;outline:none;box-shadow:0 0 0 2px #6b8f7133}.settings__instruments{flex-wrap:wrap;gap:.5rem;display:flex}.settings__instrument{min-height:2.5rem;color:var(--ink);transition:border-color var(--motion), background-color var(--motion), color var(--motion), box-shadow var(--motion);background:0 0;border:1px solid #f3efe629;border-radius:999px;padding:.45rem .95rem}.settings__instrument.is-active{color:#14110f;background:linear-gradient(180deg, #d7e0d4, var(--sage));border-color:#0000;font-weight:650;box-shadow:0 0 0 2px #8fad9347}.settings__warn{color:var(--terracotta-soft);margin:0;font-size:.92rem}.settings__hint{color:var(--ink-muted);margin:0;font-size:.82rem}.settings__hint--mobile-only{display:none}@media (width<=700px){.settings__ghost{min-height:2.75rem}.settings__hint--mobile-only{display:block}}@keyframes settings-flash{0%{background:#6b8f7147}to{background:#6b8f7124}}@media (prefers-reduced-motion:reduce){.settings__block.is-flash,.settings__intervals.is-flash{animation:none}}@media (width<=700px){.settings{gap:.85rem;padding:.85rem .8rem 1rem}.settings__intervals{grid-template-columns:1fr}.settings__instrument{flex:calc(50% - .5rem);min-height:2.85rem}.settings__instruments{gap:.4rem}.settings input[type=text],.settings input[type=number]{min-height:2.85rem;font-size:1rem}}.stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.stats li{border-radius:var(--radius-sm);background:#ffffff08;border:1px solid #f3efe614;flex-direction:column;gap:.2rem;padding:.55rem .65rem;display:flex}.stats__label{color:var(--ink-muted);letter-spacing:.02em;font-size:.78rem}.stats strong{font-size:1.15rem;font-weight:650}.stats__streak{color:var(--sage-soft)}@media (width<=700px){.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.stats li{padding:.5rem .45rem}.stats__label{font-size:.7rem}.stats strong{font-size:1.05rem}}@media (width<=380px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.trainer{gap:1.25rem;width:min(980px,100% - 2rem);margin:0 auto;padding:1.5rem 0 2.5rem;display:grid}.trainer__hero{gap:.35rem;display:grid}.trainer__top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.trainer__brand{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ivory);margin:0;font-size:clamp(2.4rem,7vw,3.6rem);font-weight:560;line-height:.95}.trainer__hero h1{font-family:var(--font-ui);color:var(--ink-muted);margin:0;font-size:1.05rem;font-weight:500}.trainer__subtitle{color:var(--sage-soft);margin:.15rem 0 0;font-size:1rem}.trainer__hero .modes{justify-content:flex-start;margin-top:.85rem}.trainer__stage{border-radius:calc(var(--radius) + 4px);background:#14110f8c;border:1px solid #f3efe612;gap:.95rem;padding:1rem;display:grid}.trainer__reveal{text-align:center;min-height:1.35rem;color:var(--ink);margin:0;font-size:.98rem}.trainer__reveal--pulse{animation:feedback-text-fade var(--feedback-mark-ms) var(--feedback-ease) forwards}.trainer__reveal--quiet{color:var(--ink-muted)}.trainer__audio-error{text-align:center;color:var(--terracotta-soft);text-wrap:pretty;margin:0;font-size:.92rem}@media (prefers-reduced-motion:reduce){.trainer__reveal--pulse{opacity:.9;animation:none}}.trainer__controls{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.trainer__primary,.trainer__secondary{min-width:8.5rem;min-height:3rem;transition:transform var(--motion), opacity var(--motion), background-color var(--motion), border-color var(--motion);border-radius:999px;padding:.65rem 1.35rem}.trainer__primary{color:#14110f;background:linear-gradient(180deg, #d7e0d4, var(--sage));border:0;font-weight:650}.trainer__primary:hover:not(:disabled){transform:translateY(-1px)}.trainer__secondary{color:var(--ink);background:0 0;border:1px solid #f3efe629}.trainer__secondary:hover:not(:disabled){border-color:#f3efe659}.trainer__primary:disabled,.trainer__secondary:disabled{opacity:.45}@media (width<=700px){.trainer{width:min(100% - .75rem,980px);padding:.75rem 0 calc(1.5rem + env(safe-area-inset-bottom,0px));gap:.95rem}.trainer__brand{font-size:clamp(2rem,11vw,2.8rem)}.trainer__hero h1,.trainer__subtitle{font-size:.95rem}.trainer__hero .modes{justify-content:stretch;width:100%}.trainer__stage{border-radius:calc(var(--radius) + 2px);gap:.8rem;padding:.7rem}.trainer__reveal{min-height:2.4rem;padding-inline:.25rem;font-size:.9rem}.trainer__controls{gap:.55rem}.trainer__primary,.trainer__secondary{flex:8rem;min-width:0;min-height:3.15rem}}.trainer__seo{border-top:1px solid #f3efe614;margin-top:.35rem;padding:.85rem .15rem 0}.trainer__seo h2{font-family:var(--font-ui);color:var(--ink-muted);margin:0 0 .35rem;font-size:.92rem;font-weight:650}.trainer__seo p{max-width:42rem;color:var(--ink-muted);text-wrap:pretty;margin:0;font-size:.88rem;line-height:1.45}@media (width<=380px){.trainer{width:calc(100% - .5rem)}.trainer__top{align-items:center}}:root{--bg-deep:#14110f;--bg-panel:#1f1a17;--bg-panel-2:#2a231e;--ink:#f3efe6;--ink-muted:#b7aea2;--ivory:#f3efe6;--ivory-edge:#d9d0c3;--ebony:#2c2622;--ebony-edge:#1a1614;--sage:#6b8f71;--sage-soft:#8fad93;--terracotta:#b56a55;--terracotta-soft:#c98a78;--amber:#c9a227;--focus:#e8dcc8;--radius:14px;--radius-sm:10px;--font-display:"Fraunces", "Times New Roman", serif;--font-ui:"Source Sans 3", "Segoe UI", sans-serif;--shadow-soft:0 18px 40px #00000059;--motion:.18s ease;--feedback-ms:2.1s;--feedback-mark-ms:4.2s;--feedback-ease:cubic-bezier(.22, .61, .36, 1)}@media (prefers-reduced-motion:reduce){:root{--motion:1ms linear}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{min-height:100dvh}body{color:var(--ink);font-family:var(--font-ui);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:radial-gradient(1200px 600px at 10% -10%,#2a221c 0%,#0000 55%),radial-gradient(900px 500px at 100% 0,#1d2920 0%,#0000 50%),linear-gradient(160deg,#171310 0%,#0f0d0c 100%);margin:0}button,input{font:inherit;touch-action:manipulation}button{cursor:pointer;-webkit-tap-highlight-color:transparent}h1,h2,p{text-wrap:balance}.tabular{font-variant-numeric:tabular-nums}