:root{--bg: #f6f7f9;--card: #ffffff;--text: #16181d;--muted: #6b7280;--accent: #3f6fd8;--ok: #1f8a5b;--border: #e3e6eb;--ng: #c4413b;color-scheme:light dark;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;font-size:18px;line-height:1.6}@media(prefers-color-scheme:dark){:root{--bg: #121417;--card: #1c1f24;--text: #eceef2;--muted: #9aa1ac;--accent: #7ea2f0;--ok: #4cc38a;--border: #2a2e35;--ng: #f07a73}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{min-height:100dvh;display:flex;flex-direction:column;gap:16px;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));max-width:560px;margin:0 auto}h1{font-size:1.6rem;margin:8px 0 0}h2{font-size:1.05rem;margin:0 0 8px}.sub{color:var(--muted);margin:0}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px}.bottom{margin-top:auto}.primary{width:100%;min-height:64px;border:none;border-radius:32px;background:var(--accent);color:#fff;font-size:1.1rem;font-weight:600}.primary:disabled{opacity:.45}.bottom.stack{display:flex;flex-direction:column;gap:12px}.secondary{width:100%;min-height:56px;border:1px solid var(--border);border-radius:28px;background:var(--card);color:var(--text);font-size:1rem}.secondary.small{width:auto;min-height:44px;padding:0 20px}.center{text-align:center}.ng-text{color:var(--ng)}.timer{font-size:2.4rem;font-weight:700;font-variant-numeric:tabular-nums;margin:8px 0}.meter{height:12px;border-radius:6px;background:var(--border);overflow:hidden;margin:12px 0}.meter>div{height:100%;background:var(--accent);transition:width .1s linear}.main-point{margin:0;font-weight:600}.lines{list-style:none;padding:0;margin:0}.lines li{padding:10px 0;border-top:1px solid var(--border)}.lines li:first-child{border-top:none;padding-top:0}.lines .sub{font-size:.9rem;margin-top:4px}.line-head{display:flex;justify-content:space-between;gap:12px}.lines li.ng strong{color:var(--ng)}.lines li.ok strong{color:var(--ok)}audio{width:100%}.history{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.history button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--text);font-size:.95rem;text-align:left}.history-date{color:var(--muted);font-size:.85rem}.history-topic{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reading{white-space:pre-wrap;margin:4px 0 12px}.reading.large{font-size:1.2rem;line-height:1.9;margin:0}.rec-status{display:flex;flex-direction:column;gap:4px}.rec-status .meter{margin:4px 0}.rec-status .sub{font-size:.85rem;margin:0}.rec-row{display:flex;justify-content:space-between;align-items:baseline}.rec-row .timer{font-size:1.6rem;margin:0}