:root{--color-primary: #4925d2;--color-primary-container: #6246ea;--color-primary-shadow: #452db8;--color-primary-disabled: #c8bff0;--color-primary-disabled-shadow: #ada1d9;--color-on-primary: #ffffff;--color-star-gold: #ffb800;--color-star-gold-shadow: #cc9300;--color-on-gold: #4a3200;--color-feedback-correct: #00c48c;--color-feedback-correct-shadow: #00966b;--color-feedback-correct-tint: #e2f7ef;--color-feedback-incorrect: #ff5c5c;--color-feedback-incorrect-shadow: #d63a3a;--color-feedback-incorrect-tint: #ffe9e9;--color-teal: #3d9b86;--color-teal-shadow: #2f7a69;--color-canvas-cream: #fcf7ee;--color-surface: #fbf8ff;--color-surface-container-low: #f4f2fd;--color-card-surface: #ffffff;--color-lavender-light: #efebfd;--color-lavender-tint: #c8bff0;--color-on-surface: #1a1b23;--color-on-surface-variant: #55506a;--radius-default: 1rem;--radius-lg: 1.5rem;--radius-full: 9999px;--font-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;font-family:var(--font-body);color-scheme:light}html.large-text{font-size:125%}html.dyslexia-font,html.dyslexia-font *{font-family:Lexend,Segoe UI,system-ui,sans-serif!important}html.high-contrast body{background:#fff}html.high-contrast .app-card{box-shadow:0 0 0 3px #000}html.high-contrast,html.high-contrast *{color:#000!important}html.high-contrast button{background:#000!important;color:#fff!important;border:2px solid #000000}html.high-contrast button:disabled{background:#555!important;color:#fff!important}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-surface);color:var(--color-on-surface)}#root{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:2rem 1rem}.app-card{width:100%;max-width:640px;background:var(--color-card-surface);border-radius:var(--radius-lg);box-shadow:0 10px 30px #4925d21f;padding:2rem}h1{font-family:var(--font-display);font-weight:800;font-size:1.9rem;margin-top:0;color:var(--color-primary)}h2{font-family:var(--font-display);font-weight:700;font-size:1.3rem;color:var(--color-primary)}p.subtitle{color:var(--color-on-surface-variant);font-weight:500;margin-top:-.5rem}.dashboard{background:var(--color-lavender-light);border-radius:var(--radius-default);padding:1rem 1.25rem;margin-bottom:1.5rem}.dashboard .subtitle{margin-top:0;margin-bottom:.5rem}.dashboard-stats{display:flex;flex-wrap:wrap;gap:.5rem}.dashboard-chip{background:var(--color-card-surface);border-radius:var(--radius-full);padding:.35rem .85rem;font-weight:700;font-size:.9rem;color:var(--color-primary);box-shadow:0 2px 0 var(--color-lavender-tint)}.dashboard-quizzes{margin:.6rem 0 0;font-size:.9rem;color:var(--color-on-surface-variant)}.quick-start{display:flex;flex-direction:column;align-items:center;gap:.75rem;background:var(--color-canvas-cream);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.quick-start .subtitle{margin-top:0}.quick-start-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.play-now-button{background:var(--color-feedback-correct);color:var(--color-on-primary);font-size:1.5rem;padding:1rem 2.5rem;box-shadow:0 5px 0 var(--color-feedback-correct-shadow)}.play-now-button:hover:not(:disabled){background:#00b17f}.play-now-button:active:not(:disabled){box-shadow:0 1px 0 var(--color-feedback-correct-shadow)}input[type=checkbox],input[type=range]{accent-color:var(--color-primary-container)}button{-moz-appearance:none;appearance:none;-webkit-appearance:none;font-family:var(--font-body);font-size:1.1rem;font-weight:700;padding:.85rem 1.6rem;border:none;border-radius:var(--radius-full);background:var(--color-primary-container);color:var(--color-on-primary);cursor:pointer;box-shadow:0 5px 0 var(--color-primary-shadow);transition:transform .08s ease,box-shadow .08s ease,background .15s ease}button:hover:not(:disabled){background:var(--color-primary)}button:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--color-primary-shadow)}button:disabled{background:var(--color-primary-disabled);box-shadow:0 5px 0 var(--color-primary-disabled-shadow);cursor:not-allowed}button.secondary{background:var(--color-lavender-light);color:var(--color-primary);box-shadow:0 5px 0 var(--color-lavender-tint)}button.secondary:hover:not(:disabled){background:#e3daf9}button.secondary:active:not(:disabled){box-shadow:0 1px 0 var(--color-lavender-tint)}.home-bar{display:flex;justify-content:flex-end;margin-bottom:1.25rem}.home-button{font-size:.95rem;padding:.55rem 1.1rem}.error-text{color:var(--color-feedback-incorrect-shadow);font-size:.95rem}.play-progress{display:flex;justify-content:space-between;color:var(--color-on-surface-variant);font-weight:700;margin-bottom:1rem}.play-definition{background:var(--color-canvas-cream);border-radius:var(--radius-default);padding:1.5rem;margin-bottom:1.5rem;font-size:1.3rem;text-align:center;min-height:4rem;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 6px #2b2c340f}.play-listen{display:flex;flex-direction:column;align-items:center;gap:.75rem}.play-listen-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.hint-text{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:.15em;color:var(--color-primary);background:var(--color-lavender-light);padding:.5rem 1rem;border-radius:var(--radius-default);margin:0}.play-form{display:flex;gap:.75rem}.play-form input{flex:1}.feedback{margin-top:1.25rem;padding:1rem;border-radius:var(--radius-default);font-size:1.1rem;font-weight:700;font-family:var(--font-display);text-align:center}.feedback.correct{background:var(--color-feedback-correct-tint);color:var(--color-feedback-correct-shadow)}.feedback.incorrect{background:var(--color-feedback-incorrect-tint);color:var(--color-feedback-incorrect-shadow)}.summary-score{font-family:var(--font-display);font-size:2.5rem;font-weight:800;color:var(--color-primary);text-align:center;margin:1rem 0}.newly-mastered{background:#fff6dd;color:var(--color-star-gold-shadow);font-weight:700;text-align:center;padding:.75rem 1rem;border-radius:var(--radius-default);margin:0 0 1rem}.missed-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.5rem}.missed-list li{background:var(--color-feedback-incorrect-tint);color:var(--color-feedback-incorrect-shadow);padding:.4rem .9rem;border-radius:var(--radius-full);font-weight:700}.no-missed{color:var(--color-feedback-correct-shadow);font-weight:700}.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.settings{margin-top:1.5rem}.settings summary{cursor:pointer;font-weight:700;font-family:var(--font-display);color:var(--color-primary);padding:.5rem 0}.settings-body{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--color-canvas-cream);border-radius:var(--radius-default);margin-top:.5rem}.settings-row{display:flex;align-items:center;gap:.6rem;font-weight:600}.table-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.25rem,1fr));gap:.6rem;margin-bottom:.75rem}.table-chip{font-family:var(--font-display);font-size:1.15rem;padding:.7rem .5rem;background:var(--color-lavender-light);color:var(--color-primary);box-shadow:0 4px 0 var(--color-lavender-tint)}.table-chip:hover:not(:disabled){background:#e3daf9}.table-chip.selected,.table-chip.selected:hover:not(:disabled){background:var(--color-primary-container);color:var(--color-on-primary);box-shadow:0 4px 0 var(--color-primary-shadow)}.picker-shortcuts{display:flex;gap:.75rem;margin-bottom:1.25rem}.picker-shortcuts button{font-size:.95rem;padding:.5rem 1.2rem}.picker-hint{margin:0;font-size:.95rem}.grid-legend{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;margin:.75rem 0 .5rem;font-size:.8rem;color:var(--color-on-surface-variant)}.grid-swatch{display:inline-block;width:.8rem;height:.8rem;border-radius:3px;margin-left:.4rem}.mastery-grid{display:flex;flex-direction:column;gap:3px}.mastery-grid-row{display:grid;grid-template-columns:2.4rem repeat(12,1fr);gap:3px;align-items:center}.mastery-grid-label,.mastery-grid-head{font-size:.7rem;font-weight:700;color:var(--color-on-surface-variant);text-align:center}.mastery-cell{aspect-ratio:1;border-radius:3px}.mastery-cell.status-new,.grid-swatch.status-new{background:var(--color-card-surface);box-shadow:inset 0 0 0 1px var(--color-lavender-tint)}.mastery-cell.status-practicing,.grid-swatch.status-practicing{background:var(--color-star-gold)}.mastery-cell.status-mastered,.grid-swatch.status-mastered{background:var(--color-teal)}.play-question-block{display:flex;flex-direction:column;align-items:center;gap:.75rem}.play-question{font-family:var(--font-display);font-weight:800;font-size:3rem;color:var(--color-primary)}.answer-input{width:100%;font-size:1.5rem;font-family:var(--font-display);font-weight:700;text-align:center;padding:.85rem 1rem;border:2px solid var(--color-lavender-tint);border-radius:var(--radius-default);background:var(--color-surface-container-low);color:var(--color-on-surface)}.answer-input:focus{outline:none;border-color:var(--color-primary-container)}.hint-text{letter-spacing:.05em;font-size:1rem}@media(max-width:480px){.app-card{padding:1.25rem}}