:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172239;background:#eef2f8;font-size:16px;--blue:#2c63ed;--muted:#65728a;--line:#e2e7ef}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid var(--line);background:white;color:inherit;border-radius:10px;padding:10px 15px;font-weight:550}button:hover{background:#f0f4ff;border-color:#a7bbf6}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #81a4ff;outline-offset:3px}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#2051cc;color:white}.app{max-width:1440px;margin:auto;padding:32px 36px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:16px}.brand{display:flex;align-items:center;gap:13px}.logo{background:var(--blue);border-radius:12px;color:white;width:44px;height:44px;display:grid;place-items:center;font-size:22px}.brand strong{font-size:23px;letter-spacing:-.7px}.sub{color:var(--muted);font-size:14px;margin-top:2px}.badge{font-size:14px;color:var(--muted)}.workspace{display:grid;grid-template-columns:310px 1fr;min-height:620px;background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #24375e08}aside{padding:24px 18px;background:#f9fbfe;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:16px}h2{font-size:16px;margin:0}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.count{font-size:13px;color:var(--muted)}.imports{display:grid;grid-template-columns:1fr 1fr;gap:8px}.imports button{font-size:14px;padding:11px 8px}.drop{border:1px dashed #b8c7df;border-radius:12px;text-align:center;padding:22px 12px;color:var(--muted);font-size:14px;line-height:1.6}.drop.active{background:#eaf0ff;border-color:var(--blue)}#queue{list-style:none;padding:0;margin:0;max-height:390px;overflow:auto;flex:1}#queue li{display:flex;align-items:center;border-radius:10px;margin:4px 0;gap:2px}#queue li.selected{background:#e9efff}#queue .item{flex:1;border:0;background:transparent;text-align:left;min-width:0;padding:13px 10px}#queue .item strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}#queue .item small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.remove{background:transparent;border:0;padding:8px;color:var(--muted)}.quiet{background:transparent;font-size:14px;color:var(--muted)}.reader{min-width:0;display:flex;flex-direction:column}.reader-head{padding:28px 36px 20px;border-bottom:1px solid var(--line)}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:1.5px;color:var(--blue);font-weight:700}h1{font-size:28px;line-height:1.3;letter-spacing:-.7px;margin:10px 0;overflow-wrap:anywhere}.meta{color:var(--muted);font-size:14px}.text-area{padding:24px 32px;flex:1;height:355px;overflow:auto;max-height:48vh;scroll-behavior:smooth}.empty{height:100%;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);gap:14px}.empty strong{font-size:23px;color:#243552;letter-spacing:-.6px}.empty p{max-width:350px;margin:0;line-height:1.7}.empty button{margin-top:10px}.sentence{display:block;width:100%;text-align:left;font:18px/1.8 Georgia,serif;border:0;border-left:3px solid transparent;background:transparent;border-radius:0;padding:8px 15px;color:#4b5870;margin:2px 0;white-space:pre-wrap}.sentence.current{border-color:var(--blue);background:#eef3ff;color:#182c53}.sentence:hover{background:#f5f7fb}.player{padding:20px 36px 26px;border-top:1px solid var(--line);background:white}.progress{width:100%;accent-color:var(--blue);margin:13px 0 18px}.play-row{display:flex;align-items:center;justify-content:center;gap:12px}.play-row button{min-width:44px}.play{min-width:140px!important}.settings{display:grid;grid-template-columns:1fr 170px;gap:18px;margin-top:24px}label{font-size:14px;color:#4b5870}select{width:100%;background:white;border:1px solid var(--line);border-radius:8px;padding:9px;margin-top:7px;color:#243552;min-width:0}#voice-note{font-size:12px;color:var(--muted);line-height:1.5;margin:8px 0 0}.status{font-size:14px;color:var(--muted)}#notice{font-size:14px;color:#8c3a10;background:#fff1e7;padding:13px 18px;border-radius:10px;margin-top:15px;white-space:pre-line}#notice:empty{display:none}.footer{display:flex;justify-content:space-between;align-items:start;gap:24px;font-size:13px;color:var(--muted);margin-top:20px;line-height:1.7}details{max-width:660px}summary{cursor:pointer}details p{margin:8px 0}.autoplay{display:flex;align-items:center;gap:8px;font-size:13px}input[type=checkbox]{accent-color:var(--blue);width:16px;height:16px}kbd{border:1px solid #ccd5e3;padding:1px 5px;border-radius:4px;font-size:12px}.hidden{display:none}
@media(max-width:800px){.app{padding:20px 14px}.workspace{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line);padding:20px}#queue{max-height:180px}.drop{padding:12px}.reader-head{padding:22px}.text-area{padding:16px;height:320px;max-height:50vh}.player{padding:18px 20px}.badge{display:none}.footer{flex-direction:column;gap:12px}.settings{grid-template-columns:1fr 120px}.play-row{gap:6px}.play-row button{padding:10px}.play{min-width:112px!important}h1{font-size:24px}}@media(prefers-reduced-motion:reduce){.text-area{scroll-behavior:auto}}
.signature{text-align:center;margin:24px 0 4px;font-size:14px;color:var(--muted)}a{color:var(--blue);text-underline-offset:3px}.voice-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.voice-tools button{font-size:14px;padding:8px 12px}.voice-help{font-size:14px;line-height:1.6;margin-top:12px;color:var(--muted)}