.brain-stage{height:410px;background:#081324}.brain-stage:after{display:none}
.brain-stage canvas{position:absolute;inset:0;width:100%;height:100%}
.brain-stamp{color:#82badb}.brain-stamp small{color:#537591}
.brain-labels{position:absolute;inset:0;pointer-events:none;z-index:3}
.brain-callout{font-size:11px;line-height:1.4;letter-spacing:.015em;max-width:126px;opacity:0;color:#c7edff;text-shadow:0 0 10px #64c9ff70;will-change:transform,opacity}
.brain-callout.is-added{opacity:1}
.brain-callout[data-slot="0"]{left:20px;top:94px}.brain-callout[data-slot="1"]{right:20px;top:101px}
.brain-callout[data-slot="2"]{left:20px;top:169px}.brain-callout[data-slot="3"]{right:20px;top:181px}
.brain-callout[data-slot="4"]{left:20px;top:249px}.brain-callout[data-slot="5"]{right:20px;top:261px}
.brain-callout[data-custom]{left:50%;top:305px;max-width:80%;width:max-content;transform:translateX(-50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brain-leaders{height:100%;width:100%;z-index:2}.brain-leaders g{opacity:0;transition:opacity .5s}.brain-leaders g.is-added{opacity:1}.brain-leaders path{stroke:#65c8ff65;stroke-width:.75}.brain-leaders circle{fill:#8ee4ff;stroke:#b9efff;stroke-width:.65;filter:drop-shadow(0 0 3px #3dc5ff)}
.brain-loading{position:absolute;left:23px;right:23px;bottom:22px;z-index:5;min-height:37px}
.brain-loading-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#b9e4fb;margin-bottom:10px;line-height:1.5}
.brain-loading-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analyzing-subject{color:#e0f4ff}.analyzing-dots{display:inline-block;width:14px}.brain-percentage{color:#759fba;font-size:10px;font-variant-numeric:tabular-nums}
.brain-progress{height:2px;background:#48779735;overflow:hidden}.brain-progress i{display:block;height:100%;background:#85dcff;box-shadow:0 0 12px #4ac6ff;transform:scaleX(0);transform-origin:left}
.brain-demo .story-demo-controls{justify-content:space-between}.brain-demo #brain-status{max-width:220px;text-align:right}
.brain-preference-form{padding:0 17px 17px}.brain-preference-form[hidden]{display:none}.brain-preference-form label{display:block;font-size:12px;color:#c2d5e9;margin-bottom:9px}.brain-preference-form>div{display:flex;gap:8px}.brain-preference-form input{min-width:0;flex:1;border:1px solid #6698bb70;border-radius:5px;background:#101f33;padding:10px 12px;color:#ecf8ff;font:inherit;font-size:13px}.brain-preference-form input:focus-visible{outline:2px solid #97d7ff;outline-offset:2px}.brain-preference-form small{display:block;font-size:10px;color:#8da9c4;margin-top:9px}.brain-preference-form button{white-space:nowrap}
.brain-added-preferences{margin:0;padding:0 17px 17px;list-style:none;display:flex;flex-wrap:wrap;gap:6px}.brain-added-preferences[hidden]{display:none}.brain-added-preferences li{font-size:11px;line-height:1.5;color:#aedfff;padding:5px 9px;border:1px solid #70beee30;border-radius:5px;background:#16334b;overflow-wrap:anywhere;max-width:100%}
.analysis-stage{height:365px;background:#081324;perspective:650px}
#story-dna-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .35s}
.analysis-input{z-index:2;top:98px;transform-style:preserve-3d;transition:opacity .5s,filter .8s,transform 1.05s cubic-bezier(.5,.02,.25,1)}
.analysis-frame,.analysis-transcript{transition:transform 1.05s cubic-bezier(.5,.02,.25,1),opacity .65s,border-color .4s;background-color:#112c43}
.analysis-stage[data-state=weaving] #story-dna-canvas,.analysis-stage[data-state=traveling] #story-dna-canvas,.analysis-stage[data-state=forming] #story-dna-canvas,.analysis-stage[data-state=complete] #story-dna-canvas{opacity:1}
.analysis-stage[data-state=weaving] .analysis-frame{transform:translate(38%,8px) rotateY(65deg) rotateZ(17deg) scale(.35);opacity:0}
.analysis-stage[data-state=weaving] .analysis-transcript{transform:translate(-38%,-8px) rotateY(-65deg) rotateZ(-17deg) scale(.35);opacity:0}
.analysis-stage[data-state=traveling] .analysis-input,.analysis-stage[data-state=forming] .analysis-input,.analysis-stage[data-state=complete] .analysis-input{opacity:0;visibility:hidden;transform:scale(.3);pointer-events:none}
.analysis-result{inset:0;display:grid;place-content:center;z-index:3;opacity:0;visibility:hidden;transition:opacity 1s;pointer-events:none}
.unique-story{font-size:clamp(22px,2.2vw,34px);font-weight:600;letter-spacing:-.04em;line-height:1.1;color:#e1faff;text-shadow:0 0 13px #9be5ff,0 0 40px #36a4ff90;transform:translateY(5px);filter:blur(7px);transition:transform 1.3s cubic-bezier(.2,.7,.2,1),filter 1.3s}
.analysis-stage[data-state=complete] .analysis-result{visibility:visible;opacity:1}.analysis-stage[data-state=complete] .unique-story{transform:none;filter:blur(0)}
.analysis-demo[data-fallback] .analysis-result{background:radial-gradient(ellipse,#16446a99,transparent 65%)}
@media(max-width:760px){.brain-stage{height:425px}.brain-callout{font-size:10px;max-width:98px}.brain-callout[data-slot="0"],.brain-callout[data-slot="2"],.brain-callout[data-slot="4"]{left:14px}.brain-callout[data-slot="1"],.brain-callout[data-slot="3"],.brain-callout[data-slot="5"]{right:14px}.brain-callout[data-slot="4"],.brain-callout[data-slot="5"]{top:277px}.brain-callout[data-custom]{top:324px}.brain-loading{left:16px;right:16px;bottom:20px}.brain-loading-caption{font-size:11px}.brain-demo #brain-status{max-width:130px;font-size:10px}.brain-preference-form>div{flex-wrap:wrap}.brain-preference-form input{flex-basis:100%;font-size:16px}.analysis-stage{height:345px}.analysis-input{top:94px}.unique-story{font-size:25px}}
@media(prefers-reduced-motion:reduce){.brain-callout,.brain-leaders g,.analysis-result,.unique-story{transition:none!important}}

/* Two editorial passes retain the same clips and chapter membership. */
.cut-stage{position:relative;height:267px;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#213d5945,transparent 73%)}
.cut-track{position:absolute;left:0;right:0;top:87px;display:flex;justify-content:center;align-items:flex-end;--cut-gap:4px;gap:var(--cut-gap)}
.cut-section{position:relative;flex:none;min-width:0}.cut-label{position:absolute;left:0;top:-28px;font-size:11px;letter-spacing:.03em;color:#b9d4f1;white-space:nowrap}.cut-label:before{content:'';display:inline-block;vertical-align:middle;height:11px;width:1px;background:#7ba5d879;margin-right:7px}
.cut-clips{display:flex;gap:var(--cut-gap)}.cut-clip,.cut-scrap{display:block;border:1px solid #93c8ff66;border-radius:4px;background:linear-gradient(140deg,#4679aa,#254365);box-shadow:inset 0 1px #c1e6ff12}
.cut-clip{width:calc(var(--length) * var(--cut-unit));height:62px;flex:none;transition:width .82s cubic-bezier(.25,.75,.2,1) .16s;position:relative;overflow:hidden}
.cut-clip:after{content:'';position:absolute;inset:8px 0;background:repeating-linear-gradient(90deg,transparent 0 8px,#c4e6ff16 8px 9px);opacity:.6}
[data-chapter=build] .cut-clip,.cut-scrap[data-chapter=build]{background:linear-gradient(140deg,#596d9d,#354467);border-color:#a5b5ee55}
[data-chapter=payoff] .cut-clip,.cut-scrap[data-chapter=payoff]{background:linear-gradient(140deg,#507f83,#305553);border-color:#a0d9d25c}
.cut-scraps{position:absolute;inset:0;pointer-events:none;z-index:2}.cut-scrap{position:absolute;border-left:1px solid #dcf4ffbd;filter:saturate(.6);transform-origin:20% 0}
.retention-level{position:absolute;left:0;right:0;bottom:40px;display:flex;justify-content:center;align-items:center;gap:7px;font-size:14px;line-height:1.5;color:#9fb4cf;letter-spacing:-.01em}.retention-level strong{font-weight:550;color:#bf99a4;min-width:30px}.retention-level>i{display:flex;gap:3px;margin-left:7px;align-items:flex-end;height:14px}.retention-level b{width:4px;background:#9fbad529;border-radius:1px;height:6px;transition:background .55s,box-shadow .55s}.retention-level b:nth-child(2){height:10px}.retention-level b:nth-child(3){height:14px}.retention-level b:first-child{background:#b894a2}
[data-retention=medium] .retention-level strong{color:#d2c49a}[data-retention=medium] .retention-level b:nth-child(-n+3){background:#c9bf95}
[data-retention=high] .retention-level strong{color:#a6dfcd;text-shadow:0 0 16px #86d5c140}[data-retention=high] .retention-level b{background:#a6dfcd;box-shadow:0 0 8px #86d5c12c}
.retention-rise{animation:retention-rise .65s cubic-bezier(.2,.7,.2,1) both}.pacing-demo button:disabled{cursor:progress;opacity:.65}
@keyframes retention-rise{from{opacity:0;transform:translateY(7px);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(max-width:760px){.cut-track{--cut-gap:3px}.cut-clips{gap:var(--cut-gap)}.cut-label{font-size:10px}.cut-label:before{margin-right:4px}.cut-clip{height:55px}.retention-level{font-size:13px}.cut-stage{height:247px}}

/* The controls belong to the interactive canvas, with a small in-place editor. */
.brain-stage{height:485px;outline:none}.brain-scene{position:absolute;inset:0;transition:filter .32s ease,opacity .32s ease;will-change:filter}.brain-stage.is-editing .brain-scene{filter:blur(5px) brightness(.58)}
.brain-add{position:absolute;top:17px;right:17px;z-index:6;background:#17354ed9;backdrop-filter:blur(8px);font-size:11px;transition:opacity .25s,transform .25s}.brain-add:disabled{opacity:.55;cursor:default}.is-editing .brain-add{opacity:.2;pointer-events:none}
.brain-editor-shade{position:absolute;inset:0;background:#04101a22;opacity:0;pointer-events:none;z-index:6;transition:opacity .3s}.is-editing .brain-editor-shade{opacity:1;pointer-events:auto}
.brain-preference-form{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 48px);max-width:370px;padding:28px 24px 23px;background:linear-gradient(145deg,#1c3c56ed,#10283ceb);border:1px solid #97d7fc6b;border-radius:14px;box-shadow:0 20px 65px #02071088,0 0 30px #54c4ff0c;z-index:7}
.brain-preference-form label{font-size:20px;font-weight:500;letter-spacing:-.03em;margin:0 0 17px;color:#e1f3ff}.brain-preference-form>div{display:flex;flex-direction:column;gap:12px}.brain-preference-form input{flex:none;width:100%;font-size:16px;background:#0616268c;border-color:#83c6e84f;padding:12px}.brain-preference-form button[type=submit]{align-self:flex-end;background:#b8e7fc;color:#133249;border-color:#b8e7fc}.brain-preference-form button[type=submit] span{color:#345b6e}.brain-preference-form small{line-height:1.5;font-size:10px;margin-top:16px}.brain-editor-close{position:absolute;right:10px;top:7px;border:0;background:none;color:#9cc1d8;font-size:23px;line-height:1;padding:5px;cursor:pointer}
.brain-callout[data-custom]{top:330px;left:50%;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brain-callout[data-custom="1"]{top:355px}.brain-callout[data-custom="2"]{top:380px}.brain-leaders g{transition:opacity .5s ease}.brain-loading{bottom:23px}
.analysis-stage{height:380px;perspective:none}.analysis-input{top:83px}.analyze-overlay{position:absolute;z-index:5;bottom:24px;left:50%;transform:translateX(-50%);background:#18354ed9;backdrop-filter:blur(7px);transition:opacity .28s ease,transform .4s cubic-bezier(.2,.75,.2,1),filter .28s}
.has-started .analyze-overlay{opacity:0;transform:translate(-50%,9px) scale(.93);filter:blur(3px);pointer-events:none}
.analysis-stage .analysis-input,.analysis-stage .analysis-frame,.analysis-stage .analysis-transcript{transition:none!important}
.analysis-stage[data-state=weaving] .analysis-frame,.analysis-stage[data-state=weaving] .analysis-transcript{transform:none;opacity:1}
.analysis-stage[data-state=traveling] .analysis-input,.analysis-stage[data-state=forming] .analysis-input,.analysis-stage[data-state=complete] .analysis-input{transform:none;filter:none}
#story-dna-canvas{transition:none}.analysis-result{transition:none!important}.analysis-demo:not([data-fallback]) .analysis-result{opacity:0!important;visibility:hidden!important}.analysis-demo[data-fallback] .analysis-result{opacity:1!important;visibility:visible!important}
@media(max-width:760px){.brain-stage{height:485px}.brain-add{font-size:10px;padding:8px;gap:7px;top:16px;right:13px}.brain-stamp{font-size:8px;top:22px;left:15px;letter-spacing:.09em}.brain-stamp small{font-size:7px}.brain-preference-form{width:calc(100% - 34px);padding:27px 19px 20px}.brain-callout[data-custom]{top:333px;font-size:10px}.brain-callout[data-custom="1"]{top:357px}.brain-callout[data-custom="2"]{top:381px}.brain-preference-form input{flex-basis:auto}.analysis-stage{height:350px}.analysis-input{top:76px}}
.cut-stage{height:295px}.cut-track{top:115px;transform:scale(var(--cut-zoom,1));transform-origin:50% 50%;transition:transform .78s cubic-bezier(.22,.72,.2,1) .28s}.cut-clip{height:38px;transition:width .33s cubic-bezier(.2,.8,.2,1) .025s}.cut-label{font-size:10px;top:-22px}.cut-scrap{filter:none;border-left:1px solid #d9f3ffc9;border-right:1px solid #d9f3ffc9}.retention-level{bottom:30px}.cut-resetting .cut-track,.cut-resetting .cut-clip{transition:none!important}
@media(max-width:760px){.cut-stage{height:280px}.cut-track{top:108px}.cut-clip{height:32px}.cut-label{font-size:9px;top:-20px}.cut-track{--cut-gap:3px}}
.brain-callout[data-custom="0"]{top:348px}.brain-callout[data-custom="1"]{top:373px}.brain-callout[data-custom="2"]{top:398px}
@media(max-width:760px){.cut-label{font-size:calc(9px / var(--label-compensation,1));transition:font-size .78s cubic-bezier(.22,.72,.2,1) .28s}.cut-label:before{height:7px;margin-right:4px}}

/* Polished text resolves directly over the final particle positions. */
.analysis-demo:not([data-fallback]) .analysis-result{visibility:visible!important;opacity:var(--story-reveal,0)!important;inset:0}
.analysis-result .unique-story{transform:none;filter:none;transition:none;color:#e1faff;text-shadow:0 0 12px #9be5ff80,0 0 35px #36a4ff70}
.brain-callout[data-custom]{max-width:27%;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:5px 7px;border-radius:5px;background:#10283cad;border:1px solid #68c9ff30}
.brain-callout[data-custom="0"]{left:19%;top:354px}.brain-callout[data-custom="1"]{left:50%;top:382px}.brain-callout[data-custom="2"]{left:81%;top:345px}
.pacing-demo .retention-level{font-size:20px;bottom:73px;gap:9px}.retention-rise{animation-duration:.48s}.retention-level b{transition-duration:.4s}
#pace-story{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap;z-index:3;background:#18354ed9;backdrop-filter:blur(7px)}
.cut-scrap:after{content:'';position:absolute;inset:-1px;border-radius:inherit;background:#ff4d63;box-shadow:0 0 14px #ff405bb0;animation:cut-red-flash .44s ease-out both}
@keyframes cut-red-flash{0%,10%{opacity:1}100%{opacity:0}}
@media(max-width:760px){.pacing-demo .retention-level{font-size:18px;bottom:72px}.brain-callout[data-custom]{font-size:10px;padding:5px;max-width:28%}.brain-callout[data-custom="0"]{left:18%;top:350px}.brain-callout[data-custom="1"]{left:50%;top:387px}.brain-callout[data-custom="2"]{left:82%;top:357px}}

.analysis-stage.has-started #analyze-story{opacity:0;pointer-events:none}

/* Five clear steps; keep the final chapter label within the timeline edges. */
.retention-level>i{height:18px;gap:3px}.retention-level b{height:5px}.retention-level b:nth-child(2){height:8px}.retention-level b:nth-child(3){height:11px}.retention-level b:nth-child(4){height:14px}.retention-level b:nth-child(5){height:18px}
.cut-section[data-chapter=payoff] .cut-label{left:0;right:auto}
.brain-stage{height:350px}.brain-scene{filter:none;will-change:auto}.brain-loading{bottom:22px}
.brain-callout[data-slot="0"]{top:54px}.brain-callout[data-slot="1"]{top:61px}
.brain-callout[data-slot="2"]{top:129px}.brain-callout[data-slot="3"]{top:141px}
.brain-callout[data-slot="4"]{top:209px}.brain-callout[data-slot="5"]{top:221px}
@media(max-width:760px){.brain-stage{height:350px}.brain-callout[data-slot="4"]{top:213px}.brain-callout[data-slot="5"]{top:223px}}
.brain-leaders g{transition-duration:.303s}
.cut-section .cut-label{scale:var(--end-label-scale,1);transform-origin:left bottom;transition:scale .78s cubic-bezier(.22,.72,.2,1) .28s,font-size .78s cubic-bezier(.22,.72,.2,1) .28s}
.cut-section[data-chapter=payoff] .cut-label{transform-origin:left bottom}
