:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fafaf7;--fg:#1d1d1b;--muted:#6b6b66;--line:#d9d9d2;--accent:#b4531f;--card:#fff;--err:#b3261e;--ok:#2e7d32;--right:#ea7a00;--wrong:#e5252a}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#151514;--fg:#ecece6;--muted:#9a9a92;--line:#2e2e2b;--accent:#e08a57;--card:#1d1d1b;--err:#f2b8b5;--ok:#81c784;--right:#ffa43a;--wrong:#ff6161}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.7 -apple-system,PingFang SC,Hiragino Sans GB,sans-serif}.app{max-width:760px;margin:0 auto;padding:16px 16px 64px}header{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:12px;display:flex}h1{margin:0;font-size:20px}h2{font-size:18px}h3{margin:12px 0 4px;font-size:16px}nav{flex-wrap:wrap;gap:6px;display:flex}button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;border-radius:6px;padding:6px 14px}button.active,button.primary{background:var(--accent);border-color:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.banner{background:var(--card);border:1px solid var(--err);color:var(--err);border-radius:6px;padding:8px 12px}.target{letter-spacing:.04em;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px 16px;font-size:22px;line-height:1.8}.meta,.note,.definition{color:var(--muted);font-size:14px}textarea{border:1px solid var(--line);background:var(--card);width:100%;color:var(--fg);resize:vertical;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:20px;line-height:1.7}textarea[readonly]{opacity:.75}.metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:12px 0;display:grid}.metrics div{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px 12px}.metrics dt{color:var(--muted);font-size:13px}.metrics dd{margin:0;font-size:20px;font-weight:600}.label{min-width:4em;color:var(--muted);display:inline-block}.error{color:var(--err)}.ok{color:var(--ok)}.items{padding:0;list-style:none}.items li{margin:8px 0}.items button{text-align:left;width:100%}.series ol{padding-left:20px;font-size:14px}svg{color:var(--accent);max-width:100%}.target span{transition:color 80ms}.target [data-state=correct]{color:var(--right)}.target [data-state=wrong]{color:var(--wrong);text-underline-offset:4px;font-weight:600;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.target [data-state=pending]{color:var(--muted)}.extra{color:var(--err);margin:0 0 8px;font-size:14px}.live-toggle{color:var(--muted);margin:4px 0;font-size:14px;display:inline-block}.live{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;margin:8px 0;display:grid}.live div{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:4px 10px}.live dt{color:var(--muted);font-size:12px}.live dd{font-variant-numeric:tabular-nums;margin:0;font-size:16px;font-weight:600}.sound-toggle{margin-left:auto;font-size:14px}.sound-toggle[aria-pressed=false]{color:var(--muted)}.hint{color:var(--muted);margin:4px 0;font-size:14px}