:root{--bg: #ffffff;--text: #111111;--muted: #666666;--panel: #f4f4f5;--border: #e5e7eb}.dark{--bg: #0b0f17;--text: #e7e9ee;--muted: #a3a7b3;--panel: #121826;--border: #273043}body{background:var(--bg);color:var(--text)}.modeToggle.svelte-1uha8ag{margin-left:10px}.wrap.svelte-1uha8ag{background:var(--bg);color:var(--text);min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;gap:8px;padding:6px 24px 24px;box-sizing:border-box}.top-bar.svelte-1uha8ag{display:grid;gap:10px}.top-row.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;gap:12px}.upload.svelte-1uha8ag{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.upload.svelte-1uha8ag input:where(.svelte-1uha8ag){display:none}.error.svelte-1uha8ag{padding:10px 12px;border-radius:10px;border:1px solid rgba(212,0,0,.35);background:#d400000f}.display.svelte-1uha8ag{display:grid;place-items:center;border-radius:16px;border:1px solid var(--border);background:var(--panel);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.word.svelte-1uha8ag{font-size:clamp(32px,6vw,72px);font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:grid;grid-template-columns:1fr 1ch 1fr;width:100%;align-items:baseline}.left.svelte-1uha8ag{justify-self:end;white-space:pre}.center.svelte-1uha8ag{justify-self:center;color:#d40000;white-space:pre}.right.svelte-1uha8ag{justify-self:start;white-space:pre}.controls.svelte-1uha8ag{display:flex;justify-content:center;gap:14px;align-items:center}button.svelte-1uha8ag{padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer}.bottom-bar.svelte-1uha8ag{position:sticky;bottom:0;padding:14px 14px 18px;border-radius:16px;border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.speed-row.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.label.svelte-1uha8ag{opacity:.75}.value.svelte-1uha8ag{font-weight:700}input[type=range].svelte-1uha8ag{width:100%}.chapter-controls.svelte-1uha8ag{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.checkbox.svelte-1uha8ag{display:inline-flex;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text)}.select.svelte-1uha8ag{display:inline-flex;gap:8px;align-items:center}select.svelte-1uha8ag{padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text)}.sentence.svelte-1uha8ag{font-size:1.6rem;max-width:600px;margin:auto;text-align:center;line-height:1.6;padding:20px}.paused-view.svelte-1uha8ag{font-size:1.6rem;max-width:700px;margin:auto;text-align:center;line-height:1.8;color:var(--muted)}.pause-word.svelte-1uha8ag{color:var(--muted)}.current-word.svelte-1uha8ag{color:var(--text);font-weight:700}.word.starting.svelte-1uha8ag{will-change:transform,opacity}.top-progress.svelte-1uha8ag{position:fixed;top:0;left:0;width:100%;height:20px;background:#8a8a8a;z-index:9999;pointer-events:none}.top-progress-fill.svelte-1uha8ag{height:100%;width:0%;background:#fffffff2;transition:width .12s linear}.top-progress-meta.svelte-1uha8ag{display:flex;justify-content:space-between;padding:6px 12px 0;font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;opacity:1;pointer-events:none}