:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fb;--surface:#fff;--surface-soft:#f7f9fc;--text:#111827;--muted:#667085;--line:#dfe4ec;--line-strong:#cbd3df;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-soft:#eff6ff;--ok:#16865f;--error:#c4322b;--shadow:0 18px 48px #1018281f;--player-height:92px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.45}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button,a{-webkit-tap-highlight-color:transparent}svg{flex:none;display:block}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.035em;font-size:clamp(26px,4vw,32px);line-height:1.12}h3{font-size:18px;line-height:1.25}.app-shell{max-width:720px;min-height:100vh;padding:0 20px calc(var(--player-height) + 40px + env(safe-area-inset-bottom));grid-template-areas:"topbar""upload""jobs";gap:32px;margin:0 auto;display:grid}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#f5f7fbeb;grid-area:topbar;justify-content:space-between;align-items:center;gap:18px;min-height:86px;margin:0 -20px;padding:16px 20px;display:flex;position:sticky;top:0}.header-actions,.quota-pill,.section-head,.selection-summary,.job-meta,.job-progress-wrap,.player,.player-progress{align-items:center;display:flex}.brand{letter-spacing:-.02em;white-space:nowrap;font-size:18px;font-weight:800}.header-actions{gap:10px}.quota-pill{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:999px;gap:7px;min-height:36px;padding:0;font-size:14px;font-weight:650}.header-auth-button{background:var(--surface);border:1px solid var(--line-strong);color:var(--text);white-space:nowrap;border-radius:10px;min-height:40px;padding:0 14px;font-size:14px;font-weight:700}.upload-section,.jobs-section{min-width:0}.upload-section{grid-area:upload}.jobs-section{grid-area:jobs}.section-head{justify-content:space-between;min-height:50px;margin-bottom:16px}.link-button,.plain-button,.signin-note button,.icon-button{color:var(--accent);background:0 0;border:0;padding:0;font-weight:700}.link-button{min-height:44px}.icon-button{border-radius:9px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.icon-button.disabled{color:#aeb7c3}.upload-card{background:var(--surface);cursor:pointer;text-align:center;border:1.5px dashed #b8c2d1;border-radius:16px;place-items:center;gap:10px;min-height:210px;padding:28px 24px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:grid}.upload-card:hover,.upload-card.is-dragging{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 0 4px #2563eb14}.upload-card.is-dragging{transform:translateY(-2px)}.upload-input{opacity:0;width:1px;height:1px;position:absolute}.upload-icon{color:var(--accent);width:52px;height:52px;margin-bottom:4px}.upload-title{letter-spacing:-.02em;font-size:19px;font-weight:800}.upload-meta{color:var(--muted);font-size:15px}.selection-panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-top:12px;overflow:hidden}.selected-files{max-height:230px;display:grid;overflow:auto}.file-row{border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:62px;padding:10px 14px;display:grid}.file-name-wrap{min-width:0}.file-name-wrap strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.file-name-wrap span{color:var(--muted);margin-top:2px;font-size:13px;display:block}.plain-button{min-height:36px;font-size:13px}.selection-summary{background:var(--surface-soft);justify-content:space-between;gap:18px;padding:14px}.selection-summary>div{min-width:0}.selection-summary strong,.selection-summary span{display:block}.selection-summary span{color:var(--muted);margin-top:3px;font-size:13px}.voice-picker{gap:4px;min-width:170px;margin-left:auto;display:grid}.voice-picker>span{color:var(--muted);margin:0;font-size:12px;font-weight:700}.voice-picker select{background:var(--surface);border:1px solid var(--line-strong);color:var(--text);font:inherit;border-radius:9px;min-height:38px;padding:0 32px 0 10px;font-size:13px}.primary-action,.secondary-action{border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 18px;font-weight:750;display:inline-flex}.primary-action{background:var(--accent);border:1px solid var(--accent);color:#fff}.primary-action:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.primary-action.compact{flex:none;font-size:15px}.primary-action.compact svg{width:22px;height:22px}.secondary-action{background:var(--surface);border:1px solid var(--line-strong);color:var(--text)}.jobs{gap:10px;display:grid}.empty-state{text-align:left;background:0 0;border:0;align-content:center;gap:7px;min-height:44px;padding:0;display:grid}.empty-state p{color:var(--muted)}.job-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:98px;padding:13px;transition:border-color .15s,box-shadow .15s;display:grid}.job-card.is-active{border-color:#9ab7fb;box-shadow:0 0 0 3px #2563eb14}.thumb{background:var(--surface-soft);border:1px solid var(--line);color:#7a8492;border-radius:11px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.thumb.pdf{color:#d14343}.job-details{min-width:0}.job-title{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.job-meta{color:var(--muted);flex-wrap:wrap;gap:6px;margin-top:5px;font-size:13px}.job-pages{color:var(--muted);margin-top:3px;font-size:13px}.job-error{color:var(--error);margin-top:6px;font-size:13px}.status-dot{border:2px solid;border-radius:50%;width:14px;height:14px}.status-dot.done{background:var(--ok);border-color:var(--ok);box-shadow:inset 0 0 0 3px #fff}.status-dot.queued,.status-dot.running{color:var(--accent);border-right-color:#0000;animation:.9s linear infinite spin}.status-dot.creating-audio{color:#0d91c7}.status-dot.failed{color:var(--error)}.job-progress-wrap{gap:8px;margin-top:9px}.job-progress-track{background:#e8edf5;border-radius:999px;width:min(180px,100%);height:7px;overflow:hidden}.job-progress-fill{background:var(--accent);border-radius:inherit;min-width:3px;height:100%;transition:width 80ms linear}.job-progress-fill.is-creating-audio{background:#19a7dc}.job-progress-wrap span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.job-actions{place-items:center;gap:4px;display:grid}.round-play{background:var(--accent);color:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.round-play:disabled{color:#778294;background:#d5dbe5}.player-shell{pointer-events:none;z-index:20;position:fixed;bottom:14px;left:0;right:0}.player{border:1px solid var(--line);box-shadow:var(--shadow);max-width:720px;min-height:var(--player-height);pointer-events:auto;background:#fffffff7;border-radius:16px;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;width:calc(100% - 28px);margin:0 auto;padding:12px 14px;display:grid}.player-play{background:var(--accent);color:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.player-main{min-width:0}.player-heading{align-items:center;gap:8px;min-width:0;display:flex}.player-title{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:750;overflow:hidden}.player-status{color:var(--muted);flex:none;font-size:11px}.player-status.error{color:var(--error)}.player-progress{gap:8px;margin-top:8px}.player-time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.progress-slider{accent-color:var(--accent);background:0 0;border:0;width:100%;min-width:0;height:18px;min-height:0;padding:0}.progress-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) 0 var(--playback-progress), #d8dee8 var(--playback-progress) 100%);border-radius:999px;height:4px}.progress-slider::-webkit-slider-thumb{margin-top:-5px}.progress-slider::-moz-range-track{background:#d8dee8;border-radius:999px;height:4px}.progress-slider::-moz-range-progress{background:var(--accent);border-radius:999px;height:4px}.player-actions{align-items:center;gap:4px;display:flex}.speed-select{appearance:auto;background:var(--surface-soft);border:1px solid var(--line);color:var(--text);border-radius:8px;height:34px;padding:0 5px;font-size:12px;font-weight:700}.modal-backdrop{z-index:50;background:#1118276b;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;gap:16px;width:100%;max-width:430px;padding:20px;display:grid}.modal-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-form{gap:12px;display:grid}label{color:#344054;gap:6px;font-size:14px;font-weight:650;display:grid}.auth-form input{color:var(--text);background:#fff;border:1px solid #aeb7c3;border-radius:10px;width:100%;min-height:46px;padding:9px 11px}.modal-message,.verify-copy{color:var(--muted)}.code-field{gap:8px;display:grid}.code-label{color:#344054;font-size:14px;font-weight:650}.code-inputs{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.code-input{aspect-ratio:1;text-align:center;min-height:0;padding:0;font-size:22px;font-weight:800}.verify-actions{gap:10px;display:grid}.mode-row,.dialog-actions{flex-wrap:wrap;gap:9px;display:flex}.mode-row{background:var(--surface-soft);border:1px solid var(--line);border-radius:11px;padding:4px}.mode-button{color:var(--muted);background:0 0;border:0;border-radius:8px;flex:110px;min-height:38px;padding:0 9px;font-size:13px;font-weight:700}.mode-button.is-active{color:var(--accent);background:#fff;box-shadow:0 1px 4px #1018281f}.dialog-actions{justify-content:flex-end}button:focus-visible,input:focus-visible,.upload-card:focus-visible,.speed-select:focus-visible{outline-offset:3px;outline:3px solid #2563eb40}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (min-width:860px){.app-shell{gap:36px;padding-left:30px;padding-right:30px}.topbar{margin-left:-30px;margin-right:-30px;padding-left:30px;padding-right:30px}}@media (max-width:600px){:root{--player-height:108px}.app-shell{gap:22px;padding-left:16px;padding-right:16px}.topbar{min-height:76px;margin-left:-16px;margin-right:-16px;padding:12px 16px}.brand{font-size:16px}.quota-pill{background:0 0;border:0;padding:0}.quota-pill svg{display:none}.header-auth-button{min-height:38px;padding:0 11px}.upload-card{min-height:220px;padding:28px 18px}.selection-summary{flex-direction:column;align-items:stretch}.voice-picker{width:100%;margin-left:0}.selection-summary .primary-action{width:100%}.job-card{grid-template-columns:46px minmax(0,1fr) auto;gap:10px;padding:11px}.thumb{width:46px;height:46px}.job-actions .icon-button{display:none}.player-shell{bottom:max(8px, env(safe-area-inset-bottom))}.player{border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;width:calc(100% - 16px);padding:10px}.player-play{width:40px;height:40px}.player-actions{flex-direction:column-reverse;align-items:flex-end}.player .icon-button{width:30px;height:30px}.speed-select{height:30px}}@media (max-width:390px){.brand{font-size:14px}.quota-pill{font-size:12px}.header-actions{gap:6px}}