:root{--bg:#f5f4ef;--surface:#fff;--text:#1c2230;--muted:#5f6878;--border:#dcdad2;--accent-l:#2b5bd7;--accent-d:#7ea2ff;--accent:var(--accent-l);--accent-text:#fff;--ok:#17794a;--ok-bg:#e3f4ea;--missed:#b8322a;--missed-bg:#fbe6e3;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:16px}:root[data-scheme=dark]{--bg:#14171d;--surface:#1e222b;--text:#e8eaf0;--muted:#9aa3b2;--border:#333946;--accent:var(--accent-d);--accent-text:#10131a;--ok:#6fd3a0;--ok-bg:#173527;--missed:#ff8f85;--missed-bg:#43201d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-scheme=light]):not([data-scheme=dark]){--bg:#14171d;--surface:#1e222b;--text:#e8eaf0;--muted:#9aa3b2;--border:#333946;--accent:var(--accent-d);--accent-text:#10131a;--ok:#6fd3a0;--ok-bg:#173527;--missed:#ff8f85;--missed-bg:#43201d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}[data-accent=green]{--accent-l:#17794a;--accent-d:#6fd3a0}[data-accent=purple]{--accent-l:#6d3fc4;--accent-d:#b79cff}[data-accent=orange]{--accent-l:#b4510a;--accent-d:#ffa35c}[data-accent=pink]{--accent-l:#c02673;--accent-d:#ff8fc0}:root[data-font-size=small]{font-size:14px}:root[data-font-size=large]{font-size:19px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;font-size:1rem;line-height:1.7}h1,h2{margin:0;line-height:1.3}h1{font-size:1.4rem}h2{font-size:1.05rem}p{margin:0}.topbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.brand-link{color:var(--text);font-weight:700;text-decoration:none}.brand{text-align:center;margin:12vh 0 24px}.page{gap:20px;max-width:640px;margin:0 auto;padding:20px 16px 64px;display:grid}.page-narrow{max-width:400px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.stack{gap:14px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row-between{justify-content:space-between}.muted,.hint{color:var(--muted);font-size:.9rem}.error{color:var(--missed);background:var(--missed-bg);border-radius:8px;padding:8px 12px}.notice{color:var(--ok);background:var(--ok-bg);border-radius:8px;padding:8px 12px}.field{gap:4px;display:grid}.field>span,legend{padding:0;font-size:.9rem;font-weight:600}fieldset{border:0;min-width:0;margin:0;padding:0}input[type=text],input[type=email],input[type=password],textarea{width:100%;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px}textarea{resize:vertical;min-height:5.5em}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.button{font:inherit;border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:8px 18px;font-weight:600;text-decoration:none;display:inline-flex}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.button.recording{background:var(--missed);border-color:var(--missed);color:var(--surface)}.button.text{color:var(--muted);background:0 0;border-color:#0000;padding:8px}.button:disabled{opacity:.5;cursor:not-allowed}.choices{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.choices label{cursor:pointer}.choices input{opacity:0;position:absolute}.choices span{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:6px 14px;font-size:.95rem;display:inline-block}.choices input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.choices input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.list-link{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;gap:2px;padding:14px 16px;text-decoration:none;display:grid}.list-title{overflow-wrap:anywhere;font-weight:600}.scores{color:var(--muted);font-variant-numeric:tabular-nums;gap:16px;font-size:.9rem;display:flex}.sentence{overflow-wrap:anywhere;font-size:1.25rem;line-height:1.6}.compare{gap:8px;display:grid}.compare-words{overflow-wrap:anywhere;font-size:1.2rem;line-height:2}.word-ok,.word-missed{border-radius:6px;margin-right:4px;padding:2px 5px}.word-ok{color:var(--ok);background:var(--ok-bg)}.word-missed{color:var(--missed);background:var(--missed-bg);text-underline-offset:4px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.score{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700}.progress{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.9rem}.swatch{border:1px solid var(--border);background:var(--accent-l);vertical-align:-.05em;border-radius:50%;width:.8em;height:.8em;margin-right:6px;display:inline-block}.swatch[data-accent=blue]{--accent-l:#2b5bd7}