:root{--bg: #fbfaf7;--surface: #ffffff;--text: #1c1c1c;--muted: #6a6a6a;--border: #e3e0d8;--accent: #c0392b;--accent-hover: #a93223;--correct: #2c8a3a;--correct-soft: #e3f2e6;--wrong: #b53636;--wrong-soft: #f7e3e3;--focus: #1f6feb;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #131312;--surface: #1c1c1b;--text: #ececec;--muted: #a3a3a3;--border: #2e2e2c;--accent: #e07060;--accent-hover: #c75744;--correct: #8cd09b;--correct-soft: #1d3322;--wrong: #e08585;--wrong-soft: #382323;--focus: #6ea8ff}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans JP,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}main{max-width:540px;margin:0 auto;padding:24px 16px 64px}h1.title{font-size:28px;margin:0 0 4px;letter-spacing:-.01em}h2.subtitle,p.subtitle{margin:0 0 24px;color:var(--muted);font-size:14px}.screen{display:flex;flex-direction:column;gap:20px}fieldset.group{border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin:0;background:var(--surface)}fieldset.group legend{padding:0 6px;font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}label.radio,label.checkbox{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;margin:2px 4px 2px 0;border-radius:6px;cursor:pointer;font-size:15px}label.radio:hover,label.checkbox:hover{background:var(--bg)}label.radio input,label.checkbox input{margin:0;accent-color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.chips label.checkbox{border:1px solid var(--border);padding:4px 8px;font-size:14px}p.meta{margin:8px 0 0;color:var(--muted);font-size:14px}.actions{display:flex;gap:12px;justify-content:center;margin-top:8px}button{font:inherit;border:1px solid transparent;border-radius:8px;padding:10px 18px;cursor:pointer;background:transparent;color:var(--text);transition:background-color 80ms ease}button.primary{background:var(--accent);color:#fff;font-weight:600;padding:12px 24px;min-width:160px}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.primary:disabled{background:var(--border);color:var(--muted);cursor:not-allowed}button.secondary{background:var(--surface);border-color:var(--border);padding:12px 18px;font-weight:500}button.secondary:hover{background:var(--bg)}button.link{background:none;border:none;color:var(--accent);padding:4px 8px;text-decoration:underline;text-underline-offset:3px;font-size:14px}button:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hint{color:var(--muted);font-size:13px;text-align:center;margin:0}.quiz-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:12px}.quiz-header .progress{margin:0;font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px}.prompt{text-align:center;padding:24px 8px}.instruction{margin:0 0 12px;color:var(--muted);font-size:14px;text-transform:uppercase;letter-spacing:.06em}.target-kanji{font-size:44px;font-weight:500;line-height:1.1;word-break:keep-all}.target-furigana{color:var(--muted);font-size:18px;margin-top:4px}.target-sentence{font-size:22px;line-height:1.6;font-weight:400}.options{display:grid;gap:10px}.option{background:var(--surface);border:1px solid var(--border);text-align:left;padding:14px 16px;font-size:17px;border-radius:8px;transition:background 80ms ease,border-color 80ms ease}.option:hover:not(:disabled){border-color:var(--accent);background:var(--bg)}.option-correct{background:var(--correct-soft);border-color:var(--correct);color:var(--text)}.option-wrong{background:var(--wrong-soft);border-color:var(--wrong);color:var(--text)}.feedback{border-radius:10px;padding:16px;border:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:6px}.feedback-correct{border-color:var(--correct)}.feedback-wrong{border-color:var(--wrong)}.feedback-headline{margin:0;font-weight:600}.feedback-correct .feedback-headline{color:var(--correct)}.feedback-wrong .feedback-headline{color:var(--wrong)}.feedback-line{margin:0;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.feedback-kanji{font-size:20px;font-weight:500}.feedback-furigana{color:var(--muted);font-size:14px}.feedback-meaning{font-size:15px}.feedback-sentence{margin:6px 0 0;font-size:16px}.feedback-sentence-meaning{margin:0;font-size:13px;color:var(--muted)}.score{font-size:48px;text-align:center;font-weight:600;margin:0;font-variant-numeric:tabular-nums}.breakdown{list-style:none;padding:0;margin:0;display:flex;gap:12px;justify-content:center;color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}.missed-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.missed-item{display:flex;gap:10px;align-items:baseline;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.missed-kanji{font-size:18px;font-weight:500}.missed-furigana{color:var(--muted);font-size:13px}.missed-meaning{font-size:14px;margin-left:auto}