:root{--text:#2f2a3a;--text-muted:#6b6375;--bg:#fdfbff;--card-bg:#fff;--border:#e2dff0;--accent:#6c4fdb;--accent-contrast:#fff;--success:#1b8a5a;--error:#c0392b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--text:#ece9f5;--text-muted:#b3aec2;--bg:#16131f;--card-bg:#211d2e;--border:#332e45;--accent:#9a83f2;--accent-contrast:#16131f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#app{max-width:480px;margin:0 auto;padding:1rem}.app-header h1{text-align:center;margin:0 0 .75rem;font-size:1.4rem}.role-toggle{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:999px;margin:0 auto .75rem;padding:.4rem .8rem;font-size:.8rem;display:block}.pin-modal{z-index:10;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.pin-modal.hidden{display:none}.pin-modal-box{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:12px;width:100%;max-width:320px;padding:1.25rem}.pin-modal-title{margin:0 0 .25rem;font-weight:700}.pin-modal-hint{color:var(--text-muted);margin:0 0 .75rem;font-size:.85rem}.pin-input{text-align:center;letter-spacing:.3rem;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:.7rem;font-size:1.1rem}.pin-error{color:var(--error);margin:.5rem 0 0;font-size:.85rem}.pin-error.hidden{display:none}.pin-modal-actions{gap:.5rem;margin-top:.9rem;display:flex}.pin-modal-actions button{flex:1;margin:0}.tabs{gap:.5rem;margin-bottom:1rem;display:flex}.tab{border:1px solid var(--border);background:var(--card-bg);color:var(--text-muted);border-radius:8px;flex:1;padding:.6rem .5rem;font-size:.95rem}.tab.hidden{display:none}.tab.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.view{display:none}.view.active{display:block}.settings-card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;margin-bottom:1.25rem;padding:.75rem 1rem}.timer-saved-msg{color:var(--success);margin:.4rem 0 0;font-size:.85rem}.timer-saved-msg.hidden{display:none}.timer-display{text-align:center;margin:0 0 .75rem;font-size:1.1rem;font-weight:700}.timer-display.hidden{display:none}.add-word-form label{color:var(--text-muted);margin-bottom:.35rem;font-size:.9rem;display:block}.add-word-row{gap:.5rem;display:flex}input[type=text]{border:1px solid var(--border);background:var(--card-bg);color:var(--text);border-radius:8px;flex:1;padding:.7rem;font-size:1rem}button{background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:8px;padding:.7rem 1rem;font-size:1rem}button.secondary{background:var(--card-bg);color:var(--text);border:1px solid var(--border);width:100%;margin-bottom:.75rem}button.hidden{display:none}.word-list{margin:1rem 0 0;padding:0;list-style:none}.word-item{border-bottom:1px solid var(--border);justify-content:space-between;padding:.6rem .2rem;display:flex}.word-status{color:var(--text-muted);font-size:.85rem}.empty-state{color:var(--text-muted);text-align:center;padding:2rem 1rem}.practice-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.practice-form{gap:.5rem;display:flex}.practice-form.hidden{display:none}.feedback{text-align:center;min-height:1.5rem;margin:1rem 0;font-weight:600}.feedback.correct{color:var(--success)}.feedback.incorrect{color:var(--error)}.progress-summary{text-align:center;justify-content:space-around;margin-bottom:1.25rem;display:flex}.stat-number{font-size:1.6rem;font-weight:700;display:block}.stat-label{color:var(--text-muted);font-size:.8rem}.progress-table{border-collapse:collapse;width:100%}.progress-table th,.progress-table td{text-align:left;border-bottom:1px solid var(--border);padding:.5rem .3rem;font-size:.9rem}