@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&display=swap";:root{color:#eef3fa;font-synthesis:none;text-rendering:optimizelegibility;background:#0d1422;font-family:Manrope,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{background:#0d1422;min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #8de4d0}.app-shell{background:radial-gradient(circle at 76% -10%,#243554 0,#0000 36%),#0d1422;grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#0c1422eb;border-right:1px solid #26344a;flex-direction:column;height:100vh;padding:30px 18px 20px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:11px;padding:0 9px;display:flex}.brand-mark{color:#0d1422;letter-spacing:.08em;background:#8de4d0;border-radius:11px 11px 3px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.brand-name{letter-spacing:-.04em;font-size:16px;font-weight:800}.brand-subtitle{color:#8391a8;letter-spacing:.05em;margin-top:2px;font-family:DM Mono,monospace;font-size:10px}.sidebar-rule{background:#26344a;height:1px;margin:29px 9px 23px}.eyebrow{color:#8b9bb3;letter-spacing:.11em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.eyebrow>span{float:right;color:#52637e}.project-list{margin-top:11px;overflow:auto}.project-item{text-align:left;color:#a9b6c9;background:0 0;border-radius:8px;align-items:center;gap:9px;width:100%;padding:12px 10px;transition:background .2s,color .2s;display:flex}.project-item:hover,.project-item.is-selected{color:#f1f5fb;background:#18273b}.project-item.is-selected{box-shadow:inset 2px 0 #8de4d0}.project-item-copy{flex:1;min-width:0}.project-item strong,.project-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.project-item strong{font-size:12px;font-weight:700}.project-item small{color:#8ca0b7;margin-top:4px;font-size:10px}.project-arrow{color:#6b7e99;opacity:0;font-size:14px;transition:all .2s;transform:translate(-4px,4px)}.project-item:hover .project-arrow,.project-item.is-selected .project-arrow{opacity:1;transform:none}.status-dot{background:#65738a;border-radius:50%;flex:0 0 6px;width:6px;height:6px;display:inline-block}.status-running,.status-completed{background:#8de4d0;box-shadow:0 0 0 3px #8de4d017}.status-error{background:#ff9274}.status-paused{background:#f4bf70}.empty-sidebar{color:#65758e;padding:18px 10px;font-size:12px;line-height:1.7}.new-project-button{color:#c5d3e4;text-align:left;background:#162238;border:1px dashed #40536f;border-radius:8px;margin-top:15px;padding:11px 12px;font-size:12px}.new-project-button span{color:#8de4d0;vertical-align:-1px;margin-right:7px;font-size:18px}.new-project-button:hover{color:#fff;border-color:#8de4d0}.sidebar-footer{color:#687994;letter-spacing:.02em;border-top:1px solid #26344a;margin-top:auto;padding:18px 9px 0;font-family:DM Mono,monospace;font-size:9px}.signal{background:#f4bf70;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.signal-on{background:#8de4d0}.footer-version{float:right;color:#3f506b}.main-canvas{min-width:0;padding:0 42px 60px}.topbar{border-bottom:1px solid #26344a;justify-content:space-between;align-items:center;height:76px;display:flex}.breadcrumb{color:#637590;align-items:center;gap:11px;font-family:DM Mono,monospace;font-size:10px;display:flex}.breadcrumb i{color:#34455f;font-style:normal}.breadcrumb strong{color:#bdcadd;text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-weight:400;overflow:hidden}.topbar-actions{align-items:center;gap:16px;display:flex}.live-indicator{color:#7889a3;font-family:DM Mono,monospace;font-size:10px}.live-indicator>span{background:#8de4d0;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.icon-button{color:#9eacc0;background:#17243a;border-radius:7px;width:30px;height:30px;font-size:17px}.icon-button:hover{color:#8de4d0;background:#20324e}.error-banner{color:#ffc4b3;background:#6b2f2c73;border:1px solid #844d4d;border-radius:7px;align-items:center;gap:9px;max-width:940px;margin:17px auto -2px;padding:10px 13px;font-size:12px;display:flex}.error-banner>span{color:#1b1720;background:#ff9274;border-radius:50%;place-items:center;width:17px;height:17px;font-weight:800;display:grid}.error-banner button{color:#ffc4b3;background:0 0;margin-left:auto;font-size:18px}.story-hero{background:linear-gradient(115deg,#17273b 0%,#142137 48%,#182945 100%);border:1px solid #2a3a53;border-radius:6px;align-items:center;max-width:1080px;min-height:254px;margin:40px auto 0;padding:32px 34px;display:flex;position:relative;overflow:hidden}.story-hero:after{content:"";border:1px solid #8de4d026;border-radius:50%;width:260px;height:260px;position:absolute;top:-160px;right:210px;box-shadow:0 0 0 34px #8de4d006,0 0 0 70px #8de4d005}.hero-copy{z-index:1;max-width:580px;position:relative}.hero-copy h1{color:#f4f7fb;letter-spacing:-.055em;margin:13px 0 10px;font-size:clamp(31px,4vw,49px);line-height:1.05}.hero-copy p{color:#9eafc4;max-width:510px;margin:0;font-size:13px;line-height:1.8}.hero-meta{color:#71839d;align-items:center;gap:16px;margin-top:24px;font-family:DM Mono,monospace;font-size:9px;display:flex}.status-pill{color:#aebed0;background:#223650;border-radius:99px;align-items:center;gap:6px;padding:5px 9px;display:inline-flex}.status-pill-running{color:#9cebd9;background:#5bb8a024}.status-pill-paused{color:#f6cb89;background:#f4bf7021}.hero-constellation{opacity:.88;width:270px;height:160px;position:absolute;top:36px;right:45px}.constellation-line{transform-origin:0;background:#59728f;height:1px;display:block;position:absolute}.line-one{width:138px;top:65px;left:65px;transform:rotate(-28deg)}.line-two{width:113px;top:84px;left:65px;transform:rotate(28deg)}.constellation-star{background:#8de4d0;border-radius:50%;width:7px;height:7px;display:block;position:absolute;box-shadow:0 0 14px #8de4d0}.star-one{top:61px;left:61px}.star-two{top:20px;left:194px}.star-three{background:#ff9d77;top:115px;left:162px;box-shadow:0 0 13px #ff9d77}.constellation-label{color:#526b88;letter-spacing:.18em;font-family:DM Mono,monospace;font-size:9px;line-height:1.7;position:absolute;top:3px;right:0}.hero-controls{z-index:2;gap:9px;display:flex;position:absolute;bottom:28px;right:30px}.primary-button{color:#0d1926;background:#8de4d0;border-radius:5px;padding:11px 15px;font-size:11px;font-weight:800}.primary-button span{margin-left:15px;font-size:15px}.primary-button:hover{background:#b4f1e3;transform:translateY(-1px)}.quiet-button{color:#a7b7ca;background:#080f1a73;border:1px solid #40536e;border-radius:5px;padding:10px 12px;font-size:10px}.quiet-button:hover{color:#f1f5fb;border-color:#8de4d0}.metric-strip{border-top:1px solid #26344a;border-bottom:1px solid #26344a;grid-template-columns:repeat(4,1fr);max-width:1080px;margin:17px auto;display:grid}.metric{border-right:1px solid #26344a;align-items:center;gap:12px;min-height:74px;padding:16px 17px;display:flex}.metric:last-child{border-right:0}.metric>strong{color:#f1f5fb;letter-spacing:-.07em;font-size:25px;font-weight:500}.metric>div>span,.metric>div>small{display:block}.metric>div>span{color:#a8b7ca;font-size:10px}.metric>div>small{color:#647791;margin-top:5px;font-family:DM Mono,monospace;font-size:8px}.workspace-grid,.bottom-grid{grid-template-columns:minmax(0,1.45fr) minmax(290px,.7fr);gap:18px;max-width:1080px;margin:18px auto 0;display:grid}.bottom-grid{grid-template-columns:1fr 1fr}.panel{background:#121e31;border:1px solid #293b55;border-radius:6px;padding:22px}.panel-heading,.panel-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-heading h2,.panel-title h3{color:#edf3fa;letter-spacing:-.035em;margin:7px 0 0}.panel-heading h2{font-family:Newsreader,Georgia,serif;font-size:25px;font-weight:500}.panel-title h3{font-size:15px;font-weight:700}.chapter-mode{color:#7fdbcb;background:#193342;padding:4px 7px;font-family:DM Mono,monospace;font-size:9px}.chapter-summary{color:#91a3ba;border-bottom:1px solid #293b55;margin:24px 0 19px;padding-bottom:17px;font-size:12px;line-height:1.75}.chapter-body{color:#c9d5e2;min-height:230px;font-family:Newsreader,Georgia,serif;font-size:17px;line-height:1.9}.chapter-body p{margin:0 0 16px}.chapter-footer{color:#8da1bb;border-top:1px solid #293b55;justify-content:space-between;margin-top:25px;padding-top:12px;font-family:DM Mono,monospace;font-size:9px;display:flex}.right-column{align-content:start;gap:18px;display:grid}.stage-panel{background:linear-gradient(135deg,#172d3b,#122335)}.stage-objective,.stage-conflict,.stage-goal{margin-top:22px}.mini-label{color:#68829a;letter-spacing:.08em;font-family:DM Mono,monospace;font-size:9px;display:block}.stage-objective p,.stage-conflict p{color:#bbccda;margin:6px 0 0;font-size:12px;line-height:1.65}.stage-goal{border-top:1px solid #315067;padding-top:14px}.stage-goal strong{color:#8de4d0;margin-top:6px;font-size:11px;line-height:1.55;display:block}.state-panel{background:#111b2c}.character-stack{margin-top:18px}.character-row,.thread-row{border-bottom:1px solid #26364e;align-items:center;gap:10px;padding:9px 0;display:flex}.character-row:last-child,.thread-row:last-child{border-bottom:0}.avatar{color:#0e1c2a;background:#8de4d0;border-radius:50% 50% 50% 3px;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:10px;font-weight:800;display:grid}.avatar-dead,.avatar-departed{color:#d4a7a1;background:#55393e}.character-row strong,.character-row small,.thread-row strong,.thread-row small{display:block}.character-row strong,.thread-row strong{color:#c8d4e1;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.character-row small,.thread-row small{color:#8295ad;margin-top:3px;font-family:DM Mono,monospace;font-size:8px}.thread-list{border-top:1px solid #293b55;margin-top:16px;padding-top:9px}.thread-mark{background:#8de4d0;border-radius:2px;flex:0 0 5px;width:5px;height:20px}.thread-high{background:#ff9d77}.thread-medium{background:#f4bf70}.muted-copy{color:#61738e;padding:12px 0;font-size:11px;line-height:1.6}.timeline-list,.task-list{margin-top:17px}.timeline-row{gap:13px;min-height:48px;padding-left:3px;display:flex;position:relative}.timeline-row:not(:last-child):before{content:"";background:#3a506b;width:1px;position:absolute;top:15px;bottom:0;left:5px}.timeline-dot{z-index:1;background:#8de4d0;border-radius:50%;flex:0 0 5px;width:5px;height:5px;margin-top:5px;box-shadow:0 0 0 3px #20364a}.timeline-row small{color:#7894ae;font-family:DM Mono,monospace;font-size:8px}.timeline-row p{color:#c0ccda;margin:5px 0 0;font-size:11px}.task-row{border-bottom:1px solid #26364e;align-items:center;gap:10px;min-height:43px;display:flex}.task-row:last-child{border-bottom:0}.task-state{background:#667892;border-radius:50%;flex:0 0 6px;width:6px;height:6px}.task-succeeded{background:#8de4d0}.task-running{background:#ff9d77;box-shadow:0 0 0 3px #ff9d771f}.task-queued{background:#f4bf70}.task-copy{flex:1;min-width:0}.task-copy strong,.task-copy small{display:block}.task-copy strong{color:#bac9d9;font-size:10px}.task-copy small{color:#7d94ad;margin-top:3px;font-family:DM Mono,monospace;font-size:8px}.task-status{color:#8ba0b6;font-family:DM Mono,monospace;font-size:8px}.loading-state,.welcome-state{text-align:center;align-content:center;place-items:center;min-height:580px;display:grid}.loading-orbit{border:1px solid #8de4d0;border-top-color:#0000;border-radius:50%;width:35px;height:35px;margin-bottom:16px;animation:1s linear infinite orbit}.loading-state p{color:#7c8da5;font-family:DM Mono,monospace;font-size:10px}.welcome-state{max-width:430px;margin:0 auto}.welcome-orbit{color:#8de4d0;border:1px solid #395b68;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:28px;font-size:25px;display:grid;box-shadow:0 0 0 13px #8de4d008}.welcome-state h1{letter-spacing:-.06em;margin:14px 0;font-family:Newsreader,Georgia,serif;font-size:48px;font-weight:400;line-height:1.05}.welcome-state h1 em{color:#8de4d0;font-style:normal}.welcome-state>p:not(.eyebrow){color:#7f91a9;max-width:350px;margin:0 auto 25px;font-size:12px;line-height:1.8}.dialog-backdrop{z-index:10;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#050a12c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.create-dialog{background:#15243a;border:1px solid #3c5472;border-radius:7px;width:min(100%,510px);max-height:calc(100vh - 40px);padding:30px;position:relative;overflow:auto;box-shadow:0 22px 90px #0006}.create-dialog h2{margin:10px 0 7px;font-family:Newsreader,Georgia,serif;font-size:31px;font-weight:500}.dialog-intro{color:#8396ae;margin:0 0 21px;font-size:12px}.dialog-close{color:#8ca0ba;background:0 0;width:28px;height:28px;font-size:24px;position:absolute;top:19px;right:19px}.create-dialog label{color:#8ea0b8;letter-spacing:.04em;margin-top:14px;font-family:DM Mono,monospace;font-size:9px;display:block}.create-dialog input,.create-dialog textarea{color:#eaf1f8;background:#0f1a2b;border:1px solid #334964;border-radius:4px;outline:0;width:100%;margin-top:7px;padding:10px 11px;font-family:Manrope,sans-serif;font-size:12px}.create-dialog textarea{resize:vertical;min-height:92px;line-height:1.6}.create-dialog input::placeholder,.create-dialog textarea::placeholder{color:#506580}.form-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.checkbox-label{align-items:center;gap:8px;color:#a9b8c9!important;font-family:Manrope,sans-serif!important;font-size:11px!important;display:flex!important}.checkbox-label input{accent-color:#8de4d0;width:14px;height:14px;margin:0}.full-button{width:100%;margin-top:22px}@keyframes orbit{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=980px){.main-canvas{padding:0 23px 50px}.hero-constellation{opacity:.45;right:12px}.workspace-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}.bottom-grid{grid-template-columns:1fr}}@media (width<=700px){.app-shell{display:block}.sidebar{border-bottom:1px solid #26344a;border-right:0;height:auto;padding:15px 15px 13px;position:relative}.sidebar-rule,.sidebar-footer{display:none}.project-list{gap:7px;display:flex;overflow-x:auto}.project-item{background:#132035;min-width:180px}.new-project-button{margin-top:12px}.topbar{height:60px}.live-indicator{display:none}.story-hero{margin-top:20px;padding:24px 20px 87px}.hero-constellation{display:none}.hero-controls{bottom:20px;left:20px;right:20px}.hero-controls .primary-button,.hero-controls .quiet-button{flex:1}.metric-strip{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid #26344a}.right-column{grid-template-columns:1fr}.main-canvas{padding:0 15px 40px}.form-two{grid-template-columns:1fr;gap:0}.create-dialog{padding:24px 20px}}