:root{color-scheme:dark;--bg:#0c0d10;--sidebar:#12151b;--panel:#171a20;--surface:#1c2027;--surface2:#252932;--edge:#30333b;--gold:#d6b782;--gold-light:#f0d5a6;--cream:#efede8;--muted:#a39e95;--soft:#817d75;--red:#e2a0a0;--green:#99bd9c;--radius:14px}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--cream);background:var(--bg);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}input,textarea,select{color:var(--cream)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.hidden{display:none!important}.app{display:grid;grid-template-columns:284px minmax(0,1fr);min-height:100dvh}.sidebar{background:var(--sidebar);border-right:1px solid #292d33;display:flex;flex-direction:column;min-height:0;height:100dvh;position:sticky;top:0;padding:22px 16px 18px;gap:14px;z-index:12}.brand{display:flex;align-items:center;gap:12px;padding:3px 8px 18px;border-bottom:1px solid #292d33}.brand-symbol{height:39px;width:39px;display:grid;place-items:center;border:1px solid #786648;border-radius:11px;color:var(--gold);font-family:Georgia,serif;font-size:27px;background:#29251f}.brand-text{flex:1;min-width:0}.brand-text strong{font:18px/1.1 Georgia,serif;letter-spacing:2px;color:var(--gold-light);display:block}.brand-text span{font-size:9px;letter-spacing:1.65px;color:#91897c;white-space:nowrap;display:block;margin-top:7px}.side-actions{padding:3px 1px}.button{display:inline-flex;justify-content:center;align-items:center;gap:7px;white-space:nowrap;border-radius:9px;min-height:38px;padding:9px 14px;border:1px solid transparent;font-weight:650;transition:background .17s,border-color .17s}.button.accent{background:#d6b782;color:#1d1c1c;border-color:#d6b782}.button.accent:hover{background:#edce98}.button.subtle{background:#1d2026;color:#e7dac6;border:1px solid #484541}.button.subtle:hover{background:#2b2c2d}.button.ghost{color:#c9baa1;background:transparent;border-color:#3b3834}.button.ghost:hover{background:#282724}.button.danger-quiet{background:transparent;color:var(--red);border-color:#6a393a}.button.danger-quiet:hover{background:#3a2628}.full{width:100%}.side-section-title{font-size:10px;letter-spacing:1.55px;font-weight:750;color:#99928a;display:flex;justify-content:space-between;gap:8px;padding:6px 9px 1px}.side-section-title span:last-child{color:#bca984}.search{width:100%;border:1px solid #30343b;background:#191d23;border-radius:9px;min-height:38px;padding:8px 11px}.search::placeholder{color:#737984}.world-list,.episode-list{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#515050 transparent;display:flex;flex-direction:column;gap:6px}.world-list{flex:1;min-height:65px}.world-item,.episode-item{border:1px solid transparent;background:transparent;color:var(--cream);text-align:left;padding:11px 13px;border-radius:10px;display:flex;gap:10px;align-items:flex-start;width:100%}.world-item:hover,.episode-item:hover{background:#24252b}.world-item.active,.episode-item.active{background:#2b2926;border-color:#685947}.world-glyph{width:33px;height:33px;flex:0 0 33px;background:#282830;border:1px solid #47423d;color:var(--gold);display:grid;place-items:center;border-radius:9px;font:20px Georgia,serif}.world-meta{min-width:0;flex:1}.world-meta b,.episode-item b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.world-meta small,.episode-item small{display:block;font-size:11px;color:#9b968c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.episodes-title{border-top:1px solid #282c32;padding-top:16px}.episode-list{max-height:24vh;min-height:55px}.episode-item{padding:9px 12px}.episode-mark{font-size:14px;color:var(--gold);line-height:1.7}.text-button{border:0;background:transparent;color:#d6bd97;font-size:12px;padding:2px;cursor:pointer}.text-button:hover{text-decoration:underline}.sidebar-bottom{border-top:1px solid #292d33;margin-top:3px;padding:17px 7px 1px;font-size:11px;color:#c1bdae}.sidebar-bottom small{display:block;color:#85878c;margin-top:6px}.tiny-led{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a27c63;margin-right:8px}.tiny-led.online{background:var(--green)}.layout{min-width:0;display:flex;flex-direction:column;height:100dvh}.main-header{display:flex;justify-content:space-between;gap:18px;padding:26px 40px 20px;border-bottom:1px solid #272a30;background:radial-gradient(ellipse at 40% -60%,#292923,transparent 75%)}.header-kicker,.overline{color:#bba57f;letter-spacing:2px;font-size:10px;font-weight:750}.header-title-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:7px}.header-title-row h1{font:normal clamp(25px,2.45vw,38px)/1.2 Georgia,serif;letter-spacing:-.6px;margin:0}.world-chip{background:#292820;border:1px solid #59503e;color:#d7c5a5;padding:4px 9px;font-size:11px;border-radius:999px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-details{font-size:12px;color:#a09c95;margin-top:9px}.header-buttons{display:flex;gap:8px;align-items:flex-start;padding-top:16px}.tabs{display:flex;gap:6px;padding:0 33px;border-bottom:1px solid #282a2e;overflow-x:auto;scrollbar-width:thin;background:#111319}.tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#9e9890;padding:13px 16px;white-space:nowrap;font-weight:600}.tabs button.active{border-bottom-color:var(--gold);color:var(--gold-light)}.tabs button:hover{color:#ede1cc}.main-content{flex:1;min-height:0;display:flex;flex-direction:column}.pane{width:100%}.story-pane{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;flex:1;min-height:0;padding:0 36px}.story-subhead{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px 5px 14px;border-bottom:1px solid #25282d}.chapter-label{font:12px Georgia,serif;letter-spacing:1.5px;color:#ddbd8a}.chapter-subtitle{color:#9d9891;font-size:11px;margin-top:3px}.story-subhead .button{font-size:12px;min-height:32px;padding:5px 11px}.story-scroll{flex:1;min-height:150px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#50483e transparent}.story-scroll>#storyFeed{padding:25px 8px 32px;display:flex;flex-direction:column;gap:20px}.story-intro{width:min(680px,100%);margin:clamp(22px,5vh,70px) auto 30px;padding:29px 36px;background:linear-gradient(146deg,#24221f,#171b1f);border:1px solid #564a3b;box-shadow:0 14px 35px #0003;border-radius:16px;text-align:left}.story-intro .decor{color:#cbb18a;font-size:27px}.story-intro h2{font:normal 29px Georgia,serif;margin:10px 0}.story-intro p{color:#c9c0b0;white-space:pre-wrap;font:16px/1.9 Georgia,serif}.story-intro small{color:#96928a}.turn-group{position:relative;display:flex;flex-direction:column;gap:10px}.turn-separator{display:flex;align-items:center;gap:9px;color:#85827c;font-size:10px;letter-spacing:1.2px;margin:5px 0 1px}.turn-separator:after{content:"";height:1px;flex:1;background:#282b2f}.message{border-radius:12px;padding:15px 19px;white-space:pre-wrap;overflow-wrap:anywhere;max-width:89%;font-size:14px;line-height:1.85}.message .sender{font-size:10px;letter-spacing:1.3px;color:#b89f78;font-weight:750;margin-bottom:9px}.message.user{align-self:flex-end;background:#302b26;border:1px solid #65523b;max-width:80%}.message.narrator{align-self:flex-start;background:#1b1f26;border:1px solid #353b45;width:min(780px,100%);font:15px/1.95 Georgia,serif}.message.narrator .sender{font:750 10px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.turn-actions{display:flex;justify-content:flex-start;gap:12px;flex-wrap:wrap;padding-left:6px}.turn-actions button{border:0;background:transparent;color:#98958d;font-size:11px;padding:1px 0}.turn-actions button:hover{color:#eed09d;text-decoration:underline}.turn-actions .current-pointer{color:#cbad78}.compose-wrap{padding:11px 4px 16px;background:var(--bg);border-top:1px solid #35312b}.compose-top{display:flex;align-items:center;gap:16px;color:#99958d;font-size:11px;padding:0 4px 10px;flex-wrap:wrap}.model-label{display:flex;align-items:center;gap:9px;white-space:nowrap}.model-label select{background:#21232a;border:1px solid #434043;color:#ddd6c9;border-radius:7px;padding:5px 7px;max-width:230px;min-width:125px}.checkline{display:flex;align-items:center;gap:8px;cursor:pointer;color:#c4bbae}.checkline input{accent-color:#cfb17b}.tiny-meta{margin-left:auto;white-space:nowrap}.composer{display:flex;gap:9px;align-items:stretch;background:#191d24;border:1px solid #59544e;border-radius:13px;padding:9px}.composer:focus-within{border-color:#9e855c}.composer textarea{flex:1;min-width:0;border:0;outline:none;background:transparent;resize:vertical;min-height:76px;max-height:260px;padding:6px 9px;font-size:14px;line-height:1.65}.composer textarea::placeholder{color:#747983}.send-button{align-self:flex-end;min-width:96px}.composer-help{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#8e8b86;font-size:11px;padding:8px 5px 0}.composer-help b{font-weight:600;color:#cbb08c}.writing{font-style:italic;color:#c8b38e;animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.48}}
.doc-pane{flex:1;max-width:1250px;margin:0 auto;padding:36px 48px 55px;overflow-y:auto}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.section-heading h2{font:normal 31px/1.2 Georgia,serif;margin:10px 0 8px}.section-heading p{font-size:13px;color:#a6a199;max-width:670px;margin:0}.info-strip{border:1px solid #3f3a32;background:#211f1c;padding:10px 16px;display:flex;gap:18px;flex-wrap:wrap;border-radius:10px;color:#b9ac94;font-size:11px;margin-bottom:16px}.timeline-list{display:flex;flex-direction:column;gap:9px}.timeline-node{border:1px solid #393b42;background:#181b20;border-radius:11px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-left:calc(var(--depth,0) * 19px);max-width:100%;position:relative}.timeline-node.onpath{border-color:#716045;background:#22211f}.timeline-node.onhead{box-shadow:inset 3px 0 #d6b782}.timeline-node .node-label{color:#bba27c;font-size:10px;letter-spacing:1px}.timeline-node p{color:#e0d9ce;margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:670px}.timeline-node small{color:#9d9a94}.timeline-node .node-copy{min-width:0;flex:1}.timeline-node .node-buttons{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.timeline-node .button{font-size:11px;min-height:31px;padding:5px 9px}.timeline-empty,.empty-hint{padding:35px;border:1px dashed #514738;border-radius:12px;text-align:center;color:#ada596}.summary-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(275px,.85fr);gap:20px}.paper-card,.setting-card,.context-card,.npc-card{border:1px solid #393a40;border-radius:13px;background:#191c22;padding:22px}.paper-card{background:linear-gradient(150deg,#24221f,#1a1d22)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:13px}.card-top h3,.setting-card h3,.context-card h3{font:normal 21px Georgia,serif;margin:6px 0 12px}.mini-stamp{border:1px solid #63533c;color:#d4b887;border-radius:999px;padding:4px 8px;white-space:nowrap;font-size:10px}.paper-card textarea,.setting-card textarea,.field input,.field textarea,.npc-card input,.npc-card textarea{border:1px solid #484951;border-radius:9px;background:#13161b;padding:12px;color:#e7e3da;width:100%;resize:vertical;line-height:1.7}.paper-card textarea{min-height:310px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.muted{color:#a29b8e;font-size:11px;display:block}.aside-stack{display:flex;flex-direction:column;gap:20px}.setting-card p{color:#b4aea3;font-size:13px;margin:0 0 17px}.setting-card .button{margin-top:16px}.reset-check{font-size:12px;align-items:flex-start}.reset-check span{color:#d99d95}.context-card{margin-top:22px}.base-summary{color:#bdb5a9;white-space:pre-wrap;font-size:13px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:12px;color:#d0b586}.field.full{grid-column:span 2}.field textarea{font-weight:400}.action-footer{border-top:1px solid #33363c;margin-top:28px;padding-top:22px;display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.action-footer>div{display:flex;gap:10px}.npc-card{margin-bottom:17px}.npc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.npc-header h3{margin:0;font:normal 21px Georgia,serif}.npc-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.npc-fields .field.wide{grid-column:span 2}.empty-pane{text-align:center;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:50px 25px;max-width:700px;margin:auto}.empty-pane:not(.hidden){display:flex}.empty-pane>span{font-size:70px;color:#c3a77b}.empty-pane h2{font:normal 33px Georgia,serif;margin:0}.empty-pane p{color:#b3aba0;max-width:480px}.modal-mask{position:fixed;inset:0;background:#000b;z-index:30;display:grid;place-items:center;padding:20px}.modal{position:relative;width:min(560px,100%);max-height:90dvh;overflow:auto;background:#20232a;border:1px solid #6a5b42;border-radius:17px;box-shadow:0 30px 100px #000b;padding:28px}.modal h2{font:normal 28px Georgia,serif;margin:8px 0}.modal p{color:#b7b0a5;white-space:pre-wrap}.modal textarea,.modal input{width:100%;background:#12151b;color:var(--cream);border:1px solid #55535a;border-radius:9px;padding:11px;margin-top:8px}.modal label{display:block;margin-top:12px;color:#d6c7ac;font-size:12px}.modal-x{position:absolute;top:12px;right:12px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:23px}.icon-button{border:0;background:transparent;color:#b6b0a7;padding:5px;line-height:1.2;font-size:18px}.sidebar-close,.mobile-menu{display:none}.toast{position:fixed;right:25px;bottom:24px;z-index:40;background:#343b34;border:1px solid #718973;color:#f7f7ef;padding:12px 17px;border-radius:9px;box-shadow:0 14px 40px #0008;max-width:390px;font-size:13px}.toast.error{background:#4c292d;border-color:#95676e}
@media(max-width:1100px){.summary-layout{grid-template-columns:1fr}.aside-stack{display:grid;grid-template-columns:1fr 1fr}.main-header{padding:20px 23px}.doc-pane{padding:29px 26px}.story-pane{padding:0 22px}.tabs{padding:0 15px}}
@media(max-width:790px){.app{display:block}.sidebar{position:fixed;left:0;top:0;width:min(315px,85vw);transform:translateX(-103%);transition:transform .18s}.sidebar.open{transform:translateX(0)}.scrim{position:fixed;inset:0;background:#000a;z-index:11}.layout{height:100dvh}.sidebar-close,.mobile-menu{display:inline-flex}.main-header{padding:16px}.header-title-row h1{font-size:26px}.header-kicker{font-size:8px}.header-buttons{padding-top:12px}.desktop-text{display:none}.tabs{gap:2px;padding:0 8px}.tabs button{padding:10px 12px;font-size:12px}.story-pane{padding:0 12px}.story-subhead{padding:11px 4px}.story-scroll>#storyFeed{padding:13px 2px}.message{max-width:97%}.message.user{max-width:92%}.story-intro{padding:23px;margin:22px auto}.story-intro h2{font-size:25px}.composer textarea{min-height:68px}.send-button{min-width:66px}.doc-pane{padding:23px 17px 40px}.section-heading h2{font-size:26px}.timeline-node{margin-left:calc(var(--depth,0) * 7px);flex-wrap:wrap}.timeline-node .node-buttons{width:100%}.field-grid,.npc-fields,.aside-stack{grid-template-columns:1fr}.field.full,.npc-fields .field.wide{grid-column:span 1}.action-footer>div{flex-wrap:wrap}.summary-layout{grid-template-columns:1fr}.paper-card,.setting-card{padding:17px}.card-top{flex-wrap:wrap}}
.episode-row{position:relative;display:flex;align-items:center}.episode-row .episode-item{padding-right:30px}.episode-delete{position:absolute;right:6px;top:8px;border:0;background:transparent;color:#8f8680;font-size:20px;padding:0 6px;line-height:1.6}.episode-delete:hover{color:var(--red)}
.toast{pointer-events:none}

/* Browser-only AI controller */
.browser-ai-bar {display:flex;align-items:center;gap:12px;padding:8px 4px 12px;flex-wrap:wrap;}
.browser-ai-bar #aiProgress{flex:1;min-width:160px;font-size:12px;color:#beaacb;line-height:1.55;}
.browser-ai-bar button{white-space:nowrap;}