:root{color-scheme:light dark;--bg:#f5f1e8;--ink:#272522;--muted:#756f68;--card:#fffdf8;--line:#ded6c9;--accent:#b34b3d;--green:#d7f5dc;--green-ink:#163b22;--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,PingFang SC,Noto Sans CJK SC,sans-serif;line-height:1.6}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}.brand{color:var(--ink);margin-right:auto;font-weight:800;text-decoration:none}.topbar nav{gap:14px;display:flex}.topbar nav a{text-decoration:none}.topbar .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:.09em;font-size:.76rem;font-weight:800}.hero h1{letter-spacing:-.055em;margin:18px 0;font-size:clamp(2.8rem,7vw,5.5rem);line-height:1.02}.lede{color:var(--muted);max-width:720px;font-size:1.15rem}.primary{background:var(--accent);color:#fff;border:0;border-radius:999px;margin-top:14px;padding:13px 21px;font-weight:750}.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,.toolbar label{color:var(--muted);font-size:.82rem}.toolbar select,.player select{border:1px solid var(--line);max-width:220px;color:inherit;background:0 0;border-radius:8px;padding:5px 8px}.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)}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{flex-wrap:wrap;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)}.text{font-size:clamp(1.2rem,2.2vw,1.55rem);line-height:2}.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{border-radius:5px;transition:background 80ms,color 80ms,box-shadow 80ms}.word.speaking{background:var(--green);color:var(--green-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--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}.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:.82rem}.features{padding:70px 0}.features h2{font-size:2rem}.features>div{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.features p{color:var(--muted)}.features b{color:var(--ink)}@media (width<=700px){.topbar{flex-wrap:wrap;padding-inline:16px}.topbar>span,.topbar nav a:last-child{display:none}.topbar nav{gap:10px}main{padding-inline:16px}.hero{padding-top:44px}.workspace{border-radius:18px;padding:16px}.toolbar div{flex-basis:100%}.features>div{grid-template-columns:1fr}.player{gap:7px;padding:10px 12px}.player span{max-width:70px;overflow:hidden}.player label{font-size:.72rem}}