:root{color-scheme:dark;--green:#00c65a;--line:#282828;--panel:#0d0d0d;--muted:#747474;--font:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace}*{box-sizing:border-box}body{margin:0;background:#000;color:#eee;font:12px/1.5 var(--font)}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:hover:not(:disabled){filter:brightness(1.25)}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}header{height:80px;display:flex;align-items:center;padding:0 24px;gap:20px;background:#090909;border-bottom:1px solid #252525;position:relative;z-index:20}.brand{width:129px;display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}.brand b{width:32px;height:32px;display:grid;place-items:center;background:#00c75a;color:#001d0c;font-size:16px}.separator{height:28px;border-left:1px solid #303030}.scene-selector{position:relative;width:240px;height:44px;border:1px solid #284831}#scene-switch{display:flex;align-items:center;gap:10px;text-align:left;width:100%;height:100%;padding:5px 10px}.scene-icon{font-size:23px;line-height:1;color:var(--green)}#scene-switch small{display:block;font-size:9px;line-height:12px;color:#91d9a6;letter-spacing:1.3px;font-weight:700}#scene-switch strong{display:block;font-size:12px;line-height:16px}.caret{margin-left:auto;color:#aaa;font-size:17px}.live-dot{position:absolute;right:-5px;top:-5px;width:10px;height:10px;background:#49d67a;border-radius:50%;box-shadow:0 0 8px #4bd77b55}.header-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.header-button{height:36px;padding:0 12px;border:1px solid #303030;font-size:10px;letter-spacing:.8px}.language-switch{display:flex;border:1px solid #3a3a3a;border-radius:20px;padding:3px;gap:2px}.language-switch button{padding:5px 10px;border-radius:15px;font-size:10px;color:#888}.language-switch .active{background:#00c65a;color:#001c0b;font-weight:700}.help{width:32px;height:32px;border:1px solid #333;border-radius:50%}#scene-menu{position:absolute;top:51px;left:-1px;width:380px;max-height:80vh;overflow:auto;background:#0d0d0d;border:1px solid #343434;box-shadow:0 12px 30px #0008}.menu-caption{font-size:9px;color:#777;letter-spacing:1.6px;padding:16px 16px 8px}.scene-option{width:100%;text-align:left;padding:12px 16px;position:relative}.scene-option strong{font-size:12px;font-weight:700;display:block}.scene-option small{display:block;color:#747474;font-size:10px;margin-top:2px}.scene-option.current{background:#0b2114}.scene-option .current-tag{position:absolute;right:15px;top:15px;color:var(--green);font-size:8px;letter-spacing:1px}.menu-divider{border-top:1px solid #282828;margin-top:5px}.browse-scenes{width:100%;text-align:left;padding:15px 16px;border-top:1px solid #282828;font-size:10px;font-weight:700;color:#aaa;letter-spacing:1px}.browse-scenes span{float:right}main{display:grid;grid-template-columns:minmax(0,1fr) 380px;height:calc(100dvh - 80px);min-height:420px}#stage{position:relative;overflow:hidden;isolation:isolate;background:#000;min-width:0}#viewport{position:absolute;inset:0;z-index:0}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.stage-top{position:absolute;top:22px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:5}.stage-top>span{font-size:9px;letter-spacing:1.4px;color:#818181}.stage-buttons{margin-left:auto;display:flex;align-items:center;gap:8px}.stage-buttons button{pointer-events:auto;background:#0008;border:1px solid #333;border-radius:2px;min-height:35px;padding:8px 11px;font-size:9px;color:#aaa}#fullscreen{width:44px;height:44px;border-radius:50%;font-size:24px;line-height:1;color:#eee}.stage-bottom{position:absolute;left:24px;right:24px;bottom:22px;z-index:5;pointer-events:none}.export-buttons{display:flex;gap:16px;align-items:center}.export-buttons button{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:8px}.primary,.outline{height:44px;padding:0 20px;border:1px solid var(--green);font-size:12px;font-weight:700}.primary{min-width:192px;background:var(--green);color:#001a09}.outline{min-width:142px;border-width:2px;color:#2fda7c;background:#0009}.outline span:first-child{font-size:10px}.quiet{color:#829084;font-size:10px}#stage-hint{font-size:8px;color:#7a7a7a;letter-spacing:1px;margin:12px 0 0}.stage-readout{display:flex;justify-content:space-between;color:#5f6b63;font-size:8px;margin-top:9px}.stage-readout:empty{display:none}aside{background:var(--panel);border-left:1px solid #282828;display:flex;flex-direction:column;overflow:hidden;min-height:0}.panel-header{height:64px;flex-shrink:0;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #252525}.panel-header strong{font-size:10px;letter-spacing:1.7px}.panel-header>div{display:flex;align-items:center;gap:12px}.panel-header button{font-size:9px;color:#8b8b8b}.panel-header #share{font-size:18px}.panel-body{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#414141 #101010;overscroll-behavior:contain;scrollbar-gutter:stable}.control-section{margin:0 16px 0 20px;padding:24px 0;border-bottom:1px solid #292929}.section-title{display:flex;align-items:center;justify-content:space-between;color:#aaa;font-size:12px;letter-spacing:.6px;margin:0 0 17px;font-weight:400}.section-title .glyph{font-size:18px;margin-right:10px;color:#939393}.section-title>span{display:flex;align-items:center}.small-button{padding:6px 10px;border:1px solid #414141;background:#181818;border-radius:3px;font-size:9px;font-weight:700;letter-spacing:.6px;color:#bbb}.upload-zone{border:2px dashed #303030;border-radius:8px;height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;color:#858585}.upload-zone:hover{border-color:#41614b;background:#101913}.upload-zone .upload-arrow{font-size:33px;line-height:36px;margin-bottom:8px;color:#6d6d74}.upload-zone strong{font-size:12px;font-weight:400}.upload-zone small{font-size:10px;line-height:16px;color:#545454}.source-info{color:#4abf74;font-size:10px;overflow-wrap:anywhere;margin-top:10px}.field{margin:0 0 22px}.field:last-child{margin-bottom:0}.field>label,.field-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#9b9b9b;font-size:11px;margin-bottom:10px}.field output{font-size:11px;font-weight:700;color:var(--green);white-space:nowrap}.field input[type=range]{appearance:none;-webkit-appearance:none;height:7px;width:100%;background:#292929;border-radius:8px;display:block;margin:12px 0 4px;cursor:pointer}.field input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;background:#27bd62;border-radius:50%}.field input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;background:#27bd62;border-radius:50%}.field select{width:100%;background:#171717;border:1px solid #414141;border-radius:6px;height:43px;color:#eee;font-size:12px;padding:8px 12px}.field input[type=text],.field textarea{width:100%;background:#050505;border:1px solid #303030;color:#eee;font-size:14px;padding:13px 12px;border-radius:0}.field textarea{height:85px;resize:vertical;line-height:1.5}.field input[type=color]{width:45px;height:32px;padding:4px;background:#191919;border:1px solid #444;border-radius:3px;cursor:pointer}.color-control{display:flex;align-items:center;justify-content:space-between;gap:20px}.color-control label{font-size:10px;color:#828282;flex:1}.color-value{font-size:10px;color:#aaa;font-weight:700;min-width:64px}.color-control+.color-control{margin-top:18px}.segments{display:flex;gap:8px}.segments button{flex:1;min-width:0;padding:10px 6px;line-height:15px;font-size:10px;border:1px solid #414141;border-radius:3px;background:#131313;color:#ccc}.segments button.active,.effect-button.active,.preset-button.active{border-color:var(--green);color:var(--green);box-shadow:0 0 10px #00c65a22;background:#101812}.mode-options button{min-height:52px}.effect-grid,.pointer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.effect-button{height:52px;text-align:left;padding:9px 12px;background:#131313;border:1px solid #414141;border-radius:3px;font-size:10px;text-transform:uppercase}.effect-button small{display:block;font-size:7px;letter-spacing:1px;color:#328268;margin-top:2px}.effect-button[data-kind=Transform] small{color:#a78d33}.effect-button[data-kind=Trigger] small{color:#9f5e89}.pointer-grid button{height:36px;text-align:center;border:1px solid #363636;background:#121212;color:#aaa;font-size:9px}.pointer-grid button.active{border-color:var(--green);color:var(--green);box-shadow:0 0 10px #00c65a22}.pointer-grid button:last-child{grid-column:1/-1}.section-description{font-size:9px;color:#686868;line-height:1.8;margin:14px 0 0}.parameter-box{margin-top:16px;padding:16px;border:1px solid #173422;background:#0d1510;border-radius:3px}.parameter-box .field>label{font-size:9px}.parameter-box .field output{font-size:9px}.parameter-box .field{margin-bottom:20px}.parameter-box .field:last-child{margin-bottom:0}.toggle-field{display:flex;align-items:center;justify-content:space-between;gap:10px}.toggle-field>label{font-size:11px;color:#aaa;max-width:210px}.toggle-field input{accent-color:var(--green);width:16px;height:16px;cursor:pointer}.number-pair{display:flex;align-items:center;gap:12px}.number-pair input[type=range]{flex:1}.number-pair input[type=number]{width:74px;background:#080808;border:1px solid #292929;color:#ccc;padding:7px;font-size:10px}.hint{font-size:9px;color:#646464;line-height:1.7;margin-top:15px}.full-button{width:100%;margin-top:15px;padding:11px;border:1px solid #3d6f4b;color:#3edb78;font-size:10px}.sub-label{font-size:9px;color:#777;letter-spacing:.8px;margin:17px 0 8px}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset-button{padding:13px;text-align:left;border:1px solid #3a3a3a;min-height:73px;background:#131313}.preset-button strong{display:block;font-size:11px}.preset-button small{font-size:9px;color:#6f6f6f;display:block;margin-top:5px}.preset-dot{width:7px;height:7px;background:var(--swatch);border-radius:50%;display:block;margin-bottom:9px}.sequence-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sequence-card{border:1px solid #3a3a3a;background:#111;padding:5px}.sequence-card img{display:block;object-fit:contain;width:100%;height:72px;background:#050505}.sequence-actions{display:flex;justify-content:space-between;align-items:center;font-size:9px;padding:5px 1px 0}.sequence-actions button{font-size:11px;padding:2px 4px;color:#999}.sequence-actions button.remove{color:#cc6666}.sequence-add{min-height:100px;border:1px dashed #414141;font-size:10px;color:#858585}.library-strip{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.library-strip button{width:40px;height:40px;border:1px solid #333;background:#111;padding:2px}.library-strip img{width:100%;height:100%;object-fit:contain}.chapter-tabs{display:flex;gap:4px;margin:20px 20px 0}.chapter-tabs button{flex:1;min-width:0;border:1px solid #333;padding:8px 4px;font-size:9px;color:#8b8b8b}.chapter-tabs button.active{background:#112018;border-color:#258c4a;color:#48cd7b}.chapter-tabs button:first-child{flex:1.8}details>summary{cursor:pointer;color:#aaa;font-size:11px;padding:0;list-style:none}details>summary:after{content:'⌄';float:right}details[open]>summary{margin-bottom:20px}footer{padding:17px 20px;border-top:1px solid #282828;flex-shrink:0;background:#101010}footer>div{display:flex;justify-content:space-between;font-size:9px;line-height:1.9;color:#5e5e66}footer b{font-size:9px;color:#8b8b98;font-weight:400}.render-status{color:var(--green)}#loading,#drop-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#000b;z-index:10;font-size:14px;color:var(--green);pointer-events:none}#drop-overlay{border:2px dashed var(--green)}#scene-overlay{position:absolute;inset:0;pointer-events:none;z-index:2}#atmosphere{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0}#atmosphere.active{opacity:1;background:radial-gradient(ellipse at 65% -20%,#4298ff1c,transparent 65%)}.story-shafts{position:absolute;inset:0;background:repeating-conic-gradient(from -12deg at 50% -20%,transparent 0 12deg,#4b96ff0c 12deg 15deg,transparent 15deg 30deg)}.story-grid{position:absolute;inset:0;background-image:radial-gradient(#569cde44 .7px,transparent .9px);background-size:24px 24px}.story-bubbles i{position:absolute;width:5px;height:5px;border:1px solid #66a7ff55;border-radius:50%;bottom:-20px;animation:bubble 12s linear infinite}@keyframes bubble{to{transform:translateY(-110vh)}}.story-scroll{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;scrollbar-width:thin;scrollbar-color:#26445a transparent;scroll-behavior:smooth}.story-scroll.phone{left:50%;transform:translateX(-50%);width:min(390px,100%);border:1px solid #435260;border-radius:22px}.story-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:35px 30px 10px;z-index:2;font-size:10px;color:#a4b0ba;letter-spacing:1px}.story-header nav{display:flex;gap:15px}.story-header a{color:inherit;text-decoration:none}.story-chapter{height:100%;min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:100px 7%;position:relative}.story-copy{max-width:46%;text-shadow:0 1px 22px #0005}.story-copy h2{font:800 clamp(30px,5vw,80px)/.98 sans-serif;letter-spacing:-2px;text-transform:uppercase;margin:0 0 25px}.story-copy p{font:14px/1.8 sans-serif;color:#a1adb8;margin:0 0 25px;max-width:360px}.story-copy b{color:#dceaf6}.story-copy a{font-size:10px;color:#c6e5f2;text-decoration:none;border-bottom:1px solid #48737f;padding-bottom:8px}.story-chapter.center .story-copy{text-align:center;margin:0 auto}.story-chapter.right .story-copy{margin-left:auto}.story-scroll.phone .story-copy{max-width:100%;margin-top:100px}.story-scroll.phone h2{font-size:38px}.chapter-dots{position:absolute;right:20px;top:45%;display:flex;flex-direction:column;gap:12px;pointer-events:auto;z-index:4}.chapter-dots button{width:7px;height:7px;padding:0;border:1px solid #8996a0;border-radius:50%}.chapter-dots button.active{background:#b6e4ff;box-shadow:0 0 10px #72a4f5}.story-preview-tools{position:absolute;top:25px;left:50%;display:flex;gap:5px;pointer-events:auto;z-index:6}.story-preview-tools button{font-size:10px;padding:7px 10px;background:#050b1099;border:1px solid #273b49;color:#9cb8ca}.story-preview-tools .active{border-color:#71c3ec}.story-progress{position:absolute;bottom:100px;left:28px;right:28px;z-index:5;pointer-events:none;display:flex;align-items:center;gap:12px;font-size:9px;color:#75bddb}.story-progress progress{accent-color:#49b7f0;height:3px;flex:1}.story-metric{position:absolute;top:75px;left:30px;color:#7db7d3;font-size:10px}.scene-loading{font-size:11px;color:#5a6d60;text-align:center;padding:30px}.status-note{color:#5c9d70;font-size:10px;padding-top:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#102318;border:1px solid #316642;padding:13px 20px;border-radius:4px;z-index:40;max-width:90vw;font-size:12px}dialog{background:#101310;color:#eee;border:1px solid #35473c;border-radius:6px;padding:30px;width:min(680px,92vw);max-height:85dvh;overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}dialog h2{font-size:18px;font-weight:500;margin:0 0 25px;letter-spacing:1px}dialog p{color:#929b94;font-size:11px;line-height:1.9}.dialog-close{position:absolute;right:10px;top:6px;font-size:25px;color:#aaa}#asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#asset-grid button{border:1px solid #313d34;background:#080c09;padding:10px}#asset-grid img{height:115px;width:100%;object-fit:contain}#asset-grid span{display:block;font-size:10px;margin-top:8px;color:#aaa}#scene-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}#scene-gallery button{border:1px solid #354339;padding:22px 15px;text-align:left;background:#0c1710}#scene-gallery strong{display:block;font-size:13px;color:#6fde95;margin-bottom:10px}#scene-gallery small{font-size:10px;color:#7e8d82}[hidden]{display:none!important}
@media(max-width:1050px){main{grid-template-columns:minmax(0,1fr) 340px}.stage-buttons #replay{display:none}.stage-top{left:18px;right:18px}.stage-bottom{left:18px;right:18px}.export-buttons{gap:10px}.primary{min-width:150px}.outline{min-width:125px}.primary,.outline{font-size:10px;padding:0 14px}.stage-readout #view-info{display:none}.story-copy{max-width:60%}.story-header nav{display:none}.story-copy h2{font-size:44px}.header-actions{gap:9px}}
@media(max-width:700px){header{height:65px;padding:0 12px;gap:12px}.brand{width:auto;font-size:11px;gap:6px}.brand b{width:27px;height:27px}.separator,.header-actions .help,.header-button{display:none}.scene-selector{width:168px;min-width:140px;height:38px}.scene-icon{font-size:17px}#scene-switch{gap:7px;padding:4px 7px}#scene-switch small{font-size:7px;letter-spacing:.6px}#scene-switch strong{font-size:10px}.language-switch button{padding:4px 6px;font-size:9px}.header-actions{margin-left:auto}#scene-menu{left:-100px;width:300px;max-height:75dvh}main{display:flex;flex-direction:column;height:auto;min-height:0}#stage{height:66dvh;min-height:420px}aside{border-left:0;border-top:1px solid #333;min-height:500px;overflow:visible}.panel-body{max-height:75dvh;overflow-y:auto}.panel-header{height:55px}.stage-top>span{font-size:7px;max-width:45%}.stage-top{left:14px;right:14px;top:15px}.stage-buttons #reset-view{font-size:0;width:32px;padding:5px}.stage-buttons #reset-view:after{content:'↺';font-size:18px}#fullscreen{height:35px;width:35px;font-size:19px}.stage-bottom{left:16px;right:16px;bottom:17px}.primary{min-width:145px}.outline{min-width:115px}.quiet{display:none}.export-buttons{gap:12px}.primary,.outline{height:39px;font-size:10px;padding:0 12px}#stage-hint{font-size:7px;letter-spacing:.4px}.stage-readout{font-size:7px}.control-section{margin:0 18px;padding:22px 0}.field input[type=range]{height:8px}.field input[type=range]::-webkit-slider-thumb{height:16px;width:16px}.story-copy{max-width:100%;margin-top:160px}.story-copy h2{font-size:37px}.story-copy p{font-size:12px}.story-header{padding:20px}.story-chapter{padding:80px 7%}.story-preview-tools{left:30%;top:16px}.story-preview-tools button{font-size:8px;padding:5px 7px}.story-progress{bottom:95px}.chapter-dots{right:12px}.story-metric{top:60px;left:20px}#asset-grid img{height:85px}dialog{padding:25px 20px}.scene-selector strong{white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){.story-scroll{scroll-behavior:auto}.story-bubbles i{animation:none}}

.story-dust{position:absolute;inset:0;background-size:113px 137px;animation:dust-drift 25s linear infinite}@keyframes dust-drift{to{transform:translateY(-137px)}}

#stage[data-scene=story] .stage-top>span,#stage[data-scene=story] #replay,#stage[data-scene=story] #reset-view{display:none}#stage[data-scene=story] .stage-top{left:auto;top:22px}.story-header{padding-right:85px}.story-scroll.phone .story-header nav{display:none}
/* The preview surface owns WebGL, atmosphere, copy and navigation together. */
#story-frame{position:absolute;inset:0;overflow:hidden;isolation:isolate;container-type:size;background:#000}
#story-frame.phone{inset:56px auto 112px 50%;transform:translateX(-50%);width:min(390px,calc(100% - 32px));max-height:844px;border:1px solid #27313b;border-radius:28px;box-shadow:0 16px 60px #0008}
#story-frame #viewport,#story-frame #atmosphere,#story-frame #scene-overlay{inset:0;overflow:hidden}
#stage[data-scene=story]{background:#000}
.story-scroll{scrollbar-width:none;scroll-behavior:smooth;overflow-x:hidden}
.story-scroll::-webkit-scrollbar{display:none}
.story-pages{height:100%}
.story-header{position:absolute;inset:0 0 auto;pointer-events:none;height:104px;padding:42px 36px 0;align-items:flex-start;z-index:4}
.story-header>span{font:700 24px/1 Impact,'Arial Narrow',sans-serif;letter-spacing:4px;color:#f4f7fa}
.story-header nav{pointer-events:auto;font:14px/1.4 sans-serif;letter-spacing:0;gap:24px}
.story-header nav a{color:#b4bbc4}
.story-chapter{height:100%;min-height:100%;padding:90px 4% 90px;justify-content:center}
.story-copy{width:680px;max-width:70%;margin:0;text-shadow:0 2px 30px #0004}
.story-copy h2{font:800 clamp(42px,6.8cqw,100px)/1.08 Impact,'Arial Narrow',sans-serif;letter-spacing:-1px;max-width:620px;margin:0 0 20px;color:#f8fbff;overflow-wrap:anywhere}
.story-copy h2 b{color:inherit}
.story-copy p{font:300 clamp(16px,1.7cqw,22px)/1.55 sans-serif;max-width:670px;color:#9aa5b3;margin-bottom:36px}
.story-copy p b{color:#e1eaf0;font-weight:600}
.story-copy>a{display:inline-flex;align-items:center;border:1px solid #68737a;border-radius:40px;padding:15px 24px;font-size:12px;letter-spacing:2px;line-height:1.6;color:#eef8ff;background:#02080b22}
.story-metric{left:195px;top:45px;display:flex;align-items:center;gap:20px;font-size:17px;color:#edf5fa;white-space:nowrap}
.story-metric span{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:#7d8a98;border-left:1px solid #36414d;padding-left:20px}
.story-progress{bottom:35px;left:41%;right:41%;opacity:.55;display:block;text-align:center;letter-spacing:2px;color:#a8bcc8}
.story-progress progress{width:100%;height:1px;display:block;margin-top:14px}
.chapter-dots{right:18px;top:38%;gap:20px;counter-reset:chapter}
.chapter-dots button{width:34px;height:16px;border:0;border-radius:0;position:relative;color:#66727d;counter-increment:chapter}
.chapter-dots button:before{content:'0' counter(chapter);font-size:8px;position:absolute;left:-10px;top:1px;letter-spacing:1px}
.chapter-dots button:after{content:'';position:absolute;right:0;top:7px;width:12px;height:1px;background:currentColor}
.chapter-dots button.active{background:none;box-shadow:none;color:#d6f5ff}
.chapter-dots button.active:after{width:25px}
.story-preview-tools{top:20px;left:auto;right:78px;gap:5px}
.story-preview-tools button{font-size:8px;padding:6px 8px;border-color:#293038;background:#080b0e;color:#697885}
.story-preview-tools .active{color:#d5efff;border-color:#587d91}
#story-frame.compact .story-header{height:85px;padding:23px 20px 0}
#story-frame.compact .story-header nav{display:none}
#story-frame.compact .story-header>span{font-size:24px}
#story-frame.compact .story-metric{left:auto;right:20px;top:24px;font-size:16px}
#story-frame.compact .story-metric span{display:none}
#story-frame.compact .story-chapter{padding:80px 20px 60px;justify-content:center}
#story-frame.compact .story-copy{max-width:100%;width:100%;margin:0}
#story-frame.compact .story-copy h2{font-size:clamp(30px,12cqw,48px);letter-spacing:-1px;margin-bottom:18px}
#story-frame.compact .story-copy p{font-size:clamp(13px,4.7cqw,19px);line-height:1.45;margin-bottom:30px}
#story-frame.compact .story-copy>a{font-size:11px;padding:14px 22px}
#story-frame.compact .chapter-dots{right:16px;top:33%;gap:19px}
#story-frame.compact .story-progress{left:27%;right:27%;bottom:30px;font-size:8px}
.story-shafts{inset:-10% -25%;background:repeating-linear-gradient(108deg,transparent 0%,transparent 11%,#86b2df0b 13%,#86b2df18 15%,transparent 19%,transparent 31%);filter:blur(13px);mask-image:linear-gradient(#000,transparent 92%);transform-origin:50% 0;animation:shaft-drift 18s ease-in-out infinite alternate}
.story-grid{background-image:radial-gradient(#7db4cf38 .55px,transparent .85px);background-size:9px 9px;mask-image:radial-gradient(ellipse at 45% 55%,#0008,transparent 68%)}
.story-dust{background-size:173px 197px;opacity:.35;mask-image:linear-gradient(#0005,#000)}
.story-bubbles i{width:4px;height:4px;border-color:#b3d5f02e}
@keyframes shaft-drift{to{transform:translateX(3%) skewX(-3deg)}}
@media(max-width:700px){#story-frame.phone{inset:48px 12px 105px;transform:none;width:auto;border-radius:20px}.story-preview-tools{right:58px;top:15px}#story-frame.compact .story-header{padding-top:20px}.story-metric{top:21px}#story-frame.compact .story-copy h2{font-size:clamp(28px,10cqw,42px)}#story-frame.compact .story-copy p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.story-shafts,.story-dust{animation:none}}
#story-frame .story-header nav{padding-right:0;margin-top:8px}
#story-frame .story-header{padding-top:48px}
#story-frame .story-metric{top:51px}
#story-frame.compact .story-header{padding-top:23px}
#story-frame.compact .story-metric{top:24px}
.story-chapter.center .story-copy{max-width:72%;text-align:center}
#story-frame.compact .story-chapter.center .story-copy{max-width:100%}
.story-shafts{background:repeating-linear-gradient(108deg,transparent 0%,transparent 11%,#86b2df14 13%,#86b2df30 15%,transparent 19%,transparent 31%)}
/* Scroll Story uses the source's type scale and chapter pacing. */
.story-copy,#story-frame.compact .story-copy{font-family:Montserrat,'Helvetica Neue',Arial,sans-serif;width:100%;max-width:720px;text-shadow:none}
.story-copy h2,#story-frame.compact .story-copy h2{font-family:Oswald,'Arial Narrow',Impact,sans-serif;font-weight:600;font-size:clamp(52px,8.4cqw,128px);line-height:.95;letter-spacing:0;max-width:none;margin:0 0 24px;overflow-wrap:normal}
.story-copy p,#story-frame.compact .story-copy p{font-family:Montserrat,'Helvetica Neue',Arial,sans-serif;font-size:clamp(20px,2.2cqw,32px);font-weight:200;line-height:1.3;max-width:none;margin:0;color:#c9d6e2}
.story-copy p b{font-weight:600;color:#fff}
.story-copy>a,#story-frame.compact .story-copy>a{margin-top:36px;padding:15px 24px;font:600 12px/1.6 Montserrat,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.story-chapter,#story-frame.compact .story-chapter{height:auto;min-height:100cqh;padding:120px clamp(20px,4cqw,40px);justify-content:center}
.story-chapter+.story-chapter{margin-top:30cqh}
.story-chapter:first-child,#story-frame.compact .story-chapter:first-child{justify-content:flex-end;padding-bottom:120px}
.story-chapter.center .story-copy{width:100%;max-width:1100px}
#story-frame.compact .story-chapter+.story-chapter{margin-top:0}
#story-frame .story-header>span{font:600 22px/1 Oswald,sans-serif;letter-spacing:.18em}
#story-frame.compact .story-header>span{font-size:22px}
#story-frame .story-header nav{font:300 15px/1.4 Montserrat,sans-serif}
.story-word{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.story-word>span{display:inline-block;transform:translateY(110%);opacity:0;transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity 1.1s ease;transition-delay:calc(var(--word,0)*22ms)}
.story-chapter.revealed .story-word>span{transform:none;opacity:1}
.story-copy>a{opacity:0;transform:translateY(16px);transition:opacity .9s .35s,transform .9s cubic-bezier(.16,1,.3,1) .35s}
.story-chapter.revealed .story-copy>a{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.story-word>span,.story-copy>a{transition:none;transform:none;opacity:1}}
.story-header::before{content:'';position:absolute;inset:0 0 auto;height:110px;background:linear-gradient(#0009,transparent);z-index:-1;pointer-events:none}
.story-metric{z-index:5}
.story-progress{display:none}
.story-metric{gap:16px}
.story-metric b{font:400 18px/1 Oswald,'Arial Narrow',sans-serif;font-weight:400;letter-spacing:.04em}
.story-metric span{width:150px;border:0;padding:0;overflow:hidden;text-overflow:ellipsis;font:300 10px/1.3 Montserrat,sans-serif;letter-spacing:.25em}
.story-meter-track{position:relative;width:112px;height:1px;background:#fff3;flex-shrink:0}
.story-meter-track>i{position:absolute;inset:0;background:#fff;transform-origin:left}
#story-frame.compact .story-meter-track{display:none}
.story-scroll-hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;white-space:nowrap;font:300 10px/1.4 Montserrat,sans-serif;letter-spacing:.3em;color:#c9d6e299}
.story-scroll-hint:after{content:'';width:1px;height:40px;background:linear-gradient(#fff,transparent);transform-origin:top;animation:story-sink 2.2s ease-in-out infinite}
@keyframes story-sink{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.story-scroll-hint:after{animation:none}}
@media(max-width:700px){#stage[data-scene=story]{height:calc(100svh - 65px);min-height:680px}#stage[data-scene=story] #story-frame:not(.phone){inset:48px 0 96px}}
#stage[data-scene=story]:has(#story-frame.compact:not(.phone)) #story-frame{inset:48px 0 96px}
#stage[data-scene=story] .stage-top{top:20px;right:18px}
#stage[data-scene=story] #fullscreen{width:28px;height:28px;min-height:28px;padding:0;font-size:18px}
#stage[data-scene=story] .story-preview-tools{top:20px;right:58px}