.compact-chromatic-wrap.svelte-imh4pq{position:relative;width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow-x:auto;padding:8px 0;scrollbar-width:thin;-webkit-overflow-scrolling:touch}@media(max-width:360px){.compact-chromatic-wrap.svelte-imh4pq{padding-bottom:10px}}.live-feedback.svelte-1yqf3if{--feedback-color: var(--color-pitch-neutral);display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-rows:90px;align-items:stretch;gap:0;min-width:0;border-bottom:1px solid var(--line)}.note-card.svelte-1yqf3if{position:relative;display:grid;min-width:0;color:var(--ink);overflow:hidden}.target-note-card.svelte-1yqf3if{grid-template-rows:auto minmax(0,1fr);width:max-content;min-width:max-content;padding:10px 12px;border-right:1px solid var(--line)}.heard-note-card.svelte-1yqf3if{grid-template-columns:max-content minmax(0,1fr);gap:10px;padding:0 12px;background:color-mix(in srgb,var(--feedback-color) 5%,var(--surface))}.heard-reading.svelte-1yqf3if{display:grid;grid-template-rows:auto minmax(2rem,1fr) auto;min-width:64px;padding:10px 0 11px}.status-correct.svelte-1yqf3if{--feedback-color: var(--color-pitch-good)}.status-near_flat.svelte-1yqf3if,.status-near_sharp.svelte-1yqf3if{--feedback-color: var(--color-pitch-warning)}.status-wrong_note.svelte-1yqf3if{--feedback-color: var(--color-pitch-danger)}.feedback-label.svelte-1yqf3if{color:var(--text-faint);font-size:.68rem;font-weight:700;letter-spacing:.1em;line-height:1;text-transform:uppercase;white-space:nowrap}.feedback-note.svelte-1yqf3if{display:grid;place-items:center;min-width:0;font-size:clamp(2.5rem,11cqi,3.25rem);font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.04em;line-height:.86;white-space:nowrap}.heard-note.svelte-1yqf3if{display:grid;place-items:center;min-width:0;font-size:clamp(2.25rem,10cqi,2.75rem);font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.04em;line-height:.86;white-space:nowrap}.heard-hz.svelte-1yqf3if{color:var(--text-soft);font-size:.68rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1;text-align:center;white-space:nowrap}.feedback-guidance.svelte-1yqf3if{display:grid;grid-template-columns:minmax(0,1fr) clamp(2.75rem,11cqi,3.25rem);align-items:stretch;gap:10px;height:100%;min-height:0;min-width:0;padding-left:10px;border-left:1px solid color-mix(in srgb,var(--feedback-color) 20%,var(--line))}.feedback-icon.svelte-1yqf3if{align-self:center;justify-self:end;display:grid;place-items:center;width:clamp(2.75rem,11cqi,3.25rem);height:clamp(2.75rem,11cqi,3.25rem);border-radius:50%;background:color-mix(in srgb,var(--feedback-color) 12%,var(--surface));color:var(--feedback-color)}.feedback-icon.svelte-1yqf3if svg:where(.svelte-1yqf3if){width:clamp(1.75rem,7cqi,2.125rem);height:clamp(1.75rem,7cqi,2.125rem);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.feedback-copy.svelte-1yqf3if{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:0;height:100%;min-width:0}.feedback-copy.svelte-1yqf3if strong:where(.svelte-1yqf3if),.feedback-copy.svelte-1yqf3if span:where(.svelte-1yqf3if){display:flex;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback-copy.svelte-1yqf3if strong:where(.svelte-1yqf3if){align-items:end;padding-bottom:3px;font-size:clamp(.98rem,4cqi,1.18rem);line-height:1.05}.feedback-copy.svelte-1yqf3if span:where(.svelte-1yqf3if){align-items:start;padding-top:3px;color:var(--text-soft);font-size:clamp(.82rem,3.4cqi,1rem);line-height:1.12}.match-meter.svelte-1yqf3if{position:absolute;inset:auto 0 0;height:3px;background:color-mix(in srgb,var(--feedback-color) 10%,transparent)}.match-meter.svelte-1yqf3if span:where(.svelte-1yqf3if){display:block;width:100%;height:100%;transform-origin:left;background:var(--feedback-color);transition:transform 80ms linear}.sr-only.svelte-1yqf3if{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:420px){.live-feedback.svelte-1yqf3if{grid-template-columns:72px minmax(0,1fr);grid-template-rows:114px}.target-note-card.svelte-1yqf3if{width:auto;min-width:0;padding-inline:8px}.heard-note-card.svelte-1yqf3if{grid-template-columns:56px minmax(0,1fr);gap:6px;padding-inline:8px}.feedback-guidance.svelte-1yqf3if{grid-template-columns:minmax(0,1fr) 2.5rem;gap:4px;padding-left:6px}.feedback-icon.svelte-1yqf3if{width:2.5rem;height:2.5rem}.feedback-copy.svelte-1yqf3if strong:where(.svelte-1yqf3if),.feedback-copy.svelte-1yqf3if span:where(.svelte-1yqf3if){overflow:visible;text-overflow:clip;white-space:normal}}@media(prefers-reduced-motion:reduce){.match-meter.svelte-1yqf3if span:where(.svelte-1yqf3if){transition:none}}.practice-lab.svelte-1qpui65{display:grid;gap:20px;container-type:inline-size;margin:32px 0;padding:clamp(14px,2vw,20px);border-radius:var(--radius, 5px);border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 82%,var(--soft));box-shadow:var(--shadow-md)}.practice-lab.embedded.svelte-1qpui65{margin:0}.practice-inline-copy.svelte-1qpui65{display:grid;gap:8px}.practice-inline-copy.svelte-1qpui65 h3:where(.svelte-1qpui65){margin:0!important;font-size:1.42rem;line-height:1.14;letter-spacing:-.02em;font-weight:700;color:var(--ink)}.practice-inline-copy.svelte-1qpui65 p:where(.svelte-1qpui65){margin:0;color:var(--text-soft);line-height:1.72;font-size:1.08rem;max-width:58ch}.practice-controls.svelte-1qpui65{display:flex;gap:10px;align-items:center;justify-content:flex-start;flex-wrap:wrap;padding:14px 16px 0}.practice-grid.svelte-1qpui65{display:grid;grid-template-columns:minmax(280px,1fr) clamp(427px,54%,480px);gap:clamp(18px,3vw,28px);align-items:stretch;width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.practice-right.svelte-1qpui65{display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px;width:100%;min-width:0;height:100%;max-width:none;box-sizing:border-box;justify-self:stretch;align-self:stretch}.practice-right.embedded.svelte-1qpui65{grid-template-rows:minmax(0,1fr)}.practice-inline-copy.svelte-1qpui65,.practice-info-card.svelte-1qpui65{width:100%;max-width:none;box-sizing:border-box}.practice-info-card.svelte-1qpui65{display:grid;grid-template-rows:90px minmax(0,1fr);gap:0;min-height:0;height:100%;container-type:inline-size;border:1px solid var(--line);border-radius:var(--radius, 5px);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.score-display-wrapper.svelte-1qpui65{flex:1;min-width:0;width:100%;max-width:100%;min-height:0;padding:0 5px;box-sizing:border-box;display:flex;flex-direction:column;contain:inline-size;overflow:hidden}.score-card.svelte-1qpui65{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr);min-width:0;width:100%;max-width:100%;min-height:280px;height:100%;align-self:stretch;border-radius:var(--radius, 5px);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.score-card.loading.svelte-1qpui65:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.72) 48%,transparent 72%) 0 0 / 220% 100%,color-mix(in srgb,var(--surface) 76%,transparent);animation:svelte-1qpui65-score-loading 1.35s ease-in-out infinite;pointer-events:none;z-index:4}.practice-fingering.svelte-1qpui65{display:grid;align-content:center;min-width:0;min-height:0;width:100%;box-sizing:border-box;padding:16px;overflow:hidden}.practice-fingering.svelte-1qpui65 .compact-chromatic-wrap,.practice-fingering.svelte-1qpui65 .chromatic-diagram{overflow-x:clip;scrollbar-width:none}.icon-btn.svelte-1qpui65{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius, 5px);border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}.icon-btn.primary.svelte-1qpui65{background:var(--ink);border-color:var(--ink);color:var(--color-text-on-accent)}.icon-btn.svelte-1qpui65 svg:where(.svelte-1qpui65){width:18px;height:18px}.speed-group.svelte-1qpui65{display:inline-flex;align-items:center;gap:6px;padding:4px;border-radius:var(--radius, 5px);border:1px solid var(--line);background:var(--soft)}.speed-option.svelte-1qpui65{border:0;background:transparent;color:var(--text-soft);padding:8px 12px;border-radius:var(--radius, 5px);font-size:.86rem;font-weight:700}.speed-option.active.svelte-1qpui65{background:var(--brand);color:var(--color-text-on-accent)}.speed-option.svelte-1qpui65:disabled{opacity:.55}.follow-btn.svelte-1qpui65{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0;border-radius:var(--radius, 5px);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:.82rem;font-weight:700}.follow-btn.active.svelte-1qpui65{background:var(--brand);border-color:var(--brand);color:var(--color-text-on-accent)}.follow-btn.svelte-1qpui65 svg:where(.svelte-1qpui65){width:18px;height:18px}.follow-btn.svelte-1qpui65:disabled{opacity:.55}.follow-indicator.svelte-1qpui65{position:absolute;right:4px;top:4px;width:8px;height:8px;border-radius:50%;background:var(--color-state-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-state-success) 18%,transparent);animation:svelte-1qpui65-follow-pulse 1.4s ease-in-out infinite}.score-card.svelte-1qpui65 p.control-hint:where(.svelte-1qpui65){margin:0;padding:6px 16px 4px;color:var(--text-soft)!important;font-size:.8rem!important;line-height:1.2!important;text-align:left!important;white-space:normal!important;overflow:hidden;display:block;box-sizing:border-box}.icon-btn.svelte-1qpui65:hover:not(:disabled),.follow-btn.svelte-1qpui65:hover:not(:disabled),.speed-option.svelte-1qpui65:hover:not(:disabled){border-color:var(--brand);color:var(--brand-dark);transform:translateY(-1px)}.icon-btn.primary.svelte-1qpui65:hover:not(:disabled),.follow-btn.active.svelte-1qpui65:hover:not(:disabled),.speed-option.active.svelte-1qpui65:hover:not(:disabled){color:var(--color-text-on-accent)}.icon-btn.svelte-1qpui65:disabled,.follow-btn.svelte-1qpui65:disabled{cursor:not-allowed}@keyframes svelte-1qpui65-score-loading{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes svelte-1qpui65-follow-pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-state-success) 7%,transparent)}}@container (max-width: 760px){.practice-grid.svelte-1qpui65{grid-template-columns:minmax(0,1fr);overflow-x:clip}.practice-right.svelte-1qpui65{width:100%;max-width:100%}}@media(max-width:640px){.practice-lab.svelte-1qpui65{margin:32px -2px;padding:14px}.practice-controls.svelte-1qpui65{justify-content:center;padding-inline:10px}}@media(prefers-reduced-motion:reduce){.score-card.loading.svelte-1qpui65:after,.follow-indicator.svelte-1qpui65{animation:none}.icon-btn.svelte-1qpui65:hover:not(:disabled),.follow-btn.svelte-1qpui65:hover:not(:disabled),.speed-option.svelte-1qpui65:hover:not(:disabled){transform:none}}.quiz-recent-scores.svelte-go6oz{display:grid;gap:12px;padding:16px 18px;border-radius:5px;border:1px solid var(--line-strong);background:var(--surface)}.quiz-recent-header.svelte-go6oz{grid-template-columns:1fr auto;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line)}.quiz-recent-header.svelte-go6oz span:where(.svelte-go6oz),.quiz-recent-copy.svelte-go6oz span:where(.svelte-go6oz){color:var(--text-faint);font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.quiz-recent-play.svelte-go6oz,.quiz-recent-select.svelte-go6oz{border:0;font:inherit}.quiz-recent-play.svelte-go6oz{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 14px;border-radius:5px;border:1px solid var(--ink);background:var(--ink);color:var(--color-text-on-accent);font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;cursor:pointer;overflow:hidden}.quiz-recent-play.svelte-go6oz:before{content:"";position:absolute;inset:0;background:var(--brand);transform:translateY(100%);transition:transform .32s var(--ease, ease);z-index:-1}.quiz-recent-play.svelte-go6oz:hover:not(:disabled):before,.quiz-recent-play.svelte-go6oz:focus-visible:not(:disabled):before{transform:translateY(0)}.quiz-recent-play.svelte-go6oz:disabled{opacity:.5;cursor:not-allowed}.quiz-recent-list.svelte-go6oz{display:grid;gap:0;max-height:120px;overflow-y:auto;border-top:1px solid var(--line)}.quiz-recent-item.svelte-go6oz{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:42px;padding:0 12px;border-radius:5px;background:transparent;border-bottom:1px solid var(--line)}.quiz-recent-item.selected.svelte-go6oz{background:var(--soft);box-shadow:inset 3px 0 0 var(--brand)}.quiz-recent-select.svelte-go6oz{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;width:100%;padding:0;background:transparent;text-align:left;cursor:pointer}.quiz-recent-score.svelte-go6oz{display:flex;align-items:center;min-width:58px}.quiz-recent-score.svelte-go6oz strong:where(.svelte-go6oz){font-family:var(--font-sans);font-size:1rem;font-weight:700;letter-spacing:-.022em;color:var(--ink);line-height:1}.quiz-recent-copy.svelte-go6oz{display:flex;align-items:center;gap:10px;min-width:0;white-space:nowrap;color:var(--text-soft)}.quiz-recent-copy.svelte-go6oz p:where(.svelte-go6oz){flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.quiz-recent-copy.svelte-go6oz span:where(.svelte-go6oz){flex:0 0 auto}.quiz-recent-empty.svelte-go6oz{margin:0;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.06em;color:var(--text-faint)}.quiz-shell.svelte-1ggn97f{--quiz-silver: #bec9d2;--quiz-silver-dark: #778793;--quiz-gold: #e5b928;--quiz-gold-dark: #9a7700;display:grid;gap:20px;container-type:inline-size;margin:44px 0}.quiz-shell.embedded.svelte-1ggn97f{margin:0}.quiz-intro.svelte-1ggn97f{display:block}.quiz-intro-copy.svelte-1ggn97f{display:grid;gap:8px}.quiz-intro-copy.svelte-1ggn97f h3:where(.svelte-1ggn97f){margin:0!important;font-size:1.42rem;line-height:1.14;letter-spacing:-.02em;font-weight:700;color:var(--ink)}.quiz-intro-copy.svelte-1ggn97f p:where(.svelte-1ggn97f){margin:0;max-width:58ch;color:var(--text-soft);line-height:1.72;font-size:1.08rem}.quiz-progress-summary.svelte-1ggn97f{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:12px;align-items:stretch;min-width:0}.quiz-best-score-card.svelte-1ggn97f{--motion-tilt-rotate-x: 0deg;--motion-tilt-rotate-y: 0deg;--motion-tilt-depth: 0px;position:relative;isolation:isolate;overflow:hidden;display:grid;align-content:center;justify-items:end;gap:4px;min-width:132px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius, 5px);background:var(--soft);text-align:right;user-select:none;-webkit-user-select:none;transform:perspective(520px) translateZ(var(--motion-tilt-depth)) rotateX(var(--motion-tilt-rotate-x)) rotateY(var(--motion-tilt-rotate-y));transform-origin:center;transform-style:preserve-3d;will-change:transform;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.quiz-best-score-card.svelte-1ggn97f:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0}.quiz-best-score-card.svelte-1ggn97f>:where(.svelte-1ggn97f){position:relative;z-index:1}.quiz-best-score-card.is-gold.svelte-1ggn97f{border-color:color-mix(in srgb,var(--gold-metal-border) 76%,var(--line));background:var(--gold-metal-gradient);box-shadow:inset 0 1px #fff9,0 10px 24px color-mix(in srgb,var(--gold-metal-border) 20%,transparent)}.quiz-best-score-card.is-gold.svelte-1ggn97f:before{opacity:1;background:var(--gold-metal-brush)}.quiz-best-score-card.svelte-1ggn97f span:where(.svelte-1ggn97f){font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.quiz-best-score-card.is-gold.svelte-1ggn97f span:where(.svelte-1ggn97f){color:#59400a}.quiz-best-score-card.svelte-1ggn97f strong:where(.svelte-1ggn97f){font-size:1.7rem;line-height:.92;letter-spacing:-.05em;color:var(--ink)}.quiz-best-score-card.is-gold.svelte-1ggn97f strong:where(.svelte-1ggn97f){color:#241a06;text-shadow:0 1px 0 rgb(255 255 255 / .34)}.quiz-progress-strip.svelte-1ggn97f{position:relative;display:grid;gap:12px;min-width:0;padding:35px 18px 16px;border:1px solid var(--line);border-radius:var(--radius, 5px);background:var(--surface)}.quiz-progress-track.svelte-1ggn97f{position:relative;height:10px;border-radius:5px;background:var(--soft-2);overflow:visible}.quiz-progress-fill.svelte-1ggn97f{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,var(--brand-dark) 0%,var(--brand) 100%);transition:width .55s var(--ease, ease),background-color .18s ease}.quiz-progress-fill.tone-silver.svelte-1ggn97f{background:linear-gradient(90deg,var(--quiz-silver-dark),var(--quiz-silver))}.quiz-progress-fill.tone-gold.svelte-1ggn97f{background:linear-gradient(90deg,var(--quiz-gold-dark),var(--quiz-gold))}.quiz-progress-stop.svelte-1ggn97f{position:absolute;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--surface);background:var(--surface);z-index:1;opacity:.42}.quiz-progress-stop.tone-bronze.svelte-1ggn97f{background:var(--tone-bronze);box-shadow:0 0 0 1px color-mix(in srgb,var(--tone-bronze) 24%,transparent)}.quiz-progress-stop.tone-silver.svelte-1ggn97f{background:var(--tone-silver);box-shadow:0 0 0 1px color-mix(in srgb,var(--tone-silver) 24%,transparent)}.quiz-progress-stop.tone-gold.svelte-1ggn97f{background:var(--tone-gold);box-shadow:0 0 0 1px color-mix(in srgb,var(--tone-gold) 24%,transparent)}.quiz-progress-stop.earned.svelte-1ggn97f{opacity:1}.quiz-progress-stop.svelte-1ggn97f span:where(.svelte-1ggn97f){position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.68rem;font-weight:700;line-height:1;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--text-faint)}.quiz-progress-stop.tone-bronze.svelte-1ggn97f span:where(.svelte-1ggn97f){color:color-mix(in srgb,var(--tone-bronze) 82%,var(--ink))}.quiz-progress-stop.tone-silver.svelte-1ggn97f span:where(.svelte-1ggn97f){color:color-mix(in srgb,var(--tone-silver) 72%,var(--ink))}.quiz-progress-stop.tone-gold.svelte-1ggn97f span:where(.svelte-1ggn97f){color:color-mix(in srgb,var(--tone-gold) 78%,var(--ink))}.quiz-progress-stop.svelte-1ggn97f:last-child span:where(.svelte-1ggn97f){right:0;left:auto;transform:none}.quiz-challenge-card.svelte-1ggn97f{display:grid;gap:16px;padding:clamp(16px,2.5vw,24px);border-radius:var(--radius, 5px);border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 82%,var(--soft));box-shadow:var(--shadow-md)}.quiz-practice-grid.svelte-1ggn97f{display:grid;grid-template-columns:minmax(280px,1fr) clamp(427px,54%,480px);gap:clamp(18px,3vw,28px);align-items:stretch;width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.quiz-practice-left.svelte-1ggn97f{display:grid;gap:14px;min-width:0;width:100%;max-width:100%;overflow:hidden}.quiz-practice-right.svelte-1ggn97f{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:16px;width:100%;min-width:0;height:100%;max-width:none;box-sizing:border-box;justify-self:stretch;align-self:stretch}.quiz-practice-right.svelte-1ggn97f .quiz-recent-scores{width:100%;box-sizing:border-box}.quiz-info-card.svelte-1ggn97f{display:grid;grid-template-rows:90px minmax(0,1fr);gap:0;min-height:0;height:100%;container-type:inline-size;border:1px solid var(--line);border-radius:var(--radius, 5px);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.quiz-fingering.svelte-1ggn97f{display:grid;align-content:center;min-width:0;min-height:0;width:100%;box-sizing:border-box;padding:16px;overflow:hidden}.quiz-fingering.svelte-1ggn97f .compact-chromatic-wrap,.quiz-fingering.svelte-1ggn97f .chromatic-diagram{overflow-x:clip;scrollbar-width:none}.quiz-score-card.svelte-1ggn97f{position:relative;display:grid;grid-template-rows:auto auto auto;min-width:0;min-height:0;border-radius:var(--radius, 5px);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);width:100%;max-width:100%;overflow:hidden;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.quiz-score-card.loading.svelte-1ggn97f{overflow:hidden}.quiz-score-card.loading.svelte-1ggn97f:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.72) 48%,transparent 72%) 0 0 / 220% 100%,color-mix(in srgb,var(--surface) 76%,transparent);animation:svelte-1ggn97f-quiz-score-loading 1.35s ease-in-out infinite;pointer-events:none;z-index:4}.quiz-controls.svelte-1ggn97f{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;padding:14px 14px 0}.quiz-score-stage.svelte-1ggn97f{position:relative;min-width:0;width:100%;max-width:100%;min-height:220px;contain:inline-size;overflow:hidden}.challenge-btn.svelte-1ggn97f{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:112px;height:42px;padding:0 16px;border-radius:var(--radius, 5px);border:1px solid var(--ink);background:var(--ink);color:var(--color-text-on-accent);font-size:.92rem;font-weight:700}.challenge-btn.active.svelte-1ggn97f{border-color:var(--brand);background:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 16%,transparent)}.challenge-btn.svelte-1ggn97f svg:where(.svelte-1ggn97f){width:18px;height:18px}.speed-group.svelte-1ggn97f{display:inline-flex;align-items:center;gap:6px;padding:4px;border-radius:var(--radius, 5px);border:1px solid var(--line);background:var(--soft)}.speed-option.svelte-1ggn97f{border:0;background:transparent;color:var(--text-soft);padding:8px 12px;border-radius:var(--radius, 5px);font-size:.86rem;font-weight:700}.speed-option.active.svelte-1ggn97f{background:var(--brand);color:var(--color-text-on-accent)}.speed-option.svelte-1ggn97f:disabled,.challenge-btn.svelte-1ggn97f:disabled{opacity:.55}.quiz-score-card.svelte-1ggn97f p.control-hint:where(.svelte-1ggn97f){margin:0;padding:4px 16px 2px;color:var(--text-soft)!important;font-size:.8rem!important;line-height:1.2!important;text-align:center!important;white-space:normal!important;overflow:hidden;display:block;box-sizing:border-box}.modal-backdrop.svelte-1ggn97f{position:fixed;inset:0;background:color-mix(in srgb,var(--ink) 58%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:20px}.score-modal.svelte-1ggn97f{width:min(92vw,440px);padding:24px;border:1px solid var(--line);border-top:5px solid var(--brand);border-radius:var(--radius, 5px);background:var(--surface);box-shadow:var(--shadow-lg);animation:svelte-1ggn97f-score-modal-enter .3s var(--ease, ease) both}.score-modal.svelte-1ggn97f h3:where(.svelte-1ggn97f){margin:0;font-size:3rem;text-align:center;color:var(--ink)}.challenge-btn.svelte-1ggn97f:hover:not(:disabled),.speed-option.svelte-1ggn97f:hover:not(:disabled){border-color:var(--brand);transform:translateY(-1px)}@keyframes svelte-1ggn97f-quiz-score-loading{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes svelte-1ggn97f-score-modal-enter{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@container (max-width: 760px){.quiz-practice-grid.svelte-1ggn97f{grid-template-columns:minmax(0,1fr);overflow-x:clip}.quiz-practice-right.svelte-1ggn97f{width:100%;max-width:100%}}@container (max-width: 520px){.quiz-progress-summary.svelte-1ggn97f{grid-template-columns:minmax(0,1fr) 112px;gap:8px}.quiz-best-score-card.svelte-1ggn97f{min-width:112px;padding-inline:10px}.quiz-best-score-card.svelte-1ggn97f strong:where(.svelte-1ggn97f){font-size:1.45rem}}@media(max-width:640px){.quiz-shell.svelte-1ggn97f{margin:32px -2px}.quiz-challenge-card.svelte-1ggn97f{padding:14px}.quiz-progress-strip.svelte-1ggn97f{padding-inline:12px}.quiz-progress-stop.svelte-1ggn97f span:where(.svelte-1ggn97f){font-size:.58rem;letter-spacing:.06em}}@media(prefers-reduced-motion:reduce){.quiz-progress-fill.svelte-1ggn97f,.quiz-best-score-card.svelte-1ggn97f,.quiz-score-card.loading.svelte-1ggn97f:after,.score-modal.svelte-1ggn97f{transition:none;animation:none}.challenge-btn.svelte-1ggn97f:hover:not(:disabled),.speed-option.svelte-1ggn97f:hover:not(:disabled),.quiz-best-score-card.svelte-1ggn97f{transform:none}}