/* MellowYAK chapter animations: every slide is a timed mini-story. */
.how-proof{width:min(70vw,900px)!important;height:min(61vh,570px)!important;background:#03141e!important;opacity:1!important;box-shadow:0 28px 80px rgba(0,0,0,.56)!important}
.mellow-product{background:#03141e}.how-frame:has(.mellow-product) .how-shade{background:rgba(0,7,12,.72)!important}
.chapter-animation{position:relative;height:100%;overflow:hidden;border-radius:inherit;background:#03141e;color:#eaffff}.chapter-beat{position:absolute;inset:0;padding:22px;opacity:0;transform:translateX(18px) scale(.985);animation:chapterBeat var(--chapter-duration,10s) infinite ease-in-out}.chapter-beat:nth-child(1){--beat:0}.chapter-beat:nth-child(2){--beat:1}.chapter-beat:nth-child(3){--beat:2}.chapter-beat:nth-child(4){--beat:3}.chapter-beat{animation-delay:calc(var(--beat) * var(--chapter-duration,10s) / 4)}
@keyframes chapterBeat{0%,3%{opacity:0;transform:translateX(18px) scale(.985)}7%,21%{opacity:1;transform:none}25%,100%{opacity:0;transform:translateX(-18px) scale(.99)}}
.break-flow .chapter-beat{animation-duration:var(--chapter-duration);animation-delay:calc(var(--beat) * var(--chapter-duration) / 3)}.break-flow .chapter-beat:nth-child(3){--beat:2}@keyframes chapterBeat3{0%,4%{opacity:0;transform:translateX(18px)}9%,28%{opacity:1;transform:none}33%,100%{opacity:0;transform:translateX(-18px)}}.break-flow .chapter-beat{animation-name:chapterBeat3}
.demo-window-head{height:34px;border-bottom:1px solid #185064;display:flex;align-items:center;gap:6px;padding-bottom:10px}.demo-window-head i{width:8px;height:8px;border-radius:50%;background:#42dfcf}.demo-window-head i:nth-child(2){background:#e6b95c}.demo-window-head i:nth-child(3){background:#e55a76}.demo-window-head b{margin-left:7px;font-size:12px;letter-spacing:.03em}
.project-app{display:grid;grid-template-columns:130px 1fr;height:calc(100% - 52px);margin-top:16px;border:1px solid #1c586b;border-radius:9px;overflow:hidden}.project-app nav{padding:22px 14px;background:#082939;color:#56e8d7;font-weight:900}.project-app main{padding:25px;background:#061d29}.project-app main b{font-size:24px}.project-app main span{display:block;width:80%;height:34px;margin-top:18px;border-radius:6px;background:#123647}.project-tabs{display:flex;gap:12px;margin:16px 0}.project-tabs b{padding:8px 14px;border-radius:6px;background:#123747}.project-tabs b:last-child{color:#49e4d4;box-shadow:inset 0 -2px #49e4d4}
.desk-grid{display:grid;grid-template-columns:1.05fr 1fr .8fr;gap:12px;height:calc(100% - 60px);margin-top:20px}.desk-grid>div{display:flex;flex-direction:column;justify-content:center;padding:20px;border:1px solid #1f6274;border-radius:10px;font-size:20px;font-weight:900;background:#061f2b}.desk-grid small{margin-top:10px;color:#8bb0bb;font-size:11px}.desk-agent{box-shadow:0 0 26px rgba(67,224,208,.13)}
.story-phone{position:relative;width:min(260px,52%);height:calc(100% - 55px);margin:14px auto 0;border:5px solid #163744;border-radius:24px;overflow:hidden;background:#09202b;box-shadow:0 18px 30px rgba(0,0,0,.35)}.phone-top{height:46px;display:flex;align-items:center;gap:12px;padding:0 12px;border-bottom:1px solid #225666}.phone-menu{border:0;border-radius:5px;padding:7px;background:#48dfd0;color:#021115;font-weight:900}.phone-sidebar{position:absolute;top:46px;bottom:0;left:0;width:58%;z-index:2;display:flex;flex-direction:column;gap:14px;padding:20px;background:#0c3544;box-shadow:9px 0 25px rgba(0,0,0,.4)}.phone-sidebar span{font-size:11px}.phone-content{padding:18px 12px 0 65%}.phone-content i{display:block;width:95%;height:28px;margin-bottom:12px;border-radius:5px;background:#174051}.story-phone.is-broken .phone-sidebar{display:none}.story-phone.is-broken .phone-menu{visibility:hidden}.missing-menu{position:absolute;inset:48px 0 auto;padding:10px;text-align:center;background:#5b1830;color:#ff879f;font-size:11px;font-weight:900;animation:dangerPulse 1.1s infinite}
.preview-launch{position:relative;height:calc(100% - 42px)}.preview-launch .story-phone{height:85%}.preview-status{position:absolute;right:12px;bottom:6px;padding:8px 12px;border-radius:99px;background:#0e4c45;color:#72f0dc;font-size:11px;font-weight:900}
.problem-callout,.capture-chip,.regression-alert{position:absolute;right:20px;bottom:22px;padding:10px 14px;border-radius:7px;background:#651a31;color:#ff9cb0;font-size:11px;font-weight:900;letter-spacing:.08em}.selection-box{position:absolute;left:calc(50% - 137px);top:82px;width:155px;height:270px;border:3px solid #4de4d5;border-radius:15px;box-shadow:0 0 0 999px rgba(0,6,10,.4),0 0 25px #39dccc}.selection-box span{position:absolute;right:-11px;top:-11px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#4de4d5;color:#021115;font-weight:900}.capture-chip{background:#0a4d49;color:#76f5e0}.capture-card{margin-top:22px;padding:16px;border:1px solid #4de4d5;border-radius:9px;background:#082a38;color:#6debdc}.agent-prompt{margin-top:16px;padding:15px;border-radius:9px;background:#0b2d3d}.agent-prompt small{color:#4de4d5;font-weight:900}.agent-prompt p{line-height:1.5}.agent-prompt em{display:inline-block;width:7px;height:1em;margin-left:4px;background:#52eadb;vertical-align:-2px;animation:blink .7s steps(2) infinite}.file-plan{display:grid;gap:12px;margin-top:24px}.file-plan>*{padding:14px;border-radius:7px;background:#0c3040}.file-plan b{border-left:3px solid #4de4d5}.file-plan span{color:#8fb7c1}
.code-diff{display:grid;gap:11px;margin-top:24px;font:600 13px/1.5 ui-monospace,monospace}.code-diff del,.code-diff ins{padding:13px;border-radius:6px;text-decoration:none}.code-diff del{background:#421c2a;color:#ff91a7}.code-diff ins{background:#10483f;color:#75f2dc;animation:diffIn 1.3s both}.code-diff ins:nth-child(3){animation-delay:.5s}.menu-click{position:absolute;right:30px;bottom:24px;padding:10px 14px;border-radius:9px;background:#4de4d5;color:#03151b;font-weight:900;animation:clickPulse 1.4s infinite}.desktop-preview{display:grid;grid-template-columns:150px 1fr;height:60%;margin-top:20px;border:1px solid #286779;border-radius:9px;overflow:hidden}.desktop-preview aside{padding:20px;line-height:2;background:#0c3443}.desktop-preview main{display:grid;place-items:center;background:#08222e;color:#74efdd;font-weight:900}.codex-done{margin-top:15px;padding:11px;border-radius:7px;background:#10493f;color:#74efdd;font-weight:900}
.impact-map{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.impact-map b{grid-column:1/-1;padding:16px;border:1px solid #4de4d5;border-radius:8px;text-align:center;color:#61ecda}.impact-map span{padding:18px;border-radius:8px;background:#0d3140;text-align:center;font-weight:800}.impact-map .green{color:#6ef0d8}.impact-map .red{color:#ff809b;animation:dangerPulse 1.2s infinite}.user-tap{position:absolute;right:30px;bottom:24px;color:#ff91a8;font-weight:900}.split-belief{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.split-belief div{padding:35px 18px;border-radius:10px;background:#0a2b39;font-weight:800}.split-belief strong{display:block;margin-top:15px;color:#6eeed9}.split-belief div:last-child strong{color:#ff809b}.blind-note{margin-top:18px;padding:12px;text-align:center;color:#9fbac2}
.yak-focus{display:grid;gap:14px;margin-top:28px}.yak-focus>*{padding:17px;border-radius:8px;background:#0b3040}.yak-focus small{color:#4de4d5;font-weight:900;letter-spacing:.12em}.impact-map.large{grid-template-columns:1fr}.impact-map.large span{text-align:left}.browser-check{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:25px}.browser-check>*{padding:14px;border-radius:7px;background:#0c3040}.browser-check b{min-width:72px;text-align:center}.pass{color:#67efd7}.fail{color:#ff7794;animation:dangerPulse 1.1s infinite}.regression-alert{background:#741e39;color:#ff9cb1;animation:dangerPulse 1.1s infinite}
.repair-list{display:grid;gap:12px;margin:22px 0 0;padding:0;list-style:none}.repair-list li{padding:14px 16px;border-left:3px solid #4de4d5;border-radius:6px;background:#0b3040;font-size:12px;font-weight:700}.repair-transfer{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:24px;font-size:20px;font-weight:900}.repair-transfer span{color:#4de4d5;animation:transfer 1s infinite}.verified-seal{height:calc(100% - 45px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.verified-seal>b{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#42dfcf;color:#03151b;font-size:42px;box-shadow:0 0 35px rgba(66,223,207,.4)}.verified-seal span{color:#6aeedb;font-weight:900;letter-spacing:.1em}.verified-seal strong{font-size:44px}
.how-proof-orientation{inset:92px 26px 96px auto!important;width:min(76vw,1040px)!important;height:auto!important}.cinematic-sequence{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid #3bd9c8;border-radius:12px;background:#020a10}.cinematic-step{position:absolute;inset:0;opacity:0;transform:scale(1.035);animation:cinematicStep 16s infinite ease-in-out;animation-delay:calc(var(--step) * 3.2s)}.cinematic-step img{width:100%;height:100%;object-fit:cover;object-position:center}.cinematic-step:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,7,12,.74),transparent 48%),linear-gradient(0deg,rgba(0,7,12,.72),transparent 45%)}.cinematic-copy{position:absolute;z-index:2;left:28px;bottom:28px;width:min(48%,470px);padding:16px 18px;border-left:3px solid #48e3d2;background:rgba(2,14,20,.82);backdrop-filter:blur(10px);transform:translateY(12px);animation:copyRise 16s infinite;animation-delay:calc(var(--step) * 3.2s)}.cinematic-copy small{display:block;margin-bottom:7px;color:#54e6d6;font-size:10px;font-weight:900;letter-spacing:.16em}.cinematic-copy strong{display:block;color:#fff;font-size:clamp(17px,2vw,30px);line-height:1.08}.cinematic-line{position:absolute;z-index:5;left:0;right:0;bottom:0;height:4px;background:#193b44}.cinematic-line i{display:block;width:0;height:100%;background:linear-gradient(90deg,#48e3d2,#ff4ea1);animation:sequenceLine 16s linear infinite}@keyframes cinematicStep{0%,3%{opacity:0;transform:scale(1.035)}6%,17%{opacity:1;transform:scale(1)}20%,100%{opacity:0;transform:scale(.995)}}@keyframes copyRise{0%,5%{opacity:0;transform:translateY(12px)}8%,17%{opacity:1;transform:none}20%,100%{opacity:0;transform:translateY(-8px)}}@keyframes sequenceLine{to{width:100%}}
@keyframes dangerPulse{50%{box-shadow:0 0 0 7px rgba(255,77,115,.16)}}@keyframes clickPulse{50%{transform:scale(.96);box-shadow:0 0 0 8px rgba(77,228,213,.13)}}@keyframes diffIn{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:0}}@keyframes transfer{50%{transform:translateX(7px)}}
@media(max-width:900px){.how-proof{top:108px!important;left:18px!important;width:calc(100% - 36px)!important;height:48svh!important}.how-proof-orientation{top:75px!important;left:8px!important;width:calc(100% - 16px)!important;height:59svh!important}.cinematic-step img{object-position:66% center}.cinematic-copy{left:12px;right:12px;bottom:12px;width:auto;padding:10px 11px}.cinematic-copy strong{font-size:14px}.chapter-beat{padding:12px}.demo-window-head{height:26px;padding-bottom:6px}.project-app{grid-template-columns:72px 1fr;margin-top:9px}.project-app nav{padding:12px 7px;font-size:9px}.project-app main{padding:12px}.project-app main b{font-size:14px}.project-app main span{height:20px;margin-top:10px}.desk-grid{gap:5px;margin-top:10px}.desk-grid>div{padding:8px;font-size:10px}.desk-grid small{font-size:7px}.story-phone{width:55%;height:calc(100% - 36px);margin-top:7px;border-width:3px;border-radius:14px}.phone-top{height:31px;padding:0 7px;font-size:8px}.phone-menu{padding:4px;font-size:8px}.phone-sidebar{top:31px;padding:10px 6px;gap:8px}.phone-sidebar span{font-size:7px}.phone-content{padding-top:10px}.phone-content i{height:14px;margin-bottom:6px}.selection-box{left:calc(50% - 85px);top:48px;width:95px;height:165px}.problem-callout,.capture-chip,.regression-alert,.menu-click{right:9px;bottom:8px;padding:7px 8px;font-size:7px}.capture-card,.agent-prompt{margin-top:10px;padding:9px;font-size:9px}.file-plan{gap:6px;margin-top:10px}.file-plan>*{padding:8px;font-size:9px}.code-diff{gap:6px;margin-top:10px;font-size:8px}.code-diff del,.code-diff ins{padding:7px}.desktop-preview{grid-template-columns:80px 1fr;margin-top:9px;font-size:8px}.desktop-preview aside{padding:8px}.codex-done{margin-top:7px;padding:7px;font-size:8px}.impact-map{gap:7px;margin-top:10px;font-size:8px}.impact-map b,.impact-map span{padding:9px}.split-belief{gap:7px;margin-top:10px;font-size:8px}.split-belief div{padding:15px 8px}.blind-note{margin-top:8px;padding:7px;font-size:8px}.yak-focus,.browser-check,.repair-list{gap:6px;margin-top:10px;font-size:8px}.yak-focus>*,.browser-check>*,.repair-list li{padding:8px}.repair-transfer{margin-top:10px;font-size:12px}.verified-seal>b{width:42px;height:42px;font-size:25px}.verified-seal strong{font-size:25px}.verified-seal span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.chapter-beat{animation:none}.chapter-beat:first-child{opacity:1;transform:none}}
.code-agent-prompt{position:absolute;z-index:6;right:4%;top:13%;width:min(48%,470px);padding:14px;border:1px solid #36d8c7;border-radius:10px;background:rgba(3,14,20,.94);color:#eaffff;box-shadow:0 20px 45px rgba(0,0,0,.48),0 0 28px rgba(54,216,199,.12);font:600 12px/1.45 ui-monospace,monospace}.code-agent-prompt header{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #214853}.code-agent-prompt header b{color:#54e6d6}.code-agent-prompt header span{color:#83a2ab;font-size:10px}.agent-context{padding:10px 0;color:#69dcca;font-size:10px}.prompt-line{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:start;padding:13px;border-radius:7px;background:#0b2a38}.prompt-line i{color:#54e6d6}.prompt-line strong{font-size:13px}.prompt-line em{width:6px;height:15px;background:#54e6d6;animation:blink .7s steps(2) infinite}.code-agent-prompt footer{padding-top:10px;text-align:right;color:#8cabb3;font-size:10px}.code-agent-prompt footer b{display:inline-grid;width:22px;height:22px;margin-left:7px;place-items:center;border-radius:5px;background:#42dfcf;color:#03151b}@media(max-width:900px){.code-agent-prompt{right:3%;top:10%;width:76%;padding:8px;font-size:8px}.code-agent-prompt header{padding-bottom:6px}.code-agent-prompt header span,.agent-context,.code-agent-prompt footer{font-size:7px}.agent-context{padding:6px 0}.prompt-line{gap:5px;padding:8px}.prompt-line strong{font-size:9px}.prompt-line em{height:11px}}
.localized-bubble,.localized-chat{position:absolute;z-index:4;background:#f4ead7;color:#071017;font-weight:800;box-shadow:0 10px 28px rgba(0,0,0,.3)}.localized-bubble{left:16%;top:12%;max-width:320px;padding:18px 22px;border-radius:18px;font-size:18px}.localized-chat{right:7%;top:25%;max-width:260px;padding:13px 16px;border-radius:10px;background:#12263a;color:#fff;font-size:12px}@media(max-width:900px){.localized-bubble{left:6%;top:10%;max-width:190px;padding:9px 11px;border-radius:11px;font-size:10px}.localized-chat{right:4%;top:24%;max-width:150px;padding:8px;font-size:8px}}
[data-scene-kind="orientation"] .mellow-video-caption{display:none!important}.story-bubble{position:absolute;z-index:5;left:6%;top:11%;max-width:390px;padding:17px 21px;border-radius:18px;background:#f4ead7;color:#071017;font-size:clamp(15px,1.55vw,23px);font-weight:800;line-height:1.2;box-shadow:0 12px 34px rgba(0,0,0,.34)}.story-bubble:after{content:'';position:absolute;left:38px;bottom:-13px;border:14px solid transparent;border-top-color:#f4ead7;border-bottom:0}.story-bubble small{display:block;margin-bottom:5px;color:#087d74;font-size:9px;letter-spacing:.14em}.story-bubble.is-agent{left:auto;right:5%;top:13%;background:#092736;color:#fff;border:1px solid #43dfcf}.story-bubble.is-agent:after{left:auto;right:38px;border-top-color:#092736}.cinematic-step-2 .story-bubble{left:auto;right:7%;top:17%;max-width:310px}.cinematic-step-5 .story-bubble{top:14%}@media(max-width:900px){[data-scene-kind="orientation"] .how-meta{z-index:8}.story-bubble{left:5%;top:9%;max-width:72%;padding:10px 12px;border-radius:11px;font-size:12px}.story-bubble small{font-size:7px}.story-bubble:after{left:24px;bottom:-8px;border-width:9px}.cinematic-step-2 .story-bubble{right:4%;top:13%;max-width:68%}.story-bubble.is-agent{right:4%;top:10%}.cinematic-step-5 .story-bubble{top:10%}}
.mini-chat-thread{display:grid;gap:7px;padding-top:9px}.mini-chat{padding:7px 9px;border-radius:6px;background:#0a2532;opacity:0;transform:translateY(7px);animation:miniChatReveal 3.2s infinite both}.mini-chat small{display:block;margin-bottom:3px;color:#50dfcf;font-size:7px;letter-spacing:.12em}.mini-chat.previous{animation-delay:.05s;color:#b9ccd1}.mini-chat.agent-old{margin-left:12%;animation-delay:.35s;background:#10362f;color:#72ead7}.mini-chat.new-prompt{animation-delay:.75s;background:#0c3242}.mini-chat.new-prompt i{color:#52e3d3}.mini-chat.new-prompt em{display:inline-block;width:5px;height:11px;margin-left:3px;background:#54e6d6;vertical-align:-2px;animation:blink .55s steps(2) infinite}.mini-chat.agent-working{margin-left:12%;animation-delay:1.25s;color:#69e2d1}.mini-chat.agent-working span{display:inline-block;width:7px;height:7px;margin-right:7px;border:2px solid #4ce0d0;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes miniChatReveal{0%,9%{opacity:0;transform:translateY(7px)}14%,82%{opacity:1;transform:none}100%{opacity:.2;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.mini-chat-thread{gap:4px;padding-top:5px}.mini-chat{padding:5px 6px;font-size:7px}.mini-chat.agent-old,.mini-chat.agent-working{margin-left:7%}}
.cinematic-step{animation-duration:20s;animation-delay:calc(var(--step) * 4s)}.cinematic-line i{animation-duration:20s}.mini-chat{animation-duration:4s}
.cinematic-step .current-theme,.cinematic-step .previous-theme{position:absolute;inset:0}.cinematic-step-5 .current-theme{z-index:1;clip-path:inset(0 100% 0 0);animation:themeWipe 4s infinite ease-in-out}.cinematic-step-5 .previous-theme{z-index:0}.cinematic-step-5:before{content:'';position:absolute;z-index:3;top:0;bottom:0;left:-8%;width:8%;background:linear-gradient(90deg,transparent,#75ffd9,transparent);filter:blur(5px);animation:wipeGlow 4s infinite ease-in-out}.cinematic-step-5 .story-bubble{opacity:0;animation:finalBubble 4s infinite both}@keyframes themeWipe{0%,12%{clip-path:inset(0 100% 0 0)}72%,100%{clip-path:inset(0 0 0 0)}}@keyframes wipeGlow{0%,12%{left:-8%;opacity:0}18%{opacity:1}72%{left:100%;opacity:1}78%,100%{left:100%;opacity:0}}@keyframes finalBubble{0%,66%{opacity:0;transform:translateY(8px)}78%,100%{opacity:1;transform:none}}

/* Chapter 01 color continuity: coral before the change, a single wipe, then stable emerald. */
.cinematic-step-4 .previous-theme{z-index:0}.cinematic-step-4 .current-theme{z-index:1;clip-path:inset(0 100% 0 0);animation:themeWipe 4s infinite ease-in-out}.cinematic-step-4:before{content:'';position:absolute;z-index:3;top:0;bottom:0;left:-8%;width:8%;background:linear-gradient(90deg,transparent,#75ffd9,transparent);filter:blur(5px);animation:wipeGlow 4s infinite ease-in-out}.cinematic-step-4 .story-bubble{opacity:0;animation:finalBubble 4s infinite both}.cinematic-step-5 .current-theme{z-index:1;clip-path:inset(0);animation:none}.cinematic-step-5 .previous-theme{display:none}.cinematic-step-5:before{display:none}.cinematic-step-5 .story-bubble{opacity:1;animation:happyBubble 4s infinite both}@keyframes happyBubble{0%,8%{opacity:0;transform:translateY(8px) scale(.98)}20%,100%{opacity:1;transform:none}}

/* 5-second beats; the prompt beat zooms in, types, presses Enter, then shows agent work. */
.cinematic-step{animation-duration:25s;animation-delay:calc(var(--step) * 5s)}.cinematic-line i{animation-duration:25s}.cinematic-step-4 .current-theme,.cinematic-step-4:before,.cinematic-step-4 .story-bubble,.cinematic-step-5 .story-bubble{animation-duration:5s}.cinematic-step-2 .current-theme{animation:promptBackdropZoom 5s infinite ease-in-out}.mellow-agent-window{position:absolute;z-index:7;right:3%;top:8%;width:min(68%,620px);padding:14px;border:1px solid #36d8c7;border-radius:12px;background:rgba(3,14,20,.97);color:#eaffff;box-shadow:0 28px 70px rgba(0,0,0,.7),0 0 38px rgba(54,216,199,.2);font:600 13px/1.45 ui-monospace,monospace;transform-origin:72% 32%;animation:agentWindowFocus 5s infinite cubic-bezier(.2,.8,.2,1)}.mellow-agent-window header{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #214853}.mellow-agent-window header b{color:#54e6d6}.mellow-agent-window header span{color:#83a2ab;font-size:10px}.mellow-agent-thread{display:grid;gap:7px;padding-top:9px}.mellow-agent-message{padding:8px 10px;border-radius:7px;background:#0a2532}.mellow-agent-message small{display:block;margin-bottom:3px;color:#50dfcf;font-size:8px;letter-spacing:.12em}.mellow-agent-message.is-earlier,.mellow-agent-message.is-reply{opacity:.52}.mellow-agent-message.is-reply{margin-left:10%;background:#10362f;color:#72ead7}.mellow-agent-message.is-prompt{position:relative;background:#0c3242;font-size:14px}.mellow-agent-message.is-prompt i{color:#52e3d3}.mellow-agent-message.is-prompt strong{font-weight:750}.mv-agent-typed-char{opacity:0;animation:typePromptChar 5s infinite both;animation-delay:calc(var(--char) * 34ms)}.mellow-agent-message.is-prompt em{display:inline-block;width:6px;height:14px;margin-left:3px;background:#54e6d6;vertical-align:-2px;animation:blink .55s steps(2) infinite}.mellow-agent-enter{height:0;text-align:right;opacity:0;transform:translateY(-5px);animation:pressEnter 5s infinite}.mellow-agent-enter kbd{display:inline-block;padding:4px 8px;border:1px solid #4ce0d0;border-radius:5px;background:#123542;color:#cffff7;font:700 9px ui-monospace,monospace;box-shadow:0 2px 0 #236a64}.mellow-agent-message.is-working{margin-left:10%;color:#69e2d1;opacity:0;animation:agentWorkingIn 5s infinite}.mellow-agent-message.is-working span{display:inline-block;width:8px;height:8px;margin-right:7px;border:2px solid #4ce0d0;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.mellow-agent-window footer{padding-top:10px;text-align:right;color:#8cabb3;font-size:10px;opacity:0;animation:agentWorkingIn 5s infinite}.mellow-agent-window footer b{display:inline-grid;width:22px;height:22px;margin-left:7px;place-items:center;border-radius:5px;background:#42dfcf;color:#03151b}@keyframes promptBackdropZoom{0%,8%{transform:scale(1.03)}22%,88%{transform:scale(1.12) translateX(-2%)}100%{transform:scale(1.04)}}@keyframes agentWindowFocus{0%,8%{opacity:0;transform:scale(.82) translateY(18px)}20%,88%{opacity:1;transform:scale(1.04)}100%{opacity:0;transform:scale(.98)}}@keyframes typePromptChar{0%,16%{opacity:0}20%,100%{opacity:1}}@keyframes pressEnter{0%,65%{height:0;opacity:0}70%,78%{height:22px;opacity:1;transform:none}82%,100%{height:0;opacity:0}}@keyframes agentWorkingIn{0%,76%{opacity:0;transform:translateY(6px)}82%,100%{opacity:1;transform:none}}
@media(max-width:900px){.mellow-agent-window{left:4%;right:4%;top:7%;width:auto;padding:10px;font-size:10px;animation-name:agentWindowFocusMobile}.mellow-agent-window header span{font-size:7px}.mellow-agent-thread{gap:5px}.mellow-agent-message{padding:7px 8px}.mellow-agent-message.is-prompt{font-size:12px;line-height:1.5}.mellow-agent-message small{font-size:7px}.mellow-agent-window footer{font-size:8px}@keyframes agentWindowFocusMobile{0%,8%{opacity:0;transform:scale(.88) translateY(16px)}20%,88%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.98)}}}
@keyframes cinematicStep{0%,1%{opacity:0;transform:scale(1.035)}2%,19%{opacity:1;transform:scale(1)}20%,100%{opacity:0;transform:scale(.995)}}@keyframes pressEnter{0%,60%{height:0;opacity:0}64%,72%{height:22px;opacity:1;transform:none}76%,100%{height:0;opacity:0}}@keyframes agentWorkingIn{0%,69%{opacity:0;transform:translateY(6px)}75%,100%{opacity:1;transform:none}}.mv-agent-word{display:inline-block;white-space:nowrap}.mellow-agent-message.is-prompt strong{word-break:normal}

/* Chapter 01 timeline: 2.5s + 5s chat + 2.5s + 2.5s + 2.5s = 15s. */
.cinematic-step{animation-delay:0;animation-duration:15s}.cinematic-step-1{animation-name:chapterFast1}.cinematic-step-2{animation-name:chapterFast2}.cinematic-step-3{animation-name:chapterFast3}.cinematic-step-4{animation-name:chapterFast4}.cinematic-step-5{animation-name:chapterFast5}.cinematic-line i{animation-duration:15s}.cinematic-step-2 .current-theme,.cinematic-step-2 .mellow-agent-window,.cinematic-step-2 .mellow-agent-window header,.cinematic-step-2 .mellow-agent-window .is-earlier,.cinematic-step-2 .mellow-agent-window .is-reply,.cinematic-step-2 .mellow-agent-window .is-prompt,.cinematic-step-2 .mellow-agent-enter,.cinematic-step-2 .mellow-agent-message.is-working,.cinematic-step-2 .mellow-agent-window footer{animation-delay:2.5s}.cinematic-step-4 .current-theme,.cinematic-step-4:before,.cinematic-step-4 .story-bubble,.cinematic-step-5 .story-bubble{animation-duration:2.5s}@keyframes chapterFast1{0%,1%{opacity:0;transform:scale(1.025)}2%,15%{opacity:1;transform:scale(1)}16.67%,100%{opacity:0;transform:scale(.995)}}@keyframes chapterFast2{0%,16%{opacity:0;transform:scale(1.025)}17.5%,48.5%{opacity:1;transform:scale(1)}50%,100%{opacity:0;transform:scale(.995)}}@keyframes chapterFast3{0%,49.5%{opacity:0;transform:scale(1.025)}51%,65%{opacity:1;transform:scale(1)}66.67%,100%{opacity:0;transform:scale(.995)}}@keyframes chapterFast4{0%,66%{opacity:0;transform:scale(1.025)}67.5%,81.5%{opacity:1;transform:scale(1)}83.33%,100%{opacity:0;transform:scale(.995)}}@keyframes chapterFast5{0%,82.7%{opacity:0;transform:scale(1.025)}84.2%,98.8%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.995)}}

/* Final timing: opening and chat stay at 5s; only the three result beats are 2.5s. */
.cinematic-step{animation-delay:0s!important;animation-duration:17.5s}.cinematic-line i{animation-duration:17.5s}.cinematic-step-2 .current-theme,.cinematic-step-2 .mellow-agent-window,.cinematic-step-2 .mellow-agent-window header,.cinematic-step-2 .mellow-agent-window .is-earlier,.cinematic-step-2 .mellow-agent-window .is-reply,.cinematic-step-2 .mellow-agent-window .is-prompt,.cinematic-step-2 .mellow-agent-enter,.cinematic-step-2 .mellow-agent-message.is-working,.cinematic-step-2 .mellow-agent-window footer{animation-delay:5s}.cinematic-step-2 .mellow-agent-window{animation-delay:5s!important}@keyframes chapterFast1{0%,1%{opacity:0;transform:scale(1.025)}2%,27%{opacity:1;transform:scale(1)}28.57%,100%{opacity:0;transform:scale(.995)}}@keyframes chapterFast2{0%,28%{opacity:0;transform:scale(1.025)}29.5%,55.5%{opacity:1;transform:scale(1)}57.14%,100%{opacity:0;transform:scale(.995)}}@keyframes chapterFast3{0%,56.6%{opacity:0;transform:scale(1.025)}58%,69.8%{opacity:1;transform:scale(1)}71.43%,100%{opacity:0;transform:scale(.995)}}@keyframes chapterFast4{0%,70.9%{opacity:0;transform:scale(1.025)}72.3%,84.2%{opacity:1;transform:scale(1)}85.71%,100%{opacity:0;transform:scale(.995)}}@keyframes chapterFast5{0%,85.2%{opacity:0;transform:scale(1.025)}86.5%,98.8%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.995)}}

/* Optional scene 0 title card + the approved chapter timing. */
.cinematic-step{animation-duration:20.5s}.cinematic-step-0{animation-name:chapterTitle0}.cinematic-line i{animation-duration:20.5s}.cinematic-step-2 .current-theme,.cinematic-step-2 .mellow-agent-window,.cinematic-step-2 .mellow-agent-window header,.cinematic-step-2 .mellow-agent-window .is-earlier,.cinematic-step-2 .mellow-agent-window .is-reply,.cinematic-step-2 .mellow-agent-window .is-prompt,.cinematic-step-2 .mellow-agent-enter,.cinematic-step-2 .mellow-agent-message.is-working,.cinematic-step-2 .mellow-agent-window footer{animation-delay:8s}.cinematic-step-2 .mellow-agent-window{animation-delay:8s!important}@keyframes chapterTitle0{0%,1%{opacity:0;transform:scale(1.02)}2%,13.2%{opacity:1;transform:scale(1)}14.63%,100%{opacity:0;transform:scale(.99)}}@keyframes chapterFast1{0%,14%{opacity:0;transform:scale(1.025)}15.2%,37.8%{opacity:1;transform:scale(1)}39.02%,100%{opacity:0;transform:scale(.995)}}@keyframes chapterFast2{0%,38.4%{opacity:0;transform:scale(1.025)}39.7%,62.1%{opacity:1;transform:scale(1)}63.41%,100%{opacity:0;transform:scale(.995)}}@keyframes chapterFast3{0%,62.8%{opacity:0;transform:scale(1.025)}64%,74.3%{opacity:1;transform:scale(1)}75.61%,100%{opacity:0;transform:scale(.995)}}@keyframes chapterFast4{0%,75%{opacity:0;transform:scale(1.025)}76.2%,86.5%{opacity:1;transform:scale(1)}87.8%,100%{opacity:0;transform:scale(.995)}}@keyframes chapterFast5{0%,87.2%{opacity:0;transform:scale(1.025)}88.5%,98.8%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.995)}}

/* Read prompt, show a visible Enter press, confirm acceptance, then work. */
@keyframes pressEnter{0%,46%{height:0;opacity:0}52%,74%{height:30px;opacity:1;transform:none}80%,100%{height:0;opacity:0}}@keyframes enterKeyPress{0%,50%{transform:translateY(-2px);box-shadow:0 3px 0 #236a64,0 0 0 rgba(76,224,208,0)}58%,66%{transform:translateY(2px) scale(.92);box-shadow:0 0 0 #236a64,0 0 24px rgba(76,224,208,.9)}72%,100%{transform:none;box-shadow:0 2px 0 #236a64}}@keyframes enterAccepted{0%,58%{opacity:0;transform:translateX(-5px)}65%,78%{opacity:1;transform:none}84%,100%{opacity:0}}@keyframes agentWorkingIn{0%,74%{opacity:0;transform:translateY(6px)}80%,100%{opacity:1;transform:none}}.mellow-agent-enter kbd{animation:enterKeyPress 5s infinite}.mellow-agent-enter>span{display:inline-block;margin-left:8px;color:#6ff1db;font-size:8px;font-weight:900;letter-spacing:.09em;animation:enterAccepted 5s infinite}

/* Frame 01: keep the request bubble balanced and point it at the developer. */
@media(max-width:900px){.cinematic-step-1 .story-bubble{left:8%;top:9%;max-width:84%;padding:11px 14px 12px;border-radius:13px;font-size:13px;line-height:1.15}.cinematic-step-1 .story-bubble small{margin-bottom:4px;line-height:1}.cinematic-step-1 .story-bubble:after{left:62%;bottom:-9px;border-width:10px;border-bottom:0}}
.cinematic-step-5 .story-bubble{animation-duration:1.188s}
@media(max-width:900px){.cinematic-step-5 .story-bubble{left:auto;right:4%;top:8%;max-width:60%;padding:10px 12px 11px;border-radius:13px;font-size:12px;line-height:1.2}.cinematic-step-5 .story-bubble small{margin-bottom:4px;line-height:1}.cinematic-step-5 .story-bubble:after{left:10%;right:auto;bottom:-9px;border-width:10px;border-bottom:0}}
@media(max-width:900px){.cinematic-step-5 img.current-theme{object-position:43% center}}

/* Live editor values exposed by the Mellow Video Debug Dashboard. */
.how-frame{--mv-editor-text-scale:1;--mv-editor-button-scale:1}.how-frame .story-bubble{font-size:calc(18px * var(--mv-editor-text-scale))}.how-frame .mellow-agent-window{font-size:calc(13px * var(--mv-editor-text-scale))}.how-frame .mellow-card-panel{transform:rotate(-1.5deg) scale(var(--mv-editor-text-scale))}.how-frame .how-control{width:calc(49px * var(--mv-editor-button-scale));height:calc(49px * var(--mv-editor-button-scale))}.how-frame[data-editor-tone="cool"] .how-proof{filter:hue-rotate(14deg) saturate(1.12)}.how-frame[data-editor-tone="warm"] .how-proof{filter:sepia(.16) saturate(1.18) hue-rotate(-8deg)}.how-frame[data-editor-tone="contrast"] .how-proof{filter:contrast(1.2) saturate(1.15)}
@media(max-width:900px){.how-frame .story-bubble{font-size:calc(12px * var(--mv-editor-text-scale))}.how-frame .cinematic-step-1 .story-bubble{font-size:calc(13px * var(--mv-editor-text-scale))}.how-frame .cinematic-step-5 .story-bubble{font-size:calc(12px * var(--mv-editor-text-scale))}.how-frame .mellow-agent-window{font-size:calc(9px * var(--mv-editor-text-scale))}.how-frame .how-control{width:calc(43px * var(--mv-editor-button-scale));height:calc(43px * var(--mv-editor-button-scale))}}
.reality-sequence .mellow-chapter-card:after{content:"";position:absolute;inset:-15%;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,78,114,.26) 47%,rgba(255,209,102,.22) 52%,transparent 64%);transform:translateX(-75%);animation:reality-reveal 3.3s cubic-bezier(.2,.8,.2,1) both}.reality-sequence .mellow-card-panel{transform:rotate(1.2deg);box-shadow:10px 10px 0 #ff4e72,-8px -8px 0 #ffd166,0 30px 80px rgba(0,0,0,.7)}.reality-sequence .mellow-card-panel strong{text-shadow:3px 3px 0 #ff4e72,-2px -2px 0 #ffd166}.reality-sequence .mellow-card-panel>span{background:#ff4e72}.reality-sequence .cinematic-line i{background:linear-gradient(90deg,#ff4e72,#ffd166)}@keyframes reality-reveal{0%,12%{opacity:0;transform:translateX(-75%)}28%{opacity:1}72%{opacity:1;transform:translateX(60%)}100%{opacity:0;transform:translateX(90%)}}
.reality-step{overflow:hidden;background:radial-gradient(circle at 75% 20%,rgba(54,235,180,.15),transparent 34%),#031018}.reality-success .current-theme{width:100%;height:100%;object-fit:cover;transform-origin:62% 42%;animation:reality-camera 2.6s ease-out both}.reality-success:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,16,.55),transparent 55%),linear-gradient(0deg,rgba(4,80,50,.25),transparent 55%);mix-blend-mode:screen;animation:green-bloom 2.6s ease both}.reality-caption{position:absolute!important;z-index:4;left:6%;right:auto;top:7%;bottom:auto;width:min(76%,360px);max-width:76%;height:auto;min-height:0;padding:14px 17px 15px;animation:bubble-arrive 2.6s cubic-bezier(.2,.8,.2,1) both}.reality-caption strong{display:block;font-size:clamp(15px,3vw,23px);line-height:1.12}.reality-caption.is-error{left:5%;right:5%;top:auto;bottom:5%;width:auto;max-width:none;background:#fff1e7;color:#260707;border-color:#ff5364}.reality-admin{display:grid;place-items:center;background:radial-gradient(circle at 20% 85%,rgba(255,209,102,.14),transparent 34%),#061019}.admin-browser{position:relative;width:88%;height:76%;overflow:hidden;border:2px solid #49dfcf;border-radius:15px;background:#071923;box-shadow:0 25px 60px rgba(0,0,0,.55);animation:admin-window-in 2.8s cubic-bezier(.18,.82,.2,1) both}.admin-address{height:14%;display:flex;align-items:center;gap:10px;padding:0 4%;background:#102833;border-bottom:1px solid rgba(73,223,207,.35);font:700 11px/1 monospace;color:#b6d4d3}.admin-address i{width:8px;height:8px;border-radius:50%;background:#ffd166;box-shadow:14px 0 #ff5364,28px 0 #49dfcf;margin-right:27px}.admin-shell{display:grid;grid-template-columns:28% 1fr;height:86%}.admin-shell aside{display:flex;flex-direction:column;gap:11px;padding:16px 12px;background:#08202b;color:#8aabaa;font:700 10px/1.2 monospace}.admin-shell aside b{color:#49dfcf;letter-spacing:.12em;margin-bottom:5px}.admin-shell main{position:relative;padding:18px;background:linear-gradient(145deg,#f6fbfb,#dceceb);color:#09212b}.admin-shell main small{color:#24887e;font:900 9px/1 monospace;letter-spacing:.16em}.admin-shell main h3{margin:8px 0 14px;font-size:clamp(17px,3vw,25px);line-height:1.05}.admin-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.admin-cards i{height:48px;border-radius:7px;background:linear-gradient(150deg,#fff,#bcded9);box-shadow:0 3px 10px rgba(10,70,70,.12)}.admin-shell button{margin-top:15px;padding:9px 12px;border:0;border-radius:7px;background:#0a806f;color:#fff;font-weight:900}.admin-cursor{position:absolute;left:56%;bottom:16%;color:#ff5364;text-shadow:0 0 10px #fff;animation:cursor-login 2.8s ease-in-out both}.reality-kicker{position:absolute;left:7%;top:6%;z-index:4;padding:8px 11px;border:1px solid #49dfcf;background:#05151ddd;color:#49dfcf;font:900 10px/1 monospace;letter-spacing:.14em;animation:bubble-arrive 2.8s ease both}.reality-error{display:grid;place-items:center;background:radial-gradient(circle at 80% 15%,rgba(255,50,70,.24),transparent 33%),#10070a}.php-window{position:relative;width:88%;height:78%;overflow:hidden;border:2px solid #ff5364;border-radius:14px;background:#f3eee7;color:#1d1111;box-shadow:0 0 45px rgba(255,50,70,.25);animation:error-impact 3.7s cubic-bezier(.2,.8,.2,1) both}.php-top{height:12%;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:#2a1820;color:#ffd8d8;font:700 10px/1 monospace}.php-top b{color:#ff7180}.php-errors{padding:10px;background:#17090d;color:#ff7180;font:700 9px/1.45 monospace}.php-errors code{display:block;opacity:0;transform:translateX(-8px)}.php-errors code:nth-child(1){animation:error-line .35s .35s forwards}.php-errors code:nth-child(2){animation:error-line .35s .8s forwards}.php-errors code:nth-child(3){animation:error-line .35s 1.2s forwards}.php-window form{width:72%;margin:14px auto;padding:13px;border:1px solid #d2bbb5;border-radius:9px;background:#fff}.php-window form h3{margin:0 0 10px;font-size:16px}.php-window label{display:block;margin:7px 0;font:800 10px/1.2 sans-serif}.php-window input{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:7px;border:1px solid #d9c9c4;border-radius:5px;background:#eee}.php-window form button{width:100%;padding:8px;border:0;border-radius:5px;background:#852a37;color:#fff;font-weight:900}.regression-stamp{position:absolute;right:5%;bottom:8%;padding:8px;border:3px solid #d7253d;color:#d7253d;font:1000 14px/1 sans-serif;transform:rotate(-8deg) scale(0);animation:stamp-in .45s 1.65s cubic-bezier(.2,1.6,.3,1) forwards}@keyframes reality-camera{0%{transform:scale(1.07) translateX(2%);filter:saturate(.8)}100%{transform:scale(1.16) translateX(-2%);filter:saturate(1.14)}}@keyframes green-bloom{0%{opacity:0}45%,100%{opacity:1}}@keyframes bubble-arrive{0%,18%{opacity:0;transform:translateY(18px) scale(.94)}38%,100%{opacity:1;transform:none}}@keyframes admin-window-in{0%{opacity:0;transform:translateY(28px) scale(.92)}22%,100%{opacity:1;transform:none}}@keyframes cursor-login{0%,45%{transform:translate(80px,-45px);opacity:0}55%{opacity:1}85%,100%{transform:translate(0,0);opacity:1}}@keyframes error-impact{0%{opacity:0;transform:scale(1.08);filter:blur(5px)}12%{opacity:1;transform:scale(.99);filter:none}16%{transform:translateX(-3px)}20%,100%{transform:none}}@keyframes error-line{to{opacity:1;transform:none}}@keyframes stamp-in{to{transform:rotate(-8deg) scale(1)}}@media(max-width:600px){.admin-browser,.php-window{width:92%;height:80%}.reality-caption{left:5%;top:6%;bottom:auto;width:min(78%,310px);max-width:78%;padding:10px 12px 11px}.reality-caption:after{left:20%;bottom:-9px;border-width:10px;border-bottom:0}.reality-caption.is-error{top:auto;bottom:4%;width:auto;max-width:none}.admin-shell aside{gap:8px;padding:12px 8px}.admin-shell main{padding:14px 10px}.php-window form{width:78%;margin-top:10px}}
[data-scene-kind="chapter-title"] .mellow-video-caption{display:none!important}
.reality-success .reality-caption{left:auto;right:4%;top:6%;bottom:auto;width:min(58%,270px);max-width:58%;padding:11px 13px 12px}.reality-success .reality-caption:after{left:18px;right:auto}.reality-action{background:#06151d}.dashboard-action-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.08) brightness(.72);transform:scale(1.06);animation:dashboard-push 2.8s ease-out both}.dashboard-focus{position:absolute;z-index:3;right:6%;top:24%;width:47%;padding:13px;border:2px solid #62f0d6;border-radius:10px;background:rgba(245,253,250,.96);color:#08232a;box-shadow:0 18px 45px rgba(0,0,0,.45),0 0 0 999px rgba(1,12,17,.24)}.dashboard-focus small,.dashboard-focus b,.dashboard-focus span{display:block}.dashboard-focus small{color:#198c7e;font:900 8px/1 monospace;letter-spacing:.16em}.dashboard-focus b{margin:7px 0 4px;font-size:17px}.dashboard-focus span{color:#587177;font-size:9px}.dashboard-focus button{width:100%;margin-top:11px;padding:9px;border:0;border-radius:6px;background:#087c6d;color:#fff;font:900 10px/1 sans-serif}.dashboard-pointer{position:absolute;z-index:6;right:22%;top:58%;width:18px;height:25px;transform:translate(-110px,-90px);animation:pointer-travel 2.8s cubic-bezier(.3,.7,.2,1) both}.dashboard-pointer:before{content:"";position:absolute;width:0;height:0;border-left:9px solid #fff;border-top:15px solid transparent;border-bottom:4px solid transparent;filter:drop-shadow(1px 2px 2px #000)}.dashboard-pointer i{position:absolute;left:9px;top:13px;width:7px;height:10px;background:#fff;transform:rotate(-24deg)}.dashboard-click-ring{position:absolute;z-index:5;right:18%;top:62%;width:8px;height:8px;border:2px solid #ff5364;border-radius:50%;opacity:0;animation:click-ring 2.8s ease-out both}.action-caption{position:absolute;z-index:4;left:6%;bottom:7%;max-width:54%;padding:9px 11px;border-left:3px solid #62f0d6;background:rgba(2,15,21,.86);color:#fff;font-size:11px;font-weight:850}.reality-error{display:block;background:#fff!important}.page-loading{position:absolute;inset:0;z-index:5;display:grid;place-content:center;justify-items:center;gap:12px;background:#fff;color:#27343a;animation:loading-away 3.7s both}.page-loading i{width:34px;height:34px;border:4px solid #d9e0e2;border-top-color:#178b7c;border-radius:50%;animation:spin .55s linear infinite}.page-loading span{font:800 11px/1 sans-serif}.full-error-page{position:absolute;inset:0;z-index:4;background:#fff;color:#171b1d;opacity:0;animation:error-page-in 3.7s .68s both}.full-error-page header{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #d7dcde;background:#f3f5f5;font:700 9px/1 ui-monospace,monospace;color:#5c666b}.full-error-page header b{display:grid;place-items:center;width:30px;height:22px;border-radius:4px;background:#c9283d;color:#fff}.full-error-page main{padding:20px 18px}.full-error-page main small{color:#c9283d;font:1000 9px/1 monospace;letter-spacing:.16em}.full-error-page h2{margin:8px 0 17px;color:#b1172d;font-size:clamp(24px,6vw,48px);line-height:.92;letter-spacing:-.05em}.full-error-page code{display:block;margin:6px 0;color:#3b1118;font:700 9px/1.35 ui-monospace,monospace;overflow-wrap:anywhere}.full-error-page pre{margin:15px 0 0;padding:11px;border-left:4px solid #c9283d;background:#f5ecee;color:#551521;font:700 8px/1.5 ui-monospace,monospace;white-space:pre-wrap}.full-error-page main>strong{position:absolute;right:18px;bottom:18px;padding:7px 9px;border:3px solid #c9283d;color:#c9283d;font:1000 13px/1 sans-serif;transform:rotate(-7deg);animation:stamp-in .4s 1.45s cubic-bezier(.2,1.6,.3,1) both}.error-story-line{position:absolute;z-index:7;left:18px;right:18px;bottom:17px;color:#69121e;font-size:10px;font-weight:900;opacity:0;animation:error-line-story 3.7s 1.15s both}@keyframes dashboard-push{from{transform:scale(1.02)}to{transform:scale(1.12) translateX(-1%)}}@keyframes pointer-travel{0%,20%{opacity:0;transform:translate(-110px,-90px)}32%{opacity:1}72%,100%{opacity:1;transform:translate(0,0)}}@keyframes click-ring{0%,70%{opacity:0;transform:scale(.3)}76%{opacity:1}100%{opacity:0;transform:scale(5)}}@keyframes loading-away{0%,18%{opacity:0}24%,31%{opacity:1}45%,100%{opacity:0;visibility:hidden}}@keyframes error-page-in{0%,3%{opacity:0;transform:scale(1.02)}9%,100%{opacity:1;transform:none}}@keyframes error-line-story{0%,25%{opacity:0;transform:translateY(8px)}38%,100%{opacity:1;transform:none}}@media(max-width:600px){.reality-success .reality-caption{left:auto;right:3%;top:5%;width:min(57%,215px);max-width:57%;padding:9px 10px 10px;font-size:11px}.reality-success .reality-caption strong{font-size:13px}.dashboard-focus{right:4%;top:22%;width:51%;padding:10px}.dashboard-focus b{font-size:14px}.dashboard-pointer{right:22%;top:56%}.action-caption{left:4%;bottom:5%;max-width:58%;font-size:9px}.full-error-page main{padding:17px 14px}.full-error-page h2{font-size:27px}.full-error-page code{font-size:8px}.full-error-page pre{font-size:7px}.error-story-line{left:14px;right:82px;bottom:15px;font-size:8px}}
.chapter-cut{display:grid!important;grid-template-columns:1fr auto 1fr;place-items:center;gap:12px;overflow:hidden;background:#02070b;color:#fff;isolation:isolate}.chapter-cut:before,.chapter-cut:after{content:"";position:absolute;inset:-20%;z-index:-1}.chapter-cut:before{background:linear-gradient(115deg,#31e4ce 0 44%,#fff 45% 49%,#ff4e72 50% 100%);animation:chapter-cut-flash .5s steps(2,end) both}.chapter-cut:after{background:repeating-linear-gradient(100deg,transparent 0 9px,rgba(0,0,0,.38) 10px 12px);mix-blend-mode:multiply}.chapter-cut span,.chapter-cut strong{font-size:clamp(18px,5vw,44px);font-weight:1000;letter-spacing:-.05em;text-shadow:2px 2px 0 #071017}.chapter-cut span{justify-self:end;animation:cut-left .5s cubic-bezier(.2,.9,.2,1) both}.chapter-cut strong{justify-self:start;animation:cut-right .5s cubic-bezier(.2,.9,.2,1) both}.chapter-cut>i{font-size:clamp(24px,7vw,56px);font-style:normal;font-weight:1000;animation:cut-arrow .5s ease both}@keyframes chapter-cut-flash{0%{filter:brightness(.25);transform:scale(1.2)}24%{filter:brightness(2.4)}48%,100%{filter:brightness(.8);transform:none}}@keyframes cut-left{0%{opacity:0;transform:translateX(-45px)}35%,70%{opacity:1;transform:none}100%{opacity:0;transform:translateX(-15px)}}@keyframes cut-right{0%,25%{opacity:0;transform:translateX(45px)}55%,100%{opacity:1;transform:none}}@keyframes cut-arrow{0%,20%{opacity:0;transform:scale(2)}45%,100%{opacity:1;transform:scale(1)}}