:root{color-scheme:light dark;--bg: #f8fafc;--surface: #ffffff;--surface-soft: #eef2f7;--text: #111827;--muted: #667085;--line: #d8dee8;--accent: #2563eb;--accent-soft: #dbeafe;--danger: #dc2626;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #101418;--surface: #171d23;--surface-soft: #202832;--text: #f5f7fa;--muted: #a8b3c2;--line: #303946;--accent: #60a5fa;--accent-soft: #15324f;--danger: #f87171}}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{border:0;color:inherit;cursor:pointer}.shell{position:relative;min-height:100%;padding:max(12px,env(safe-area-inset-top)) 14px calc(86px + env(safe-area-inset-bottom))}.view{display:none;max-width:820px;margin:0 auto}.view.active{display:block}.topbar,.page-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 12px;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.page-header h1,.empty h1{margin:0;font-size:28px;letter-spacing:0}.page-header p,.empty p,.title-block span,.file-main span{margin:4px 0 0;color:var(--muted);font-size:13px}.title-block{min-width:0;flex:1;text-align:center}.title-block strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader{height:calc(100dvh - 280px);min-height:260px;overflow:auto;padding:6px 0 190px;scroll-padding:90px 0 210px}.paragraph{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start;margin:8px 0;padding:12px 12px 12px 8px;border:1px solid transparent;border-radius:8px}.paragraph p{margin:0;font-size:17px;line-height:1.75}.paragraph.current{border-color:var(--accent);background:var(--accent-soft)}.paragraph.selected{box-shadow:inset 3px 0 0 var(--accent)}.select-dot{width:26px;height:26px;margin-top:5px;border:2px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);font-size:11px;line-height:1}.select-dot.on{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:800}.reader.selecting .paragraph{border-color:var(--line)}.reader.selecting .paragraph:not(.selected){background:color-mix(in srgb,var(--surface-soft) 45%,transparent)}.controls{position:sticky;bottom:calc(62px + env(safe-area-inset-bottom));z-index:12;padding:12px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface) 96%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.transport,.control-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:center;margin-top:10px}.control-row{grid-template-columns:1fr 1fr}.icon-button,.primary,.ghost,.danger,.play-button{min-height:42px;border-radius:8px}.icon-button{min-width:42px;background:var(--surface-soft);font-size:22px}.play-button,.primary{background:var(--accent);color:#fff;font-weight:700}.primary.small{min-height:38px;padding:0 18px}.ghost{border:1px solid var(--line);background:var(--surface)}.ghost.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.danger{padding:0 12px;background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.progress{width:100%;accent-color:var(--accent)}.speed{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:6px;min-height:42px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.speed input{width:100%}.selection-bar,.file-loop,.loop-planner{margin:8px 0 10px}.selection-bar .ghost,.file-loop .ghost{width:100%}.loop-planner{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.loop-planner.active{border-color:var(--accent);background:var(--accent-soft)}.loop-planner strong,.loop-planner span{display:block}.loop-planner span{margin-top:4px;color:var(--muted);font-size:13px}.loop-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.loop-actions button:disabled{cursor:not-allowed;opacity:.45}.file-list{display:grid;gap:10px}.file-card{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.file-card.current{border-color:var(--accent)}.file-main{min-width:0;padding:0;background:transparent;text-align:left}.file-main strong,.file-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-main b{color:var(--accent);text-transform:uppercase}.settings-panel{display:grid;gap:14px}.settings-panel label,.compat-note,.install-hint{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.settings-panel input,.settings-panel select{width:100%;accent-color:var(--accent)}.switch-row{grid-template-columns:1fr auto;align-items:center}.switch-row input{width:22px;height:22px}.compat-note,.install-hint{color:var(--muted);line-height:1.6}.install-hint{grid-template-columns:1fr auto;align-items:center}.install-hint .ghost{min-height:34px;padding:0 12px;white-space:nowrap}.empty{display:grid;place-items:center;min-height:calc(100dvh - 160px);text-align:center}.empty p{max-width:280px;line-height:1.6}.small-empty{min-height:260px}.tabbar{position:fixed;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:820px;margin:0 auto;padding:8px 14px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tabbar button{display:grid;gap:2px;place-items:center;min-height:50px;border-radius:8px;background:transparent;color:var(--muted);font-size:12px}.tabbar span{font-size:18px}.tabbar button.active{color:var(--accent);background:var(--accent-soft)}.hidden-input{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}.toast{position:fixed;right:18px;bottom:calc(92px + env(safe-area-inset-bottom));left:18px;z-index:30;max-width:520px;margin:0 auto;padding:12px 14px;border-radius:8px;background:#111827;color:#fff;text-align:center;opacity:0;transform:translateY(10px);transition:.18s ease;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.busy{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);font-weight:700}@media(min-width:760px){.reader{height:calc(100dvh - 300px)}}