:root{--bg:#0b0d10;--panel:#12151a;--panel2:#181c22;--line:#292e36;--muted:#929ba8;--text:#eef1f5;--accent:#e6b86a;--accent2:#f3d39b;--green:#70c69b;--red:#ed857d;--blue:#78aee9;--shadow:0 20px 60px #0006}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body{background:radial-gradient(900px 500px at 50% -260px,#46371d66,transparent),var(--bg);min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{transition:all .18s}button{color:inherit}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#0b0d10e8;justify-content:space-between;align-items:center;height:68px;padding:0 max(24px,50vw - 630px);display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:11px;font-size:17px;text-decoration:none;display:flex}.brandmark{background:var(--accent);color:#1a140a;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.local-badge{color:var(--green);text-transform:uppercase;letter-spacing:.08em;background:#10271c;border:1px solid #285840;border-radius:99px;align-items:center;gap:7px;padding:7px 11px;font-size:11px;display:flex}.home-shell,.wizard-shell,.project-shell{width:min(1260px,100% - 40px);margin:auto}.hero{text-align:center;border-bottom:1px solid var(--line);padding:90px 20px 82px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.13em;color:var(--accent);font-size:11px;font-weight:750}.eyebrow{background:#e6b86a12;border:1px solid #e6b86a38;border-radius:99px;align-items:center;gap:7px;padding:7px 12px;display:inline-flex}.hero h1{letter-spacing:-.04em;margin:24px 0 18px;font-family:Georgia,serif;font-size:clamp(44px,6vw,76px);font-weight:400;line-height:1.02}.hero h1 em{color:var(--accent2);font-style:italic}.hero>p{color:var(--muted);max-width:650px;margin:0 auto 32px;font-size:18px;line-height:1.65}.button{border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:700;text-decoration:none;display:inline-flex}.button:hover{border-color:#535b67;transform:translateY(-1px)}.button.primary{background:var(--accent);color:#171107;border-color:var(--accent)}.button.primary:hover{background:var(--accent2)}.button.large{padding:15px 22px}.button.small{padding:8px 12px;font-size:13px}.button.ghost{background:0 0}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.flow{color:#6f7782;text-transform:uppercase;letter-spacing:.12em;justify-content:center;align-items:center;gap:13px;margin:34px auto 0;font-size:10px;display:flex}.flow svg{width:13px}.library{padding:55px 0 100px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.section-heading h2{margin:7px 0 0;font-family:Georgia,serif;font-size:30px}.section-heading>span{color:var(--muted);font-size:13px}.project-list{border-top:1px solid var(--line)}.project-row{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:auto 1fr 100px 120px 160px auto;align-items:center;gap:18px;padding:19px 12px;text-decoration:none;display:grid}.project-row:hover{background:#ffffff05}.book-icon{border-left:4px solid var(--accent);width:44px;height:54px;color:var(--accent);background:#392d1c;border-radius:4px 9px 9px 4px;place-items:center;display:grid}.project-main{flex-direction:column;gap:5px;display:flex}.project-main span,.project-stat span{color:var(--muted);font-size:12px}.project-stat{flex-direction:column;gap:3px;display:flex}.status{text-transform:uppercase;letter-spacing:.09em;color:#b7bec8;background:#252a32;border-radius:99px;justify-self:start;padding:6px 10px;font-size:10px}.status.complete,.status.review,.status.extracted{color:var(--green);background:#153425}.status.failed{color:var(--red);background:#3b1e1c}.status.big{padding:8px 13px;font-size:11px}.empty-state{min-height:240px;color:var(--muted);text-align:center;border:1px dashed #333943;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:35px;display:flex}.empty-state h3{color:var(--text);margin:13px 0 5px}.empty-state p{margin:0}.notice{border-radius:10px;align-items:center;gap:10px;margin:14px 0;padding:13px 15px;display:flex}.notice.error{color:#f5aaa3;background:#351c1c;border:1px solid #63322e}.notice button{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:7px;margin-left:auto;padding:6px 10px}.wizard-shell{max-width:1040px;padding:52px 0 100px}.back{color:var(--muted);align-items:center;gap:7px;font-size:13px;text-decoration:none;display:inline-flex}.back:hover{color:var(--text)}.wizard-header{text-align:center;margin:48px 0 55px}.wizard-header h1{margin:12px 0;font-family:Georgia,serif;font-size:44px;font-weight:400}.wizard-header p{color:var(--muted)}.wizard-section{border-top:1px solid var(--line);grid-template-columns:46px 1fr;gap:18px;padding:34px 0;display:grid}.step-number{width:30px;height:30px;color:var(--accent);border:1px solid #50442e;border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.step-content h2{margin:4px 0 18px;font-size:18px}.dropzone{width:100%;height:180px;color:var(--muted);cursor:pointer;background:#111419;border:1px dashed #3e4651;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.dropzone:hover,.dropzone.selected{border-color:var(--accent);background:#e6b86a09}.dropzone strong{color:var(--text);font-size:16px}.dropzone.selected svg{color:var(--accent)}.drop-check{position:absolute;top:20px;right:20px}.option-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.option-card{text-align:left;border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:11px;flex-direction:column;gap:8px;min-height:105px;padding:18px;display:flex}.option-card span{color:var(--muted);font-size:12px;line-height:1.45}.option-card.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#e6b86a09}.segmented{border:1px solid var(--line);border-radius:11px;grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden}.segmented button{border:0;border-right:1px solid var(--line);background:var(--panel);cursor:pointer;flex-direction:column;gap:5px;padding:16px 8px;display:flex}.segmented button:last-child{border:0}.segmented span{color:var(--muted);font-size:11px}.segmented button.active{background:var(--accent);color:#171107}.segmented button.active span{color:#56401c}.range-labels{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.tone-range{width:100%;accent-color:var(--accent);margin:16px 0 22px}.field{flex-direction:column;gap:7px;display:flex}.field>span{color:var(--muted);font-size:12px;font-weight:700}.field select,.field input,.context-box{color:var(--text);border:1px solid var(--line);background:#0e1115;border-radius:9px;padding:11px}.wizard-footer{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:26px;padding-top:28px;display:flex}.wizard-footer>div{text-align:right;flex-direction:column;display:flex}.wizard-footer span{color:var(--muted);font-size:12px}.project-shell{padding:38px 0 100px}.project-titlebar{justify-content:space-between;align-items:end;display:flex}.project-titlebar h1{margin:14px 0 5px;font-family:Georgia,serif;font-size:35px;font-weight:400}.project-titlebar>div>span{color:var(--muted);font-size:13px}.tabs{border-bottom:1px solid var(--line);margin-top:35px;display:flex;overflow:auto}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:14px 20px;font-size:13px;font-weight:700}.tabs button.active{color:var(--text);border-color:var(--accent)}.tab-content{padding-top:30px}.job-progress{background:#161b20;border:1px solid #314253;border-radius:11px;margin-top:18px;padding:14px 16px}.job-progress>div:first-child{align-items:center;gap:10px;font-size:13px;display:flex}.job-progress span:last-child{color:var(--blue);margin-left:auto}.progress-track{background:#27313b;border-radius:3px;margin-top:11px;overflow:hidden;height:3px!important}.progress-track span{background:var(--blue);height:100%;display:block}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.overview-grid{grid-template-columns:1fr 300px;gap:24px;display:grid}.overview-main,.metrics,.settings-view>section{background:var(--panel);border:1px solid var(--line);border-radius:14px}.overview-main{padding:28px}.document-hero{align-items:center;gap:20px;display:flex}.document-art{border-left:5px solid var(--accent);width:70px;height:90px;color:var(--accent);background:#362a19;border-radius:4px 10px 10px 4px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.document-art span{letter-spacing:.1em;font-size:9px}.document-hero h2{margin:6px 0;font-size:22px}.document-hero p{color:var(--muted);font-size:12px}.pipeline{grid-template-columns:repeat(5,1fr);margin:35px 0;display:grid;position:relative}.pipeline:before{content:"";background:var(--line);height:1px;position:absolute;top:15px;left:10%;right:10%}.pipeline>div{text-align:center;z-index:1}.pipeline>div>span{background:var(--panel2);border:1px solid var(--line);border-radius:50%;place-items:center;width:31px;height:31px;margin:0 auto 8px;display:grid}.pipeline svg{width:15px}.pipeline .done span{color:var(--green);background:#173727;border-color:#2d6248}.pipeline .active span{color:var(--blue);border-color:var(--blue)}.pipeline strong{font-size:11px}.next-action{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-top:25px;display:flex}.next-action h3{margin:6px 0}.next-action p{color:var(--muted);max-width:540px;margin:0;font-size:13px;line-height:1.5}.metrics{padding:8px 20px}.metric{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:19px 0;display:flex}.metric>span{width:36px;height:36px;color:var(--accent);background:#21262e;border-radius:9px;place-items:center;display:grid}.metric svg{width:17px}.metric div{flex-direction:column;gap:4px;display:flex}.metric small{color:var(--muted)}.privacy-note{color:var(--green);gap:11px;padding:20px 0;display:flex}.privacy-note>svg{width:19px}.privacy-note div{flex-direction:column;display:flex}.privacy-note span{color:var(--muted);margin-top:4px;font-size:11px}.source-layout{grid-template-columns:180px 1fr;gap:20px;display:grid}.source-layout>aside{border:1px solid var(--line);border-radius:10px;flex-direction:column;max-height:75vh;display:flex;overflow:auto}.source-layout>aside button{border:0;border-bottom:1px solid var(--line);background:var(--panel);text-align:left;cursor:pointer;flex-direction:column;padding:12px;display:flex}.source-layout>aside button.active{color:var(--accent);background:#302719}.source-layout>aside small{color:var(--muted);margin-top:3px}.paper{color:#292722;min-height:900px;box-shadow:var(--shadow);background:#ede7da;border-radius:3px;padding:50px clamp(30px,7vw,90px)}.paper-head{color:#6e675d;border-bottom:1px solid #c4bcad;justify-content:space-between;padding-bottom:12px;font-size:11px;display:flex}.paper pre,.source-modal pre{white-space:pre-wrap;font:15px/1.8 Georgia,serif}.outline-view{max-width:850px;margin:auto}.outline-intro{text-align:center;padding:30px}.outline-intro h2{margin:10px;font:38px Georgia,serif}.outline-intro p{color:var(--muted);line-height:1.6}.chapter-timeline{border-left:1px solid var(--line);margin:30px 0 0 35px}.chapter-timeline>div{grid-template-columns:60px 1fr;padding:0 0 28px;display:grid;position:relative}.chapter-timeline>div>span{width:38px;height:38px;color:var(--accent);background:#2c2418;border:1px solid #59472b;border-radius:50%;place-items:center;font-size:11px;display:grid;position:relative;left:-19px}.chapter-timeline h3{margin:4px 0 7px}.chapter-timeline p{color:var(--muted);margin:0 0 8px}.chapter-timeline small{color:#6f7782}.script-layout{grid-template-columns:280px 1fr;gap:20px;display:grid}.chapter-sidebar{border:1px solid var(--line);background:var(--panel);border-radius:12px;align-self:start;padding:17px 10px;position:sticky;top:90px}.chapter-sidebar>.kicker{padding:8px 10px 13px;display:block}.chapter-sidebar button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:11px 9px;display:flex}.chapter-sidebar button.active{background:#e6b86a10}.chapter-sidebar button>span{color:var(--muted);font-size:11px}.chapter-sidebar button>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.chapter-sidebar strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.chapter-sidebar small{color:var(--muted);font-size:10px}.chapter-sidebar em{color:var(--green);font-size:10px;font-style:normal}.chapter-sidebar em.warn{color:var(--red)}.editor{border:1px solid var(--line);background:var(--panel);border-radius:12px;overflow:hidden}.editor-head{justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.editor-head h2{margin:7px 0 0;font:28px Georgia,serif}.editor-tools{border-block:1px solid var(--line);gap:6px;padding:10px 18px;display:flex;overflow:auto}.editor-tools button{white-space:nowrap;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#181c22;border-radius:6px;padding:7px 9px;font-size:10px}.editor-tools button:hover{color:var(--text);border-color:#505762}.editor-tools svg{width:11px}.editor textarea{resize:vertical;color:#e3e7eb;background:#101318;border:0;outline:0;width:100%;height:560px;padding:35px 48px;font:16px/1.9 Georgia,serif;display:block}.editor-footer{color:var(--muted);justify-content:space-between;align-items:center;padding:12px 18px;font-size:11px;display:flex}.fidelity-panel{border-top:1px solid var(--line);padding:20px}.fidelity-panel>div:first-child{gap:12px;display:flex}.fidelity-panel>div:first-child svg{color:var(--green)}.fidelity-panel em{color:var(--green);margin-left:8px;font-style:normal}.fidelity-panel p{color:var(--muted);font-size:12px}.fidelity-warning{background:#2d2119;border:1px solid #61462a;border-radius:8px;gap:10px;margin-top:10px;padding:12px;display:flex}.fidelity-warning svg{color:var(--accent);flex:none;width:17px}.fidelity-warning strong{color:var(--accent);font-size:10px;display:block}.fidelity-warning q{margin:6px 0;font-size:12px;display:block}.fidelity-warning p{margin:0}.modal-backdrop{z-index:50;background:#000a;justify-content:flex-end;display:flex;position:fixed;inset:0}.source-modal{width:min(720px,90vw);height:100%;box-shadow:var(--shadow);background:#171a1f;padding:28px;overflow:auto}.modal-head{z-index:2;background:#171a1ff2;justify-content:space-between;padding:25px 0 15px;display:flex;position:sticky;top:-28px}.modal-head h2{margin:7px 0}.modal-head button{cursor:pointer;background:0 0;border:0}.source-modal section{border-top:1px solid var(--line);padding:20px 0}.source-modal pre{color:#cdd2d8;font-size:13px}.concepts{background:#21262d;border-radius:8px;flex-direction:column;gap:5px;padding:12px;display:flex}.concepts span{color:var(--muted);font-size:11px}.audio-stage{grid-template-columns:1fr 380px;gap:25px;display:grid}.now-playing{text-align:center;background:linear-gradient(145deg,#1c1a16,#12151a);border:1px solid #3a3326;border-radius:16px;padding:45px}.cover{color:#20170c;background:radial-gradient(circle at 35% 30%,#e4bd7b,#6a4d24 60%,#241b10);border-radius:12px;place-items:center;width:180px;height:180px;margin:0 auto 25px;display:grid;box-shadow:0 24px 50px #0008}.cover svg{width:60px;height:60px}.now-playing h2{margin:9px;font:34px Georgia,serif}.now-playing p{color:var(--muted)}.seek{margin-top:35px}.seek input{width:100%;accent-color:var(--accent)}.seek>div{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.transport{justify-content:center;align-items:center;gap:26px;margin:22px;display:flex}.transport button{cursor:pointer;background:0 0;border:0;position:relative}.transport button small{font-size:8px;position:absolute;top:8px;left:9px}.transport .play{background:var(--accent);color:#161005;border-radius:50%;place-items:center;width:55px;height:55px;display:grid}.speed-control{justify-content:center;gap:3px;margin-bottom:25px;display:flex}.speed-control button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:5px 8px;font-size:10px}.speed-control button.active{color:var(--text);background:#333943}.audio-chapters{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:22px}.audio-chapters>a{color:inherit;border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 4px;text-decoration:none;display:flex}.audio-chapters>a>span{color:var(--accent);font-size:11px}.audio-chapters>a>div{flex-direction:column;flex:1;display:flex}.audio-chapters small{color:var(--muted);margin-top:4px}.audio-chapters svg{width:15px}.settings-view{grid-template-columns:1fr 300px;gap:24px;display:grid}.settings-view>section{padding:28px}.settings-heading{gap:13px;margin-bottom:25px;display:flex}.settings-heading>svg{color:var(--accent)}.settings-heading h2{margin:0}.settings-heading p{color:var(--muted);margin:6px 0}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.check-field{gap:11px;padding:20px 0;display:flex}.check-field div{flex-direction:column;display:flex}.check-field span{color:var(--muted);margin-top:4px;font-size:11px}.check-field input{accent-color:var(--accent)}.context-box{width:100%;min-height:120px;margin-bottom:18px}.local-settings{align-self:start;gap:12px;display:flex}.local-settings>svg{color:var(--green);flex:none}.local-settings h3{margin:7px 0}.local-settings p{color:var(--muted);font-size:12px;line-height:1.5}.loading-page{height:60vh;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}@media (max-width:800px){.local-badge{font-size:0}.local-badge svg{width:17px;height:17px}.hero{padding:60px 10px}.hero h1{font-size:43px}.flow{display:none}.project-row{grid-template-columns:auto 1fr auto}.project-stat,.project-row .status{display:none}.option-grid{grid-template-columns:1fr 1fr}.segmented{grid-template-columns:1fr}.segmented button{border-right:0;border-bottom:1px solid var(--line)}.overview-grid,.settings-view,.audio-stage,.script-layout{grid-template-columns:1fr}.chapter-sidebar{display:flex;position:static;overflow:auto}.chapter-sidebar>.kicker{display:none}.chapter-sidebar button{min-width:190px}.source-layout{grid-template-columns:1fr}.source-layout>aside{flex-direction:row}.source-layout>aside button{min-width:100px}.paper{padding:30px 22px}.editor textarea{padding:25px 22px}.form-grid{grid-template-columns:1fr}.project-titlebar{align-items:start}.project-titlebar .status{display:none}}@media (max-width:520px){.home-shell,.wizard-shell,.project-shell{width:min(100% - 24px,1260px)}.topbar{padding:0 14px}.hero h1{font-size:36px}.wizard-header h1{font-size:35px}.wizard-section,.option-grid{grid-template-columns:1fr}.wizard-footer{flex-direction:column;align-items:stretch}.wizard-footer>div{text-align:left}.wizard-footer .button{width:100%}.project-titlebar h1{font-size:28px}.tabs button{padding-inline:13px}.overview-main{padding:18px}.document-hero{align-items:start}.pipeline strong{font-size:9px}.next-action{flex-direction:column;align-items:stretch}.next-action .button{width:100%}.audio-stage .now-playing{padding:28px 18px}.cover{width:145px;height:145px}.editor-head{align-items:flex-start;gap:15px}.editor-head .button{font-size:0}.source-modal{width:100vw}.range-labels span:nth-child(2),.range-labels span:nth-child(3){display:none}}
.top-actions{align-items:center;gap:10px;display:flex}.settings-link{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);border-radius:9px;place-items:center;display:grid}.settings-link:hover{color:var(--text);border-color:#535b67}.settings-page{max-width:900px}.settings-block{border-top:1px solid var(--line);padding:30px 0}.settings-block .settings-heading{justify-content:space-between}.prompt-field{margin:20px 0;display:block}.prompt-field>span{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:11px;display:block}.prompt-field textarea{width:100%;min-height:210px;color:var(--text);border:1px solid var(--line);background:#0e1115;border-radius:9px;padding:14px;font:12px/1.55 ui-monospace,monospace}.settings-save{color:var(--green);justify-content:flex-end;align-items:center;gap:18px;padding-top:25px;display:flex}@media (max-width:520px){.settings-save{flex-direction:column;align-items:stretch}.settings-save .button{width:100%}}