:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;font-size:100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #262723;--panel: #20211e;--raised: #2d2e29;--hover: #373930;--line: #42443b;--text: #e8e7df;--muted: #b4b5a9;--faint: #989b8d;--accent: #bdc59d;--accent-bg: #424937;--accent-text: #20241c;--gold: #d7b56f;--gold-bg: #383224;--error: #ecaea0;--shadow: 0 1.5rem 5rem #0005}:root[data-theme=light]{color-scheme:light;--bg: #f3f0e8;--panel: #eae7df;--raised: #fcfaf4;--hover: #e2e3d4;--line: #cccbbf;--text: #2b3027;--muted: #62665a;--faint: #666b5c;--accent: #515e3c;--accent-bg: #e2e6d6;--accent-text: #fff;--gold: #805e17;--gold-bg: #efe4cc;--error: #963f30;--shadow: 0 1.5rem 5rem #24251a25}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{transition:background .15s,border-color .15s,color .15s}button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input,textarea{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:.4rem}input{padding:.85rem 1rem;min-width:0}input::placeholder,textarea::placeholder{color:var(--faint);opacity:1}input[type=checkbox]{accent-color:var(--accent);width:1.15rem;height:1.15rem}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:550}p{line-height:1.65}button,p,h1,h2,h3,small{overflow-wrap:anywhere}button{text-align:center}::selection{color:var(--text);background:var(--accent-bg)}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.icon{width:1.2rem;height:1.2rem;flex-shrink:0;vertical-align:middle}.muted{color:var(--muted)}.micro{font-size:.8rem}.eyebrow{display:block;color:var(--muted);font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.quiet-label{color:var(--muted);font-size:.84rem;display:inline-flex;align-items:center;gap:.5rem}.badge{display:inline-flex;align-items:center;width:fit-content;font-size:.73rem;padding:.35rem .65rem;border:1px solid var(--line);border-radius:.25rem;color:var(--muted)}.badge.demo{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 30%,transparent);background:var(--gold-bg)}.badge.active{color:var(--accent);background:var(--accent-bg);border-color:transparent}.button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:2.75rem;padding:.7rem 1.15rem;border:1px solid transparent;border-radius:.35rem;font-size:.88rem;font-weight:600;text-decoration:none}.button.primary{background:var(--accent);color:var(--accent-text)}.button.primary:hover:not(:disabled){filter:brightness(1.08)}.button.secondary{border-color:var(--line);background:transparent}.button.secondary:hover:not(:disabled){background:var(--hover);border-color:var(--faint)}.button.large{min-height:3.3rem;font-size:1rem}.icon-button{background:transparent;border:1px solid transparent;border-radius:.3rem;display:inline-flex;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;flex-shrink:0}.icon-button:hover{background:var(--hover)}.text-button{background:none;border:0;padding:.5rem 0;display:inline-flex;align-items:center;gap:.55rem;font-size:.85rem;color:var(--accent)}.text-button:hover{color:var(--text)}.brand{padding:0;display:flex;align-items:center;gap:.1rem;border:0;background:none;font-family:Georgia,Times New Roman,serif;font-size:1.65rem;letter-spacing:-.055em;white-space:nowrap}.brand>span:last-child{color:var(--accent)}.brand-mark{display:inline-flex;padding:.5rem;border:1px solid var(--line);border-radius:.45rem;margin-right:.6rem;color:var(--accent)}.brand-mark .icon{width:1.3rem;height:1.3rem}.sr-only{width:1px;height:1px;padding:0;position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-page{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr)}.login-art{position:relative;min-height:100dvh;background-size:cover;background-position:48% center;color:#faf8ee}.login-art-shade{position:absolute;inset:0;background:linear-gradient(180deg,#11170e66,#15190e0a 25%,#161b10e6)}.login-art-top{position:relative;padding:2.8rem 3rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.login-art-top .brand{color:#faf8ee}.login-art-top .badge,.login-art-top .brand-mark{color:#e0e4cc;border-color:#f3f4db4d}.login-art-copy{position:absolute;bottom:3rem;left:3rem;right:3rem}.login-art-copy .eyebrow{color:#d7dac7;margin-bottom:1.2rem}.login-art-copy h1{font-family:Georgia,serif;font-size:clamp(2.4rem,4.1vw,4.4rem);line-height:1.16;font-weight:400;letter-spacing:-.03em}.login-art-copy p{color:#d5d8c8;margin-top:1.4rem;font-size:1.06rem}.art-caption{border-top:1px solid #f3f4db4d;display:flex;justify-content:space-between;margin-top:3rem;padding-top:1.3rem;font-size:.65rem;letter-spacing:.13em}.login-form-wrap{display:flex;flex-direction:column;padding:2.8rem clamp(2rem,5vw,5.5rem);min-width:0}.login-form-wrap>.badge{align-self:flex-end}.login-form-inner{margin:auto 0;padding:4rem 0}.login-form-inner h2{font-family:Georgia,serif;font-size:2.5rem;font-weight:400;line-height:1.2;margin:1rem 0;letter-spacing:-.025em}.login-form-inner>p{font-size:.96rem}.login-form{display:flex;flex-direction:column;gap:1.4rem;margin-top:2.1rem}.login-form label,.form-label{display:flex;flex-direction:column;gap:.55rem;font-size:.875rem}.login-form .large{margin-top:.4rem;justify-content:space-between}.demo-login-note{display:flex;gap:.7rem;margin-top:1.8rem;color:var(--muted)}.demo-login-note>.icon{margin-top:.2rem;color:var(--accent)}.demo-login-note strong{font-size:.82rem;color:var(--text);font-weight:500}.demo-login-note p{font-size:.75rem;line-height:1.65;margin-top:.4rem}code{font:inherit;color:var(--accent)}.login-footer{display:flex;justify-content:space-between;color:var(--faint);font-size:.7rem}.form-error{color:var(--error);font-size:.9rem}.app{min-height:100dvh}.app.reading{height:100dvh;display:flex;flex-direction:column;overflow:clip}.app-header{min-height:4.8rem;padding:.9rem 2rem;display:flex;align-items:center;gap:1.75rem;border-bottom:1px solid var(--line);background:var(--panel);flex-shrink:0;flex-wrap:wrap}.app-header .brand{font-size:1.5rem}.header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.top-nav{display:flex;gap:1rem;align-items:center;font-size:.86rem;color:var(--muted)}.top-nav button{padding:.5rem 0;background:none;border:none;color:var(--text)}.top-nav button.active{color:var(--accent)}.demo-button{display:flex;align-items:center;gap:.4rem;border:1px solid var(--line);border-radius:.25rem;padding:.35rem .6rem;background:transparent;font-size:.7rem;color:var(--gold)}.demo-button .icon{width:.9rem;height:.9rem}.demo-button:hover{background:var(--gold-bg)}.header-divider{height:1.5rem;width:1px;background:var(--line);margin:0 .4rem}.profile{display:flex;gap:.5rem;align-items:center;font-size:.82rem}.avatar{display:inline-flex;justify-content:center;align-items:center;border-radius:50%;width:2rem;height:2rem;background:var(--accent-bg);color:var(--accent);font-size:.85rem;flex-shrink:0}.avatar.tiny{width:1.25rem;height:1.25rem;font-size:.6rem}.page{width:min(76rem,calc(100% - 5rem));margin:0 auto;padding:3.7rem 0 2rem}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2.5rem}.page-heading h1{font-family:Georgia,serif;font-size:2.5rem;font-weight:400;margin:.6rem 0;letter-spacing:-.025em}.page-heading p{font-size:.92rem}.continue-card{display:flex;align-items:center;gap:1.35rem;padding:1.4rem 1.6rem;border:1px solid var(--line);border-radius:.55rem;background:linear-gradient(115deg,var(--raised),var(--bg));margin-bottom:3.3rem}.continue-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.4rem;background:var(--accent-bg);color:var(--accent);flex-shrink:0}.continue-icon .icon{width:1.4rem;height:1.4rem}.continue-card h3{margin:.35rem 0 .3rem;font-size:1.05rem}.continue-card p{color:var(--muted);font-size:.8rem}.continue-card p span{margin:0 .3rem}.continue-card .button{margin-left:auto}.section-heading{display:flex;align-items:center;gap:1rem;justify-content:space-between;margin-bottom:1.3rem}.section-heading h2{font-size:1.25rem}.section-heading>span,.section-heading p{font-size:.8rem}.story-card{border:1px solid var(--line);border-radius:.7rem;display:grid;grid-template-columns:1fr 1.05fr;overflow:hidden;background:var(--panel)}.story-cover{position:relative;border:0;padding:0;background:var(--panel);overflow:hidden;min-height:20rem}.story-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.story-cover:hover img{transform:scale(1.025)}.cover-label{position:absolute;bottom:1.2rem;left:1.2rem;display:flex;align-items:center;gap:.5rem;background:#1b2118cc;color:#e6ead8;border:1px solid #c3d2a63b;border-radius:.3rem;padding:.5rem .7rem;font-size:.75rem}.story-card-content{padding:2.3rem;display:flex;flex-direction:column;align-items:flex-start}.story-tags{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.story-card h2{font-family:Georgia,serif;font-weight:400;font-size:2rem;line-height:1.2;margin:1.3rem 0 1rem}.story-card-content>p{color:var(--muted);font-size:.98rem;max-width:33rem}.story-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;width:100%;margin-top:auto;padding-top:2rem}.story-card-bottom>span{font-size:.73rem}.page-note{display:flex;align-items:flex-start;gap:.6rem;font-size:.75rem;color:var(--faint);line-height:1.65;margin-top:2rem}.page-note .icon{width:1rem;height:1rem;margin-top:.1rem}.story-page{padding-top:2.5rem}.scenario-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:2rem;padding-bottom:2.3rem;border-bottom:1px solid var(--line)}.scenario-copy{padding:1rem 0}.scenario-copy h1{font-family:Georgia,serif;font-size:3.5rem;font-weight:400;line-height:1.08;letter-spacing:-.03em;margin:1.4rem 0}.scenario-copy p{color:var(--muted);font-size:.96rem}.scenario-copy .text-button{margin-top:1rem}.scenario-image{min-height:18rem;border-radius:.6rem;overflow:hidden}.scenario-image img{width:100%;height:100%;object-fit:cover}.scenario-description{border-bottom:1px solid var(--line);padding:1.5rem 0}.scenario-description h2{font-size:1.2rem;margin-bottom:1rem}.scenario-description p{max-width:60rem;margin-bottom:.6rem}.campaigns-heading{margin-top:2.4rem}.campaigns-heading p{margin-top:.5rem}.count{display:inline-block;padding:.2rem .45rem;margin-left:.4rem;font-size:.75rem;vertical-align:middle;color:var(--muted);background:var(--raised);border-radius:.25rem}.campaign-list{display:flex;flex-direction:column;gap:1rem}.campaign-card{border:1px solid var(--line);border-radius:.6rem;background:var(--panel);overflow:hidden}.campaign-main{padding:1.3rem 1.5rem;display:flex;align-items:center;gap:1.2rem}.campaign-number{font-family:Georgia,serif;font-size:1.7rem;color:var(--faint);min-width:2.2rem}.campaign-info{flex:1;min-width:0}.campaign-info h3{font-size:1.04rem;margin-bottom:.4rem}.campaign-info p{font-size:.75rem;color:var(--muted)}.campaign-info p span{margin:0 .3rem}.campaign-sessions-toggle{display:flex;gap:.6rem;align-items:center;padding:.85rem 1.5rem;width:100%;background:none;border:none;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem;text-align:left}.campaign-sessions-toggle .icon:last-child{margin-left:auto}.campaign-sessions-toggle:hover{background:var(--raised)}.session-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));gap:.8rem;padding:0 1.5rem 1.3rem}.session-card{padding:1.1rem;border:1px solid var(--line);border-radius:.4rem;text-align:left;background:var(--bg)}.session-card:hover{background:var(--hover)}.session-card.current{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.session-card>div{display:flex;align-items:center;gap:.45rem;font-size:.7rem}.session-card strong{font-size:.92rem;margin-right:auto}.session-card p{margin-top:1rem;color:var(--muted);font-size:.78rem}.session-card small{font-size:.7rem;display:block;margin-top:.35rem;color:var(--faint)}.status-dot{width:.4rem;height:.4rem;border-radius:50%;background:var(--faint);flex-shrink:0;display:inline-block}.status-dot.open{background:var(--accent)}.status-dot.gold{background:var(--gold)}.reading .app-header{gap:1rem;padding:.75rem 1.2rem}.reading .app-header .brand{min-width:13.3rem}.panel-toggle{display:flex;align-items:center;gap:.5rem;min-height:2.5rem;padding:.45rem .65rem;font-size:.8rem;border:1px solid transparent;background:transparent;border-radius:.3rem;color:var(--muted)}.panel-toggle:hover{background:var(--hover);color:var(--text)}.panel-toggle.pressed{color:var(--text);border-color:var(--line);background:var(--raised)}.reader-breadcrumb{display:flex;gap:.6rem;align-items:center;justify-content:center;flex:1;min-width:7rem;color:var(--muted);font-size:.78rem}.reader-breadcrumb strong{color:var(--text);font-weight:400}.reading .header-actions{margin-left:0}.reader-layout{--left-size: 0rem;--right-size: 0rem;display:grid;grid-template-columns:var(--left-size) minmax(0,1fr) var(--right-size);grid-template-rows:minmax(0,1fr);min-height:0;flex:1;position:relative;overflow:clip}.reader-layout.left-open{--left-size: 15.5rem}.reader-layout.right-open{--right-size: 18rem}.side-panel{background:var(--panel);overflow-y:auto;min-height:0;padding:1rem 1.15rem}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem}.panel-heading h2{font-size:1.08rem}.panel-heading .icon-button{width:1.8rem;height:1.8rem;color:var(--muted)}.panel-heading-actions{display:flex;gap:.25rem}.campaign-panel{grid-column:1;border-right:1px solid var(--line);display:flex;flex-direction:column}.sidebar-cover{border:0;padding:0;overflow:hidden;border-radius:.35rem;background:var(--raised);flex-shrink:0}.sidebar-cover img{width:100%;height:8.6rem;object-fit:cover}.sidebar-story-title{font-family:Georgia,serif;font-weight:400;font-size:1.65rem;line-height:1.17;margin:1rem 0 .5rem}.sidebar-genre{font-size:.75rem;color:var(--muted)}.sidebar-separator{border-top:1px solid var(--line);margin:1.3rem 0 .8rem}.campaign-link{background:none;border:0;display:flex;gap:.6rem;align-items:center;padding:.7rem 0;width:100%;color:var(--muted);font-size:.84rem}.campaign-link .icon:last-child{width:.9rem;margin-left:auto}.sidebar-campaign-name{display:flex;gap:.7rem;align-items:center;font-size:.85rem;padding:1rem 0 .6rem}.session-nav{display:flex;flex-direction:column;gap:.3rem;margin:0 -.5rem}.session-nav button{background:none;border:1px solid transparent;border-radius:.3rem;padding:.7rem .75rem;display:flex;align-items:center;gap:.8rem;text-align:left;font-size:.83rem}.session-nav button:hover{background:var(--raised)}.session-nav button.selected{background:var(--accent-bg);border-left:2px solid var(--accent)}.session-nav small{display:block;font-size:.65rem;color:var(--muted);margin-top:.25rem}.session-nav button>.icon{margin-left:auto;width:1rem;color:var(--accent)}.sidebar-bottom{margin-top:auto;padding-top:2rem;padding-bottom:.5rem;color:var(--muted)}.reader-main{grid-column:2;min-width:0;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.scene-heading{padding:1.6rem 2.4rem 1rem;flex-shrink:0}.scene-place{display:flex;align-items:center;gap:.45rem;font-size:.78rem;color:var(--muted);margin-bottom:.6rem}.scene-place .icon{width:1rem;height:1rem}.scene-date{display:flex;gap:1rem;align-items:baseline;justify-content:space-between;flex-wrap:wrap;font-size:1rem}.scene-day{font-size:.78rem;color:var(--muted)}.suspicion{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);display:flex;align-items:center;gap:1rem;font-size:.75rem;color:var(--muted)}.suspicion strong{color:var(--gold);font-weight:500;margin-left:.3rem}.suspicion-bars{display:flex;gap:.25rem;max-width:13rem;flex:1}.suspicion-bars i{height:.3rem;flex:1;background:var(--line);border-radius:2px}.suspicion-bars .filled{background:var(--gold)}.transcript{padding:.6rem 2.4rem 1.6rem;flex:1 0 auto}.message{padding:1.2rem 0}.message-label{display:flex;align-items:center;gap:.5rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--faint);margin-bottom:.9rem}.message-label .icon{width:.95rem;height:.95rem;color:var(--accent)}.message-text{font-size:1.3125rem;line-height:1.7;overflow-wrap:anywhere}.message-text p{line-height:inherit;white-space:pre-wrap}.message-text p+p{margin-top:1.2rem}.player-message{border:1px solid var(--line);background:var(--raised);padding:1.1rem 1.3rem;border-radius:.5rem;margin:.7rem 0 1.3rem}.player-message .message-label{color:var(--accent);margin-bottom:.6rem}.player-message .message-text{font-size:1.15rem}.encounter-card{display:flex;gap:1rem;padding:.75rem;margin-top:1.4rem;min-width:min(18rem,100%);text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:.45rem}.encounter-card:hover{border-color:var(--accent)}.encounter-card>span:last-child{display:flex;flex-direction:column;gap:.25rem}.encounter-card small{color:var(--muted);font-size:.65rem}.encounter-card strong{font-family:Georgia,serif;font-weight:400;font-size:1.2rem}.encounter-card span span{display:flex;align-items:center;gap:.6rem;color:var(--accent);font-size:.7rem;margin-top:.25rem}.portrait-thumb{width:3.8rem;height:4.5rem;border-radius:.2rem;flex-shrink:0}.narrator-details{margin-bottom:.9rem}.narrator-details>summary{margin-bottom:0;width:fit-content;max-width:100%;list-style:none;cursor:pointer}.narrator-details>summary::-webkit-details-marker{display:none}.narrator-details .turn-chevron{color:var(--muted);transform:rotate(-90deg);transition:transform .15s}.narrator-details[open] .turn-chevron{transform:rotate(0)}.turn-meta{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;color:var(--muted);margin-top:1rem;font-size:.72rem}.turn-meta>.icon{width:.9rem;height:.9rem}.turn-breakdown{padding:1rem;margin-top:.7rem;border:1px solid var(--line);border-radius:.35rem;background:var(--panel);color:var(--muted);font-size:.72rem}.turn-breakdown>div{display:flex;justify-content:space-between;gap:1rem;padding:.25rem 0}.turn-breakdown p{margin-top:.75rem;color:var(--faint)}.job-progress{border:1px solid var(--line);border-radius:.4rem;margin-top:1.4rem;padding:1rem}.job-progress summary{display:flex;align-items:center;gap:.65rem;list-style:none;font-size:.85rem;cursor:pointer}.job-progress summary>.icon:last-child{margin-left:auto}.stage-time{color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}.working{color:var(--accent);display:inline-flex}.working .icon{animation:clock-turn 6s linear infinite}@keyframes clock-turn{to{transform:rotate(360deg)}}.job-progress ol{list-style:none;padding:.7rem 0 0;margin:.7rem 0 0;border-top:1px solid var(--line)}.job-progress li{display:flex;align-items:center;gap:.6rem;padding:.45rem 0;font-size:.75rem;color:var(--faint)}.job-progress li>span:last-child{margin-left:auto}.job-progress li.current{color:var(--text)}.job-progress li.done{color:var(--accent)}.job-error{display:flex;gap:.85rem;background:color-mix(in srgb,var(--error) 7%,var(--panel));border:1px solid color-mix(in srgb,var(--error) 40%,transparent);border-radius:.45rem;padding:1.1rem;margin:1rem 0}.job-error>.icon{color:var(--error);margin-top:.2rem}.job-error strong{font-size:.95rem;font-weight:500}.job-error p{font-size:.84rem;margin:.4rem 0 .85rem;color:var(--muted)}.composer-wrap{background:var(--bg);padding:1rem 2.4rem 1.2rem;position:sticky;bottom:0;margin-top:auto;border-top:1px solid transparent;flex-shrink:0}.context-strip{display:flex;gap:.8rem;align-items:center;padding:.7rem .8rem;margin-bottom:.7rem;border:1px solid var(--line);border-radius:.4rem;flex-wrap:wrap}.context-meter{flex:1 1 12rem;min-width:0}.context-meter>div{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.65rem}.context-meter strong{font-size:.64rem;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}.context-meter strong span{color:var(--faint)}progress{width:100%;height:.25rem;border:none;display:block;margin-top:.5rem;border-radius:2px;overflow:hidden}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--accent)}.warning progress::-webkit-progress-value{background:var(--gold)}.warning .context-meter>div>span{color:var(--gold)}.context-strip p{display:flex;align-items:center;gap:.45rem;flex:1 1 10rem;color:var(--muted);font-size:.65rem;line-height:1.45}.context-strip p .icon{color:var(--gold);width:1rem;height:1rem}.finish-button{padding:.6rem .7rem;border:1px solid var(--line);border-radius:.3rem;background:var(--raised);font-size:.7rem}.finish-button:hover:not(:disabled){background:var(--hover);border-color:var(--faint)}.finish-action{position:relative;display:inline-flex}.finish-action:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:.3rem}.finish-action .finish-button:disabled{pointer-events:none}.finish-hint{display:none;position:absolute;right:0;bottom:calc(100% + .6rem);z-index:5;width:min(22rem,calc(100vw - 3rem));padding:.85rem 1rem;border:1px solid var(--line);border-radius:.4rem;background:var(--panel);color:var(--text);font-size:.8rem;line-height:1.6;box-shadow:var(--shadow);text-align:left}.finish-action:hover .finish-hint,.finish-action:focus-within .finish-hint{display:block}.composer{display:flex;align-items:flex-end;gap:.5rem;border:1px solid var(--faint);border-radius:.45rem;background:var(--raised);padding:.55rem}.composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.composer textarea{width:100%;min-height:3.2rem;max-height:12rem;padding:.4rem .5rem;resize:vertical;border:none;border-radius:0;background:transparent;font-size:1.06rem;line-height:1.5}.composer textarea:focus-visible{outline:0}.composer textarea:disabled{color:var(--muted);cursor:not-allowed}.send-button{display:inline-flex;align-items:center;justify-content:center;width:2.7rem;height:2.7rem;flex-shrink:0;background:var(--accent);color:var(--accent-text);border:1px solid transparent;border-radius:.3rem}.send-button:disabled{background:var(--accent-bg);color:var(--muted);opacity:.6}.composer-help{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-top:.6rem;color:var(--faint);font-size:.59rem}.composer-help kbd{font:inherit}.composer-help .composer-busy-hint{color:var(--muted);font-size:.7rem;line-height:1.5}.composer-help span span{margin:0 .4rem}.world-panel{grid-column:3;border-left:1px solid var(--line)}.character-section{border-top:1px solid var(--line);padding-top:1.25rem;margin-top:.4rem}.character-section .panel-heading{margin-bottom:.35rem}.character-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;width:100%;background:transparent;border:0;padding:.9rem 0;text-align:left;font-size:.8rem}.character-row>.icon{width:.85rem;height:.85rem}.character-row strong{font-weight:550}.character-expanded{padding:0 0 1rem 1.3rem}.character-portrait{width:100%;height:11rem;border:1px solid var(--line);border-radius:.3rem;cursor:zoom-in;background-size:300%;background-position:25% 0%}.character-portrait img{width:100%;height:100%;object-fit:contain}.diary-card{display:flex;align-items:center;gap:.7rem;border:1px solid var(--line);border-radius:.4rem;padding:.8rem;background:var(--raised);width:100%;text-align:left}.diary-card:hover{border-color:var(--faint)}.diary-card>.icon:last-child{margin-left:auto;width:.9rem}.diary-card small,.diary-done small{display:block;font-size:.67rem;margin-bottom:.3rem;color:var(--muted)}.diary-card strong{display:block;font-size:.74rem;font-weight:450}.diary-done{display:flex;align-items:center;gap:.75rem;padding:.9rem .8rem;font-size:.7rem;color:var(--faint)}.world-section{border-top:1px solid var(--line);padding:1rem 0;margin-top:.4rem}.world-section summary{display:flex;align-items:center;gap:.6rem;list-style:none;cursor:pointer;font-size:.84rem}.world-section:not([open]) summary .icon{transform:rotate(-90deg)}.world-section summary .icon{width:.9rem;height:.9rem}.world-section dl{margin:1rem 0;font-size:.8rem}.world-section dl>div{display:flex;gap:.5rem;justify-content:space-between;padding:.3rem 0}.world-section dt{color:var(--muted)}.world-section dd{margin:0}.inventory{padding-left:1.2rem;font-size:.78rem;line-height:1.9;color:var(--muted)}.sidebar-note{display:flex;gap:.7rem;align-items:center;color:var(--faint);font-size:.62rem;padding:1.5rem 0 .5rem;line-height:1.6}.session-intro{text-align:center;color:var(--muted);padding:2rem 0}.session-intro>.icon{width:2rem;height:2rem;color:var(--accent)}.session-intro h2{color:var(--text);font-family:Georgia,serif;font-size:1.7rem;margin:1rem 0}.session-closed{display:flex;align-items:center;flex-wrap:wrap;gap:.9rem;border:1px solid var(--line);border-radius:.5rem;padding:1.1rem}.closed-icon{color:var(--accent);background:var(--accent-bg);border-radius:50%;padding:.6rem;display:inline-flex}.session-closed strong{font-size:.9rem}.session-closed p{color:var(--muted);font-size:.75rem;margin-top:.35rem}.session-closed .button{margin-left:auto;font-size:.75rem}.reader-layout.compact{grid-template-columns:0 minmax(0,1fr) 0}.compact .side-panel{position:absolute;grid-column:1 / -1;top:0;bottom:0;width:min(20rem,90%);z-index:31;box-shadow:var(--shadow)}.compact .campaign-panel{left:0}.compact .world-panel{right:0}.panel-scrim{position:absolute;inset:0;z-index:30;border:0;padding:0;background:#10120c88}.modal{color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:.7rem;padding:1.7rem;width:min(33rem,calc(100% - 2rem));max-height:calc(100dvh - 3rem);overflow-y:auto;box-shadow:var(--shadow)}.modal.wide{width:min(63rem,calc(100% - 3rem))}.modal::backdrop{background:#11150ed9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.modal-heading h2{font-family:Georgia,serif;font-weight:400;font-size:1.65rem}.modal>p{font-size:.92rem;margin:.9rem 0}.modal .form-label{margin-top:1.5rem}.modal-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.8rem;margin-top:1.7rem}.modal-actions>.text-button:first-child{margin-right:auto}.modal-illustration{margin:1.4rem 0;display:inline-flex;padding:1rem;border:1px solid var(--line);border-radius:.5rem;background:var(--panel);color:var(--accent)}.modal-illustration .icon{width:2rem;height:2rem}.hint{display:flex;align-items:flex-start;gap:.75rem;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:.4rem;padding:.9rem;font-size:.8rem;line-height:1.6;margin:1rem 0}.hint .icon{margin-top:.2rem;color:var(--gold)}.demo-settings{margin:1.4rem 0;padding:1.2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.demo-settings h3{font-size:.98rem;margin-bottom:1rem}.check-row{display:flex;align-items:center;gap:.65rem;font-size:.85rem;margin:.8rem 0}.check-row input{margin:0;flex-shrink:0}.demo-context{margin-top:1.3rem}.demo-context p{font-size:.8rem;margin-bottom:.7rem}.demo-context small{display:block;color:var(--muted);font-size:.72rem;margin-top:.7rem;line-height:1.6}.button-row{display:flex;flex-wrap:wrap;gap:.4rem}.button-row .button{font-size:.7rem;padding:.5rem .7rem}.portrait-full{border-radius:.35rem;width:100%;max-height:65dvh;object-fit:contain}.diary-section-label{margin:1.4rem 0 .8rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.diary-full-event{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.diary-full-event time{color:var(--accent);font-size:.9rem}.diary-full-event strong{font-size:.92rem}.diary-full-event p{font-size:.8rem;color:var(--muted);margin-top:.3rem}.completed-event{display:flex;align-items:center;gap:.6rem;margin:.8rem 0;color:var(--faint);font-size:.82rem}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:var(--raised);border:1px solid var(--line);box-shadow:var(--shadow);padding:1rem;border-radius:.45rem;display:flex;gap:.6rem;max-width:calc(100% - 2rem);z-index:60;font-size:.85rem}.storage-error{display:flex;align-items:center;gap:.7rem;padding:.7rem 1.5rem;flex-wrap:wrap;background:var(--gold-bg);color:var(--gold);font-size:.8rem}.storage-error>.text-button{margin-left:auto}@media(max-width:85rem){.reading .app-header{gap:.55rem}.profile-name{display:none}.reader-breadcrumb{font-size:.7rem}.scene-heading,.transcript,.composer-wrap{padding-left:1.8rem;padding-right:1.8rem}}@media(max-width:65rem){.app-header{gap:1rem;padding:.8rem 1.2rem}.reader-breadcrumb{display:none}.reading .app-header .brand{min-width:0;margin-right:auto}.reading .header-actions{margin-left:auto}.page{width:calc(100% - 3rem);padding-top:2.4rem}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:.8rem}.continue-card{flex-wrap:wrap}.story-card-content{padding:1.6rem}.story-card-bottom{flex-wrap:wrap}.scenario-copy h1{font-size:2.6rem}.campaign-main{flex-wrap:wrap}.campaign-main .badge{margin-left:auto}.campaign-info{flex-basis:65%}.login-form-wrap{padding-left:2rem;padding-right:2rem}.login-art-copy,.login-art-top{left:2rem;right:2rem}}@media(max-width:52rem){.login-page{grid-template-columns:minmax(0,1fr)}.login-art{display:none}.login-form-wrap{min-height:100dvh;padding:2rem;max-width:34rem;width:100%;margin:0 auto}.story-card,.scenario-hero{grid-template-columns:minmax(0,1fr)}.story-cover{min-height:12rem;max-height:20rem}.scenario-hero{gap:1rem}.scenario-image{height:12rem;min-height:0}.scenario-copy h1 br{display:none}.page-heading h1{font-size:2rem}.section-heading{flex-wrap:wrap}.scene-heading,.transcript,.composer-wrap{padding-left:1.2rem;padding-right:1.2rem}.context-strip p{flex-basis:100%;order:3}.scene-date{gap:.45rem}.session-closed .button{margin-left:0}.reading .app-header .brand{font-size:1.2rem}.reading .app-header .brand-mark,.reading .header-divider,.reading .profile{display:none}.reading .header-actions{gap:.1rem}.panel-toggle{font-size:.7rem;padding:.4rem}}@media(max-height:42rem){.composer-wrap{position:static}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.loading-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem;gap:1.5rem}.loading-screen h1{font-size:1.6rem}.loading-screen p{max-width:40rem;color:var(--muted)}.login-art{background:radial-gradient(ellipse at 70% 30%,#70744d55,transparent 60%),repeating-linear-gradient(120deg,transparent 0 5rem,#a5b18506 5rem 5.05rem),linear-gradient(150deg,#444b32,#1d231c 70%)}.login-art:before{content:"";position:absolute;width:38rem;height:38rem;border:1px solid #a7ad8140;border-radius:50%;top:3rem;right:-13rem;box-shadow:0 0 0 6rem #a7ad8108,0 0 0 12rem #a7ad8105}.reader-main[inert]{-webkit-user-select:none;user-select:none}.signing-out{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:2rem;background:var(--bg);color:var(--text);font-size:1.2rem}