: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)}.word-status-legend{margin:.75rem 0 .4rem;font-size:.8rem;color:var(--color-on-surface-variant)}.word-status-list{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}.word-status-chip{border-radius:var(--radius-full);padding:.25rem .7rem;font-size:.85rem;font-weight:700;background:var(--color-card-surface);color:var(--color-on-surface-variant)}.word-status-chip.status-practicing{color:var(--color-on-gold);background:var(--color-star-gold)}.word-status-chip.status-mastered{color:#fff;background:var(--color-teal)}.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)}.saved-lists{margin-bottom:1.5rem}.saved-lists-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.5rem}.saved-list-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:var(--color-canvas-cream);border-radius:var(--radius-default);padding:.6rem .9rem}.saved-list-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-list-count{font-weight:500;color:var(--color-on-surface-variant)}.saved-list-actions{display:flex;gap:.5rem;flex-shrink:0}.saved-list-actions button{padding:.5rem .9rem;font-size:.9rem}.saved-list-actions button.saved-list-delete{padding:.5rem .7rem}textarea,input[type=text]{width:100%;font-size:1.05rem;font-family:var(--font-body);font-weight:500;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)}textarea:focus,input[type=text]:focus{outline:none;border-color:var(--color-primary-container)}textarea{min-height:220px;resize:vertical}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}.speak-button{background:var(--color-star-gold);color:var(--color-on-gold);font-size:1.3rem;padding:1rem 2rem;box-shadow:0 5px 0 var(--color-star-gold-shadow)}.speak-button:hover:not(:disabled){background:#f0ac00}.speak-button:active:not(:disabled){box-shadow:0 1px 0 var(--color-star-gold-shadow)}.speak-button.secondary-speak{background:var(--color-teal);color:#fff;font-size:1.05rem;padding:1rem 1.5rem;box-shadow:0 5px 0 var(--color-teal-shadow)}.speak-button.secondary-speak:hover:not(:disabled){background:#368a77}.speak-button.secondary-speak:active:not(:disabled){box-shadow:0 1px 0 var(--color-teal-shadow)}.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}.help-used-note{font-size:.9rem;font-weight:700;color:var(--color-star-gold-shadow);margin:0;text-align:center}.sentence-note{font-size:.85rem;font-weight:600;color:var(--color-on-surface-variant);margin:0;text-align:center}.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}.settings-rate-row{flex-wrap:wrap}.settings-rate-row input[type=range]{flex:1;min-width:120px}.settings-note{font-size:.8rem;color:var(--color-on-surface-variant);margin:0}