:root{--bg:#faf9f5;--bg-elev:#fff;--bg-soft:#f3f0e9;--bg-hover:#efece3;--border:#e8e4d8;--border-strong:#d6d1c3;--text:#2b2a27;--text-soft:#5c5a54;--text-muted:#8a867d;--accent:#cc785c;--accent-hover:#b86a50;--accent-soft:#cc785c1f;--success:#3e7a4c;--error:#b3261e;--serif:"Source Serif 4", "Tiempos Text", "Charter", "Iowan Old Style", "Apple Garamond", Georgia, "Times New Roman", serif;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--radius-sm:6px;--radius:10px;--radius-lg:16px;--shadow-sm:0 1px 2px #32281e0f;--shadow:0 4px 12px #32281e14;--shadow-lg:0 20px 40px -12px #32281e26;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--serif);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:17px;line-height:1.65}@media (prefers-color-scheme:dark){:root{--bg:#1f1e1b;--bg-elev:#26251f;--bg-soft:#2c2b24;--bg-hover:#34332b;--border:#3a3930;--border-strong:#4a4940;--text:#f0ede3;--text-soft:#c9c5b8;--text-muted:#908c7f;--accent:#e89070;--accent-hover:#f0a080;--accent-soft:#e8907026;--shadow-sm:0 1px 2px #0000004d;--shadow:0 4px 12px #0000004d;--shadow-lg:0 20px 40px -12px #00000080}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);margin:0;padding:0}body,#root{min-height:100vh}h1,h2,h3,h4{font-family:var(--serif);color:var(--text);letter-spacing:-.015em;margin:0;font-weight:500;line-height:1.2}h1{letter-spacing:-.025em;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:400}h2{font-size:1.75rem;font-weight:500}h3{font-size:1.25rem;font-weight:600}h4{font-size:1.05rem;font-weight:600}p{margin:0}button{font-family:var(--sans);cursor:pointer;color:inherit;font-size:inherit;background:0 0;border:none}input,select,textarea{font-family:var(--sans);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:var(--mono);font-size:.9em}::selection{background:var(--accent-soft);color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb, var(--bg) 85%, transparent);padding:28px 32px 20px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:980px;margin:0 auto;display:flex}.brand{font-family:var(--serif);letter-spacing:-.01em;align-items:center;gap:12px;font-size:1.35rem;font-weight:500;display:flex}.brand-mark{background:var(--accent);color:#fff;width:34px;height:34px;font-family:var(--serif);border-radius:8px;place-items:center;font-size:1.1rem;font-style:italic;font-weight:600;display:grid}.header-nav{font-family:var(--sans);color:var(--text-muted);font-size:.9rem}.header-nav-buttons{font-family:var(--sans);align-items:center;gap:8px;display:flex}.nav-link{color:var(--text-soft);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:8px 14px;font-size:.88rem;transition:all .15s;display:inline-flex}.nav-link:hover{background:var(--bg-soft);color:var(--accent)}.badge{background:var(--accent);color:#fff;text-align:center;border-radius:999px;min-width:18px;padding:1px 7px;font-size:.7rem;font-weight:600;display:inline-block}.brand{background:0 0;border:none;padding:0}.app-main{flex:1;width:100%;max-width:820px;margin:0 auto;padding:48px 32px 80px}.app-footer{border-top:1px solid var(--border);text-align:center;font-family:var(--sans);color:var(--text-muted);padding:24px 32px;font-size:.85rem}.hero{text-align:center;margin-bottom:48px}.hero h1{margin-bottom:16px}.hero h1 em{color:var(--accent);font-style:italic;font-weight:400}.hero .tagline{font-family:var(--serif);color:var(--text-soft);max-width:560px;margin:0 auto;font-size:1.2rem;line-height:1.5}.global-error{color:#991b1b;border-radius:var(--radius);font-family:var(--sans);background:#fef2f2;border:1px solid #fecaca;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;font-size:.92rem;display:flex}.global-error button{color:#991b1b;font-size:.85rem;text-decoration:underline}@media (prefers-color-scheme:dark){.global-error{color:#fca5a5;background:#3a1a1a;border-color:#6b2b2b}.global-error button{color:#fca5a5}}.upload-form{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:40px}.upload-form h2{margin-bottom:6px}.upload-form .subtitle{font-family:var(--serif);color:var(--text-soft);margin-bottom:28px;font-size:1rem}.drop-zone{border:2px dashed var(--border-strong);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--bg-soft);font-family:var(--sans);padding:56px 24px;transition:all .2s}.drop-zone:hover,.drop-zone.dragging{border-color:var(--accent);background:var(--accent-soft)}.drop-zone.has-file{background:var(--bg-elev);cursor:default;border-style:solid;padding:24px}.drop-icon{opacity:.75;margin-bottom:10px;font-size:2.2rem}.drop-zone p{color:var(--text-soft);margin:2px 0}.drop-subtext{color:var(--text-muted);font-size:.88rem}.file-limits{color:var(--text-muted);margin-top:10px;font-size:.8rem}.file-info{text-align:left;font-family:var(--sans);align-items:center;gap:16px;display:flex}.file-icon{font-size:2rem}.file-details{flex:1;min-width:0}.file-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.file-size{color:var(--text-muted);margin-top:2px;font-size:.82rem}.remove-file-btn{background:var(--bg-soft);width:28px;height:28px;color:var(--text-soft);border-radius:50%;place-items:center;font-size:.9rem;transition:all .15s;display:grid}.remove-file-btn:hover{background:var(--error);color:#fff}.error-message{color:#991b1b;border-radius:var(--radius-sm);font-family:var(--sans);background:#fef2f2;border:1px solid #fecaca;margin-top:16px;padding:10px 14px;font-size:.88rem}@media (prefers-color-scheme:dark){.error-message{color:#fca5a5;background:#3a1a1a;border-color:#6b2b2b}}.upload-progress{font-family:var(--sans);margin-top:20px}.progress-bar{background:var(--bg-soft);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-hover));border-radius:3px;height:100%;transition:width .3s}.progress-text{color:var(--text-soft);text-align:right;margin-top:8px;font-size:.85rem}.options-panel{border-top:1px solid var(--border);font-family:var(--sans);margin-top:28px;padding-top:28px}.options-panel h3{font-family:var(--serif);color:var(--text);margin-bottom:16px;font-size:1.1rem;font-weight:500}.options-grid{grid-template-columns:1fr 1fr;gap:14px 20px;display:grid}.option-item{color:var(--text-soft);flex-direction:column;gap:6px;font-size:.9rem;display:flex}.option-item.checkbox{cursor:pointer;flex-direction:row;grid-column:1/-1;align-items:center;gap:10px}.option-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.option-item select,.option-item input[type=text]{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;font-size:.9rem;transition:border-color .15s}.option-item select:focus,.option-item input:focus{border-color:var(--accent);outline:none}.upload-button{background:var(--accent);color:#fff;width:100%;font-family:var(--sans);border-radius:var(--radius);letter-spacing:.01em;margin-top:28px;padding:14px 20px;font-size:1rem;font-weight:600;transition:all .15s}.upload-button:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.upload-button:disabled{opacity:.5;cursor:not-allowed}.features-section{margin-top:64px}.features-section h2{text-align:center;color:var(--text-soft);margin-bottom:32px;font-style:italic;font-weight:400}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=720px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:24px;transition:all .2s}.feature-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.feature-icon{margin-bottom:12px;font-size:1.8rem}.feature-card h3{margin-bottom:6px;font-size:1.05rem;font-weight:500}.feature-card p{color:var(--text-soft);font-size:.9rem;line-height:1.5}.progress-tracker{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);padding:56px 32px}.progress-tracker h2{margin-bottom:8px;font-style:italic;font-weight:400}.connection-status{font-family:var(--sans);color:var(--text-muted);justify-content:center;gap:16px;margin-bottom:28px;font-size:.8rem;display:flex}.connection-status .connected{color:var(--success)}.elapsed-time{font-family:var(--mono);color:var(--text-soft);font-size:.8rem}.stage-icon{margin-bottom:16px;font-size:3rem}.pipeline{justify-content:center;align-items:flex-start;gap:0;max-width:540px;margin:0 auto 32px;display:flex}.pipeline-step-wrap{align-items:flex-start;gap:0;display:flex}.pipeline-connector{background:var(--border);width:40px;height:3px;margin-top:18px;transition:background .3s}.pipeline-connector.done{background:var(--accent)}.pipeline-step{text-align:center;opacity:.45;flex-direction:column;align-items:center;gap:6px;min-width:100px;transition:opacity .3s;display:flex}.pipeline-step.active,.pipeline-step.done{opacity:1}.pipeline-icon{background:var(--bg-soft);border:2px solid var(--border);border-radius:50%;place-items:center;width:38px;height:38px;font-size:1.15rem;transition:all .3s;display:grid}.pipeline-step.active .pipeline-icon{border-color:var(--accent);background:var(--accent-soft);animation:2s infinite pulse-ring}.pipeline-step.done .pipeline-icon{border-color:var(--accent);background:var(--accent);color:#fff;font-size:.95rem;font-weight:700}.pipeline-num{font-family:var(--sans);color:var(--text-muted);font-size:.85rem;font-weight:700}.pipeline-label{font-family:var(--sans);color:var(--text);font-size:.82rem;font-weight:600}.pipeline-desc{font-family:var(--sans);color:var(--text-muted);max-width:120px;font-size:.75rem}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 rgba(var(--accent-rgb,194 121 73), .4)}70%{box-shadow:0 0 0 10px #c2794900}to{box-shadow:0 0 #c2794900}}.progress-fill.animated{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-hover) 50%, var(--accent) 100%);background-size:200% 100%;animation:2s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-container{max-width:500px;margin:0 auto 16px}.progress-bar-wrapper{align-items:center;gap:14px;display:flex}.progress-bar-wrapper .progress-bar{flex:1;height:8px}.progress-percentage{font-family:var(--sans);color:var(--accent);text-align:right;min-width:44px;font-size:.95rem;font-weight:600}.status-message{font-family:var(--sans);color:var(--text-soft);max-width:500px;margin:0 auto 12px;font-size:.88rem}.progress-tip{font-family:var(--sans);color:var(--text-muted);max-width:460px;margin:0 auto 24px;font-size:.82rem;line-height:1.5;animation:.5s fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cancel-button{font-family:var(--sans);color:var(--text-muted);border-radius:var(--radius-sm);margin-top:28px;padding:8px 16px;font-size:.88rem}.cancel-button:hover{color:var(--error)}.retry-hint{font-family:var(--sans);color:var(--text-muted);margin-top:24px;font-size:.9rem}.audiobook-view{display:block}.book-metadata{text-align:center;border-bottom:1px solid var(--border);margin-bottom:48px;padding-bottom:32px}.book-title{letter-spacing:-.02em;margin-bottom:6px;font-size:2.4rem;font-weight:400}.book-author{font-family:var(--serif);color:var(--text-soft);font-size:1.1rem;font-style:italic}.book-pages{font-family:var(--sans);color:var(--text-muted);margin-top:8px;font-size:.85rem}.summary-block{margin-bottom:40px}.summary-block h2{margin-bottom:16px;font-weight:500}.summary-block .summary-body{font-family:var(--serif);color:var(--text);font-size:1.08rem;line-height:1.75}.key-points{background:var(--bg-soft);border-radius:var(--radius);margin-bottom:40px;padding:24px 28px}.key-points h3{color:var(--text-soft);margin-bottom:12px;font-style:italic;font-weight:500}.key-points ul{margin:0;padding:0;list-style:none}.key-points li{font-family:var(--serif);border-bottom:1px solid var(--border);padding:8px 0;font-size:1rem;line-height:1.55}.key-points li:last-child{border-bottom:none}.key-points li:before{content:"—";color:var(--accent);margin-right:10px;font-weight:600}.chapters-section h2{margin-bottom:8px}.chapters-section .section-hint{font-family:var(--serif);color:var(--text-muted);margin-bottom:24px;font-style:italic}.chapter-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px 24px;transition:border-color .15s}.chapter-card:hover{border-color:var(--border-strong)}.chapter-header{align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.chapter-number{font-family:var(--mono);color:var(--accent);letter-spacing:.05em;font-size:.78rem;font-weight:600}.chapter-title{font-family:var(--serif);color:var(--text);flex:1;font-size:1.15rem;font-weight:500}.chapter-summary{font-family:var(--serif);color:var(--text-soft);margin-bottom:16px;font-size:.98rem;line-height:1.6}.chapter-audio{background:var(--bg-soft);border-radius:var(--radius-sm);align-items:center;gap:10px;margin-top:14px;padding:10px 12px;display:flex}.chapter-audio audio{outline:none;flex:1;height:36px}.chapter-audio .download-link{font-family:var(--sans);color:var(--text-muted);border-radius:4px;padding:4px 8px;font-size:.8rem;transition:all .15s}.chapter-audio .download-link:hover{background:var(--bg-hover);color:var(--accent);text-decoration:none}.chapter-audio-missing{font-family:var(--sans);color:var(--text-muted);padding:8px 12px;font-size:.82rem;font-style:italic}.action-buttons{text-align:center;margin-top:48px}.secondary-button{font-family:var(--sans);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:12px 24px;font-size:.92rem;font-weight:500;transition:all .15s}.secondary-button:hover{border-color:var(--accent);color:var(--accent)}.library-empty{text-align:center;padding:80px 20px}.library-empty h2{color:var(--text-soft);margin-bottom:12px;font-style:italic;font-weight:400}.library-empty p{font-family:var(--serif);color:var(--text-muted);margin-bottom:28px}.library-empty .upload-button{max-width:320px;margin:0 auto}.library-import-hint{margin-top:18px}.text-button{color:var(--accent);font-family:var(--sans);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.88rem;text-decoration:underline}.text-button:hover{opacity:.75}.library-header{justify-content:space-between;align-items:baseline;margin-bottom:28px;display:flex}.library-header h2{color:var(--text-soft);font-style:italic;font-weight:400}.library-header-actions{flex-wrap:wrap;gap:10px;display:flex}.library-refresh-status{font-family:var(--sans);color:var(--accent);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:20px;padding:10px 14px;font-size:.85rem}.library-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.library-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:8px;padding:20px;transition:all .15s;display:flex;position:relative}.library-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.library-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.library-card h3{font-family:var(--serif);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:1.1rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.library-delete{width:24px;height:24px;color:var(--text-muted);opacity:0;background:0 0;border-radius:50%;font-size:.85rem;transition:all .15s}.library-card:hover .library-delete{opacity:1}.library-delete:hover{background:var(--error);color:#fff}.library-author{font-family:var(--serif);color:var(--text-soft);font-size:.92rem;font-style:italic}.library-meta{font-family:var(--sans);color:var(--text-muted);gap:6px;font-size:.8rem;display:flex}.library-progress{align-items:center;gap:10px;margin-top:6px;display:flex}.library-progress-bar{background:var(--bg-soft);border-radius:3px;flex:1;height:5px;overflow:hidden}.library-progress-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.library-progress-text{font-family:var(--sans);color:var(--text-muted);text-align:right;min-width:36px;font-size:.78rem}.back-link{font-family:var(--sans);color:var(--text-muted);border-radius:var(--radius-sm);margin-bottom:16px;padding:8px 12px;font-size:.88rem;transition:all .15s}.back-link:hover{background:var(--bg-soft);color:var(--accent)}.book-overall-progress{align-items:center;gap:12px;max-width:400px;margin:20px auto 0;display:flex}.book-overall-progress .progress-bar{background:var(--bg-soft);flex:1;height:6px}.book-overall-text{font-family:var(--sans);color:var(--text-muted);white-space:nowrap;font-size:.82rem}.block-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.read-toggle{font-family:var(--sans);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.read-toggle input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);cursor:pointer}.summary-block.is-read .summary-body,.key-points.is-read ul,.chapter-card.is-read .chapter-title{opacity:.55}.chapter-card.is-read{border-left:3px solid var(--accent)}.chapter-header{justify-content:flex-start}.chapter-header .read-toggle{margin-left:auto}.chapter-listen-pct{font-family:var(--mono);color:var(--accent);padding:0 8px;font-size:.75rem;font-weight:600}.chapter-key-points{flex-direction:column;gap:8px;margin:8px 0 14px;padding:0;list-style:none;display:flex}.chapter-key-points li{font-family:var(--serif);color:var(--text);padding-left:18px;font-size:.98rem;line-height:1.55;position:relative}.chapter-key-points li:before{content:"—";color:var(--accent);font-weight:600;position:absolute;top:0;left:0}.chapter-summary{font-family:var(--serif);color:var(--text-soft);border-left:2px solid var(--border);margin:6px 0 14px;padding-left:12px;font-size:.94rem;font-style:italic;line-height:1.6}.chapter-full-wrap{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.chapter-expand-btn{font-family:var(--sans);color:var(--accent);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:.85rem;font-weight:500;transition:opacity .15s}.chapter-expand-btn:hover{opacity:.75}.chapter-full-text{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:60vh;font-family:var(--serif);color:var(--text);margin-top:12px;padding:16px 18px;font-size:.95rem;line-height:1.7;overflow-y:auto}.chapter-full-text p{margin:0 0 .9em}.chapter-full-text p:last-child{margin-bottom:0}.action-buttons .secondary-button+.secondary-button{margin-left:12px}@media (width<=640px){.app-header{padding:20px 20px 16px}.app-main{padding:32px 20px 60px}.upload-form{padding:24px}.options-grid{grid-template-columns:1fr}.progress-tracker{padding:40px 20px}.book-title{font-size:1.8rem}}