:root{--bg:#14161c;--bg2:#1b1e26;--bg3:#232733;--fg:#e8eaf0;--muted:#9aa1b2;--accent:#6c8cff;--accent-fg:#fff;--ok:#3ecf8e;--bad:#ff6b6b;--info:#7ab8ff;--line:#2e3342;--radius:10px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:var(--accent);text-decoration:none}h1{margin:0 0 6px;font-size:1.35rem}h2{color:var(--fg);margin:0 0 10px;font-size:1.05rem}p{margin:8px 0}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--bg2);border-bottom:1px solid var(--line);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex;position:sticky;top:0}.brand-link{color:var(--fg);font-weight:700}.topnav{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.topnav a{color:var(--muted)}.topnav a:hover{color:var(--fg)}.content{flex:1;width:100%;max-width:860px;margin:0 auto;padding:18px 16px 48px}.narrow{max-width:640px;margin:0 auto}.center-page{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.center-page .card{width:100%;max-width:380px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;padding:16px}.btn{cursor:pointer;color:var(--fg);background:var(--bg3);border:1px solid #0000;border-radius:8px;padding:9px 16px;font-size:.95rem;display:inline-block}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:not(:disabled):hover{filter:brightness(1.1)}.btn-ghost{border-color:var(--line);background:0 0}.btn-ghost:not(:disabled):hover{border-color:var(--accent)}.btn-danger{border-color:var(--bad);color:var(--bad);background:0 0}a.btn{text-decoration:none}button.link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem}button.link.active{color:var(--fg);font-weight:700}.badge{background:var(--bg3);color:var(--muted);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:.78rem;display:inline-block}.badge-info{color:var(--info);background:#7ab8ff26}.badge-ok{color:var(--ok);background:#3ecf8e26}.badge-bad{color:var(--bad);background:#ff6b6b26}.field{margin-bottom:12px;display:block}.field-label{color:var(--muted);margin-bottom:4px;font-size:.85rem;display:block}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid var(--line);background:var(--bg3);width:100%;color:var(--fg);border-radius:8px;padding:9px 11px;font-size:.95rem}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}.check{cursor:pointer;align-items:center;gap:7px;margin-right:14px;display:inline-flex}input[type=range]{width:100%;accent-color:var(--accent)}.muted{color:var(--muted)}.err-text{color:var(--bad);word-break:break-word;font-size:.85rem}.ok-text{color:var(--ok)}.error-note{color:var(--bad);word-break:break-word;background:#ff6b6b1f;border:1px solid #ff6b6b66;border-radius:8px;margin:10px 0;padding:8px 12px;font-size:.9rem}.spinner{color:var(--muted);text-align:center;padding:40px 0}.progress{background:var(--bg3);border-radius:999px;height:8px;margin:10px 0;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .2s}.book-grid{grid-template-columns:1fr;gap:12px;display:grid}.book-card{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.book-title{font-weight:600}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.dropzone{border:2px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted);cursor:pointer;background:var(--bg);padding:34px 16px}.dropzone.over{border-color:var(--accent);color:var(--fg)}.voice-picker select{width:auto;min-width:160px}.voice-form{margin-top:12px}.stage-list{margin:0;padding:0;list-style:none}.stage-item{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:7px 0;display:flex}.stage-item:last-child{border-bottom:none}.stage-name{min-width:130px}.stage-pct{font-size:.82rem}.retry-row{margin-top:12px}.retry-row select{width:auto}.chapter-table{border-collapse:collapse;width:100%;font-size:.9rem}.chapter-table th,.chapter-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:7px 8px}.chapter-table th{color:var(--muted);font-size:.8rem;font-weight:500}.chapter-title{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.text-preview{background:var(--bg);border:1px solid var(--line);white-space:pre-wrap;border-radius:8px;max-height:420px;margin:0;padding:12px;font-size:.88rem;line-height:1.65;overflow:auto}.player-time{color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:4px}.player-controls{justify-content:center;align-items:center;gap:10px;margin:14px 0 6px;display:flex}.player-controls .btn{min-width:110px}.speed-row{justify-content:center;gap:12px;margin-top:4px}.stats{margin:0;padding-left:18px}.stats li{margin:4px 0}.brand{text-align:center;margin-bottom:2px}@media (width>=640px){.book-grid{grid-template-columns:1fr 1fr}.chapter-title{max-width:260px}}