:root{color-scheme:light dark;--bg:#f5f1e8;--ink:#272522;--muted:#756f68;--card:#fffdf8;--line:#ded6c9;--accent:#b34b3d;--highlight:#d7f5dc;--highlight-ink:#163b22;--highlight-ring:#8fd19e}@media (prefers-color-scheme:dark){:root{--bg:#171614;--ink:#f5f0e8;--muted:#b7aea1;--card:#24211e;--line:#413b35;--accent:#ef927f}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5}a{color:inherit}button,select,textarea{font:inherit}button{cursor:pointer}.topbar{max-width:1120px;color:var(--muted);align-items:center;gap:18px;margin:auto;padding:22px 24px;font-size:.9rem;display:flex}.topbar .brand{color:var(--ink);margin-right:auto;font-weight:800;text-decoration:none}.topbar nav{align-items:center;gap:14px;display:flex}.topbar nav a{text-decoration:none}.topbar nav .selected{color:var(--ink);font-weight:750}main{max-width:1120px;margin:auto;padding:0 24px 140px}.hero{max-width:850px;padding:80px 0 48px}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:700}.hero h1{letter-spacing:-.055em;margin:18px 0;font-size:clamp(2.6rem,7vw,5.4rem);line-height:1}.lede{color:var(--muted);max-width:700px;font-size:1.15rem}.primary{background:var(--accent);color:#fff;border:0;border-radius:999px;margin-top:14px;padding:13px 21px;font-weight:700}.workspace{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 20px 70px #0000000c}.toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px;padding-bottom:18px;display:flex}.toolbar div{flex-direction:column;margin-right:auto;display:flex}.toolbar span{color:var(--muted);font-size:.78rem}.toolbar label{color:var(--muted);font-size:.85rem}.toolbar select,.player select{border:1px solid var(--line);max-width:220px;color:inherit;background:0 0;border-radius:8px;padding:5px 8px}.toolbar select:disabled{opacity:.65}.voice-help{border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--muted);border-radius:12px;margin:-4px 0 18px;padding:12px 14px;font-size:.86rem}.voice-help strong{color:var(--ink)}.workspace textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:130px;color:inherit;outline-color:var(--accent);background:0 0;border-radius:14px;padding:15px}.import-row{align-items:center;gap:10px;margin:14px 0;display:flex}.file-button,.quiet{border:1px solid var(--line);color:inherit;background:0 0;border-radius:999px;padding:10px 16px}.file-button input{display:none}.quiet{color:var(--muted);border:0}.status{min-height:26px;color:var(--muted);font-size:.9rem}.sentence{border-top:1px solid var(--line);grid-template-columns:42px 1fr;gap:12px;padding:20px 0;display:grid}.sentence.active{border-left:3px solid var(--accent);padding-left:12px}.number{color:var(--accent);font-variant-numeric:tabular-nums}.text{font-size:clamp(1.15rem,2.2vw,1.5rem);line-height:1.85}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:13px;display:flex}.actions button{border:1px solid var(--line);color:inherit;background:0 0;border-radius:999px;padding:8px 12px}.actions audio{max-width:100%;height:38px}.word{box-decoration-break:clone;border-radius:5px;transition:background 80ms,color 80ms,box-shadow 80ms}.word.speaking{background:var(--highlight);color:var(--highlight-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--highlight-ring) 45%,transparent);margin-inline:-4px;padding:2px 4px}.player{z-index:5;background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(16px);border-top:1px solid var(--line);align-items:center;gap:13px;min-height:72px;padding:12px max(24px,50vw - 536px);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #00000010}.player span{color:var(--muted);margin-right:auto;font-size:.9rem}.player button{border:1px solid var(--line);width:44px;height:44px;color:inherit;background:0 0;border-radius:50%}.player .play{background:var(--accent);color:#fff;border:0}.player label{color:var(--muted);white-space:nowrap;font-size:.85rem}.seo{padding:70px 0 0}.seo h2{letter-spacing:-.03em;font-size:2rem}.seo>div{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.seo p{color:var(--muted)}.seo b{color:var(--ink)}@media (width<=650px){.topbar{flex-wrap:wrap;padding-inline:16px}.topbar>span{display:none}.topbar nav{gap:10px}.topbar nav a:last-child{display:none}main{padding-inline:16px}.hero{padding-top:45px}.workspace{border-radius:18px;padding:16px}.toolbar{align-items:flex-start}.toolbar div{flex-basis:100%}.import-row{flex-wrap:wrap}.seo>div{grid-template-columns:1fr}.player{gap:7px;padding:10px 12px}.player label{font-size:.75rem}.player span{text-overflow:ellipsis;white-space:nowrap;max-width:88px;overflow:hidden}}