:root{--bg:#f6f5f1;--surface:#fff;--text:#1d1f22;--muted:#6b6f76;--border:#dedcd5;--accent:#2f6fdb;--accent-text:#fff;--good:#1f8a4c;--good-bg:#e3f4ea;--warn:#9a6a00;--warn-bg:#fdf1d6;--bad:#c0392b;--bad-bg:#fbe4e1;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#15171a;--surface:#1f2226;--text:#e8e9eb;--muted:#9aa0a8;--border:#33373d;--accent:#5b93f0;--good:#5cc98a;--good-bg:#183324;--warn:#e8b64a;--warn-bg:#3a2f14;--bad:#f07a6c;--bad-bg:#3d1e1a}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font:17px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:640px;padding:env(safe-area-inset-top) 16px calc(24px + env(safe-area-inset-bottom));margin:0 auto}header h1{cursor:pointer;margin:12px 0;font-size:1.3rem}h2{font-size:1.2rem}button,select,input,textarea{font:inherit;color:inherit}button{border-radius:var(--radius);background:var(--accent);min-height:48px;color:var(--accent-text);cursor:pointer;border:none;padding:0 18px;font-weight:600}button:disabled{opacity:.5}button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}button.good{background:var(--good)}button.warn{background:var(--warn)}button.bad{background:var(--bad)}button.link{color:var(--accent);background:0 0;min-height:36px;padding:0 8px}input[type=text],textarea,select{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;min-height:48px;padding:10px 12px}textarea{resize:vertical;min-height:96px}.muted{color:var(--muted)}.error{color:var(--bad)}.stats{color:var(--muted);justify-content:space-between;margin-bottom:12px;display:flex}.banner{background:var(--warn-bg);color:var(--warn);border-radius:var(--radius);margin-bottom:12px;padding:12px}.empty{text-align:center;color:var(--muted);padding:32px 0}.tiles{gap:12px;display:grid}.tile{background:var(--surface);min-height:96px;color:var(--text);border:1px solid var(--border);text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px;font-weight:400;display:flex}.tile strong{font-size:1.1rem}.badge{color:var(--accent);font-weight:600}.actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.actions>button{flex:auto}.messages{padding-left:18px}.settings label{margin-bottom:16px;display:block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:12px 0;padding:20px 16px}.card .big{font-size:1.4rem;font-weight:600}.card .note,.card .hint{color:var(--muted);font-size:.95rem}.gap-line{font-size:1.15rem}.gap-line input{width:auto;min-width:8ch;margin:4px 0;display:inline-block}.feedback{border-radius:var(--radius);margin:12px 0;padding:10px 12px}.feedback.correct{background:var(--good-bg);color:var(--good)}.feedback.typo{background:var(--warn-bg);color:var(--warn)}.feedback.wrong{background:var(--bad-bg);color:var(--bad)}.rate{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.session-bar{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;display:flex}.session-bar .phase{color:var(--text);font-weight:600}.progress{background:var(--border);border-radius:2px;height:4px;margin:8px 0}.progress>div{background:var(--accent);border-radius:2px;height:100%}.reading-text p{white-space:pre-line;margin:0 0 1em}.word{cursor:pointer;border-radius:4px}.word.gloss{-webkit-text-decoration:underline dotted var(--accent);text-decoration:underline dotted var(--accent);text-underline-offset:3px}.word.active{background:var(--warn-bg)}.popup{background:var(--text);color:var(--bg);border-radius:var(--radius);margin:8px 0;padding:10px 14px;position:sticky;bottom:12px}.cheatsheet h1,.cheatsheet h2,.cheatsheet h3{font-size:1.1rem}.cheatsheet table{border-collapse:collapse}.cheatsheet td,.cheatsheet th{border:1px solid var(--border);padding:4px 8px}.mistakes{padding-left:18px}.mistakes li{margin-bottom:6px}