:root{--bg:#fff;--surface:#fff;--surface-muted:#f6f4fb;--surface-card:#faf9fd;--ink:#1a1430;--ink-soft:#6b6580;--ink-faint:#a09bb3;--accent:#6c4cf1;--accent-hover:#5a3ce0;--accent-soft:#ddd2ff;--accent-bg:#f1ecff;--record-active:#d63c5e;--border:#ebe9f3;--border-strong:#d9d4e8;--success:#1f8f4a;--success-bg:#e7f5ec;--danger:#b3304f;--danger-bg:#fceaee;--warn:#a8721a;--warn-bg:#fff5d8;--font-ui:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;--font-prose:"New York", "Iowan Old Style", Georgia, ui-serif, serif;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-pill:999px;--sat:env(safe-area-inset-top);--sab:env(safe-area-inset-bottom);--sal:env(safe-area-inset-left);--sar:env(safe-area-inset-right)}*{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}html,body{background:var(--bg);height:100dvh;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;padding:0;font-size:15px;line-height:1.4;overflow:hidden}button{background:var(--surface);color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--r-sm);cursor:pointer;padding:8px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:background .12s,border-color .12s,transform 50ms}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:active{background:var(--accent-hover)}button.ghost{color:var(--ink-soft);background:0 0;border-color:#0000}button.ghost:active{background:var(--surface-muted)}button.danger{color:var(--danger);background:0 0;border-color:#0000}button.success{color:#fff;background:var(--success);border-color:var(--success)}button.small{padding:4px 10px;font-size:12px}button.big-btn{width:100%;padding:14px 18px;font-size:15px}input,textarea{color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);-webkit-appearance:none;outline:none;padding:10px 12px;font-family:inherit;font-size:15px}input:focus,textarea:focus{border-color:var(--accent)}textarea{resize:none}.app{height:100dvh;padding-left:var(--sal);padding-right:var(--sar);grid-template-rows:1fr auto;display:grid}.screen{min-height:0;padding-top:max(8px, var(--sat));flex-direction:column;display:flex}.screen-pad{flex:1;min-height:0;padding:16px;overflow-y:auto}.screen-pad.center{justify-content:center;align-items:center;display:flex}.topbar{flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px 6px;display:flex}.topbar-left{align-items:center;gap:8px;display:flex}.brand{letter-spacing:-.01em;color:var(--ink);font-size:17px;font-weight:700}.avatar{background:var(--accent);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:13px;font-weight:600;display:flex}.selectors{flex-shrink:0;align-items:center;gap:6px;padding:4px 16px 10px;display:flex;position:relative}.pill{background:var(--surface-muted);color:var(--ink);border:1px solid var(--border);border-radius:var(--r-pill);align-items:center;gap:4px;min-width:0;max-width:50%;padding:7px 12px;font-size:13px;font-weight:500;display:flex}.pill-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.more-btn{color:var(--ink-soft);background:0 0;border:none;align-items:center;margin-left:auto;padding:6px;display:flex}.more-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);z-index:20;flex-direction:column;min-width:200px;display:flex;position:absolute;top:100%;right:14px;overflow:hidden;box-shadow:0 8px 24px #1a14301f}.more-menu button{border:none;border-bottom:1px solid var(--border);text-align:left;background:var(--surface);border-radius:0;padding:12px 14px}.more-menu button:last-child{border-bottom:none}.more-menu button:active{background:var(--surface-muted)}.workspace{background:var(--surface-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;flex:1;min-height:0;display:flex}.cleaning-banner{background:var(--accent-bg);color:var(--accent);border-bottom:1px solid var(--accent-soft);flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.spinner{border:2px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.seg-tabs{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;display:flex}.seg-tab{color:var(--ink-soft);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 6px;font-size:14px;font-weight:500;display:flex;position:relative}.seg-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.seg-badge{background:var(--accent);color:#fff;border-radius:var(--r-pill);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}.ws-body{background:var(--surface);flex-direction:column;flex:1;min-height:0;display:flex}.ws-pane{flex-direction:column;flex:1;min-height:0;padding:14px 18px;display:none;overflow-y:auto}.ws-pane.active{display:flex}.ws-pane-label{display:none}.ws-foot{border-top:1px solid var(--border);background:var(--surface);color:var(--ink-soft);flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 14px;font-size:12px;display:flex}.wc{font-variant-numeric:tabular-nums}.manuscript-text,.manuscript-cleaned{width:100%;min-height:100%;font-family:var(--font-prose);color:var(--ink);background:0 0;border:none;padding:0;font-size:17px;line-height:1.7}.manuscript-text{resize:none;outline:none}.manuscript-cleaned p{margin:0 0 1em}.tts-hint{font-family:var(--font-ui);color:var(--ink-soft);text-align:center;border-bottom:1px dashed var(--border);margin:0 0 8px;padding:4px 0 12px;font-size:12px;font-style:italic}.cleaned-para-wrap{margin:0 -8px 6px;position:relative}.cleaned-para{border-radius:var(--r-sm);margin:0;padding:6px 8px;transition:background .12s;position:relative}.cleaned-para.playing{background:var(--accent-bg);color:var(--ink)}.cleaned-para.empty-para{color:var(--ink-faint);font-style:italic}.para-tools-row{gap:4px;margin:0 0 2px;padding:2px 4px;display:flex}.para-tool{color:var(--ink-soft);border-radius:var(--r-sm);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;min-width:34px;min-height:30px;padding:6px 10px;font-size:13px;line-height:1;display:inline-flex}.para-tool:active{background:var(--surface-muted)}.para-tool.play{color:var(--accent)}.para-tool.play.active{background:var(--accent);color:#fff}.para-tool.rework{color:var(--accent)}.para-tool.rework.busy{background:var(--accent-bg);color:var(--accent);font-weight:700}.cleaned-para.editing{background:var(--surface-muted);flex-direction:column;gap:10px;padding:12px;display:flex}.manual-banner{color:#6e4b14;border-radius:var(--r-sm);background:#fffaf0;border:1px solid #f0d8a8;justify-content:space-between;align-items:center;gap:8px;margin:0 0 12px;padding:8px 12px;font-size:12px;display:flex}.add-para-row{border-top:1px dashed var(--border);justify-content:center;margin-top:8px;padding-top:16px;display:flex}.para-edit-input{width:100%;font-family:var(--font-prose);resize:vertical;min-height:80px;padding:10px;font-size:16px;line-height:1.6}.rate-select{font-family:var(--font-ui);background:var(--surface);color:var(--ink-soft);border:1px solid var(--border);border-radius:var(--r-sm);margin-left:8px;padding:2px 4px;font-size:11px}.action.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ws-saving{color:var(--ink-soft);padding-top:6px;font-size:11px;font-style:italic}.empty{text-align:center;color:var(--ink-soft);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 16px;display:flex}.empty p{margin:0}.action-row{background:var(--surface);flex-shrink:0;grid-template-columns:auto repeat(4,1fr);align-items:center;gap:6px;padding:10px 12px 8px;display:grid}.action{background:var(--surface);border:1px solid var(--border);color:var(--ink-soft);border-radius:var(--r-md);flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:56px;padding:8px 4px;font-size:10px;font-weight:500;display:flex}.action span{line-height:1}.action.big{background:var(--accent);border-color:var(--accent);color:#fff;border-radius:50%;width:56px;height:56px;padding:0;box-shadow:0 4px 14px #6c4cf166}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);padding-bottom:var(--sab);flex-shrink:0;grid-template-columns:repeat(4,1fr);display:grid}.bn-tab{color:#5a5666;background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 0 8px;font-size:11px;font-weight:500;display:flex}.bn-tab.active{color:var(--accent)}.bn-icon{justify-content:center;align-items:center;display:flex}.toast{left:16px;right:16px;top:max(60px, calc(var(--sat) + 50px));border-radius:var(--r-md);z-index:50;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex;position:fixed;box-shadow:0 6px 20px #1a14301f}.toast.err{background:var(--danger-bg);color:#6f1e34;border:1px solid #f0b8c4}.toast.flash{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-soft)}.suggestions-list{flex-direction:column;gap:12px;display:flex}.sugg-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);flex-direction:column;gap:8px;padding:14px;display:flex}.sugg-card.transition{background:var(--warn-bg);border-color:#e6cf94}.sugg-card.wake{background:var(--accent-bg);border-color:var(--accent-soft)}.sugg-card.resolved{opacity:.7}.sugg-head{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);justify-content:space-between;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.sugg-diff{font-family:var(--font-prose);font-size:15px;line-height:1.55}.sugg-diff .from{color:var(--ink-soft);text-decoration:line-through;-webkit-text-decoration-color:var(--ink-faint);text-decoration-color:var(--ink-faint);margin:0}.sugg-diff .to{color:var(--ink);margin:0}.sugg-context{font-family:var(--font-prose);color:var(--ink);background:var(--surface-muted);border-radius:var(--r-sm);white-space:pre-wrap;word-break:break-word;padding:10px 12px;font-size:14.5px;line-height:1.6}.sugg-context .ctx{color:var(--ink-soft)}.sugg-context .ctx-orig{color:var(--danger);text-decoration:line-through;-webkit-text-decoration-color:var(--danger);text-decoration-color:var(--danger)}.sugg-context .ctx-new{color:var(--accent);background:var(--accent-bg);border-radius:2px;padding:0 3px;font-weight:600}.sugg-context .ctx-add{color:var(--warn);background:var(--warn-bg);border-radius:2px;padding:0 3px;font-style:italic;font-weight:600}.sugg-edit-input{width:100%;font-family:var(--font-prose);resize:vertical;min-height:80px;font-size:15px}.sugg-actions{flex-wrap:wrap;gap:8px;display:flex}.sugg-actions button{flex:1;min-width:80px}.sugg-discard{align-self:center;margin-top:16px}.sugg-accept-all{width:100%;padding:12px 16px;font-weight:600}.resolved-fold{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:12px;display:flex}.resolved-fold summary{cursor:pointer;color:var(--ink-soft);padding:4px 0;font-size:12px}.sheet-root{z-index:100;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{background:#1a143052;animation:.15s fade;position:absolute;inset:0}.sheet{background:var(--surface);border-top-left-radius:var(--r-lg);border-top-right-radius:var(--r-lg);max-height:90dvh;padding-bottom:max(16px, var(--sab));flex-direction:column;animation:.18s slideup;display:flex;position:relative;box-shadow:0 -8px 32px #1a14302e}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slideup{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 16px 4px;display:flex;position:relative}.sheet-grip{background:var(--border-strong);border-radius:2px;width:36px;height:4px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.sheet-title{flex:1;margin:12px 0 8px;font-size:16px;font-weight:600}.sheet-close{padding:8px}.sheet-body{padding:16px;overflow-y:auto}.record-sheet{flex-direction:column;align-items:center;gap:24px;padding:16px 0 8px;display:flex}.rec-timer{font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:-.02em;font-size:56px;font-weight:300}.record-circle{background:var(--record-active);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 0 0 8px #d63c5e2e}.rec-done{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.rec-check{background:var(--success-bg);width:64px;height:64px;color:var(--success);border-radius:50%;justify-content:center;align-items:center;font-size:32px;font-weight:600;display:flex}.rec-status{color:var(--ink-soft);text-align:center;font-size:13px}.chapter-list{flex-direction:column;gap:8px;display:flex}.chapter-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);align-items:stretch;gap:4px;display:flex;overflow:hidden}.chapter-row.active{border-color:var(--accent);background:var(--accent-bg)}.chapter-row.active .chapter-select{color:var(--accent)}.chapter-select{text-align:left;color:inherit;background:0 0;border:none;border-radius:0;flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:14px;font-size:14px;display:flex}.chapter-row-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chapter-words{color:var(--ink-soft);flex-shrink:0;font-size:12px}.chapter-row-tools{border-left:1px solid var(--border);flex-shrink:0;gap:0;display:flex}.chapter-row-tools .para-tool{border:none;border-left:1px solid #0000;border-radius:0;min-width:40px;min-height:auto;padding:0 10px}.chapter-row-tools .para-tool+.para-tool{border-left-color:var(--border)}.book-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.book-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);text-align:left;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.book-item.active{border-color:var(--accent);background:var(--accent-bg)}.book-item-main{flex-direction:column;gap:2px;display:flex}.book-item-title{font-size:15px;font-weight:600}.book-item-author{color:var(--ink-soft);font-size:12px}.badge{color:var(--ink-soft);border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--surface);align-items:center;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge.accent{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-bg)}.badge.success{color:var(--success);background:var(--success-bg);border-color:#b6dec6}.form{flex-direction:column;gap:12px;display:flex}.form h3{color:var(--ink-soft);margin:12px 0 0;font-size:14px;font-weight:600}.form label{color:var(--ink-soft);flex-direction:column;gap:4px;font-size:12px;display:flex}.allow-list{flex-direction:column;gap:8px;margin:4px 0 12px;display:flex}.allow-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);align-items:center;gap:8px;padding:10px 12px;display:flex}.allow-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.allow-email{word-break:break-all;font-size:14px}.allow-note{color:var(--ink-soft);font-size:11px}.usage-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.usage-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.usage-type{font-size:13px;font-weight:500}.usage-detail{color:var(--ink-soft);margin-top:2px;font-size:11px}.usage-cost{color:var(--accent);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.hint{color:var(--ink-soft);text-align:center;padding:16px;font-size:13px}.export-grid{flex-direction:column;gap:10px;margin-top:8px;display:flex}.upload-sheet{flex-direction:column;gap:12px;display:flex}.upload-pick{border-radius:var(--r-sm);background:var(--accent);color:#fff;cursor:pointer;text-align:center;justify-content:center;align-items:center;width:100%;padding:14px 18px;font-size:15px;font-weight:600;display:flex}.upload-preview{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:12px;padding:14px;display:flex}.upload-meta{flex-direction:column;gap:4px;font-size:14px;display:flex}.upload-name{word-break:break-all;font-weight:600}.upload-stats{color:var(--ink-soft);font-size:12px}.history-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.history-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.history-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.history-when{font-size:13px;font-weight:500}.history-reason{color:var(--ink-soft);text-transform:lowercase;font-size:11px}.history-counts{color:var(--ink-soft);font-size:11px}.net-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--r-pill);border:1px solid var(--border);padding:3px 10px;font-size:11px;font-weight:600}.net-pill.online{color:var(--success);background:var(--success-bg);border-color:#b6dec6}.net-pill.offline{color:var(--danger);background:var(--danger-bg);border-color:#f0b8c4}.queue-panel{background:var(--accent-bg);border:1px solid var(--accent-soft);border-radius:var(--r-md);flex-direction:column;gap:12px;margin-bottom:16px;padding:14px;display:flex}.queue-head{color:var(--ink);flex-direction:column;gap:4px;display:flex}.queue-list{flex-direction:column;gap:6px;display:flex}.queue-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.rec-list{flex-direction:column;gap:10px;display:flex}.rec-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:8px;padding:12px;display:flex}.rec-meta{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}audio{width:100%}.row{flex-wrap:wrap;gap:8px;display:flex}.signin-main{background:var(--surface-muted);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.signin-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);text-align:center;flex-direction:column;gap:16px;width:100%;max-width:360px;padding:32px 28px;display:flex;box-shadow:0 8px 24px #1a143014}.signin-title{color:var(--accent);margin:0;font-size:28px;font-weight:700}.signin-sub{color:var(--ink-soft);margin:0;font-size:14px}.signin-btn{width:100%;padding:14px 20px;font-size:15px}.err{background:var(--danger-bg);color:#6f1e34;border-radius:var(--r-sm);border:1px solid #f0b8c4;padding:10px 12px;font-size:13px}@media (min-width:1024px){body{background:var(--surface-muted)}.topbar,.selectors,.action-row{background:var(--surface);width:100%;max-width:1400px;margin-left:auto;margin-right:auto}.topbar{border-bottom:1px solid var(--border)}.workspace{border-left:1px solid var(--border);border-right:1px solid var(--border);width:100%;max-width:1400px;margin-left:auto;margin-right:auto}.seg-tabs{display:none}.ws-body{background:var(--border);flex-direction:row;grid-template-columns:1.2fr 1.2fr .9fr;gap:1px;display:grid}.ws-pane{background:var(--surface);padding:16px 18px;display:flex}.ws-pane-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);border-bottom:1px solid var(--border);align-items:center;gap:6px;margin-bottom:12px;padding-bottom:10px;font-size:11px;font-weight:600;display:flex}.ws-foot{width:100%;max-width:1400px;margin-left:auto;margin-right:auto}.bottom-nav{border-left:1px solid var(--border);border-right:1px solid var(--border);max-width:1400px;margin-left:auto;margin-right:auto}.screen-pad{width:100%;max-width:720px;margin-left:auto;margin-right:auto}.manuscript-text,.manuscript-cleaned{max-width:640px}}