*{box-sizing:border-box} :root{--ice:#a9cde8;--ice2:#82bce5;--text:#edf4fb;--muted:#9eb2c7;--line:#b9dcf52a;--glass:rgba(5,15,27,.67)}html{background:#030507;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#030507;color:var(--text);font-family:"DM Sans",sans-serif;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--ice);outline-offset:4px}.wet-glass{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity 1.1s ease}.wet-glass.visible{opacity:1}.blurred-world{position:absolute;inset:-5%;background:radial-gradient(ellipse at 18% 20%,#294e6d 0,transparent 35%),radial-gradient(ellipse at 76% 30%,#1a3852 0,transparent 31%),radial-gradient(ellipse at 55% 90%,#152d44 0,transparent 42%),linear-gradient(145deg,#081421,#0a1b2c 48%,#030912);filter:blur(18px);transform:scale(1.04)}.blurred-world:before,.blurred-world:after{content:"";position:absolute;width:28vw;height:28vw;border-radius:50%;filter:blur(38px);opacity:.22;background:#a1d8ff;left:18%;top:12%}.blurred-world:after{width:18vw;height:36vw;left:72%;top:40%;background:#438bc0;opacity:.16}.rain-streaks{z-index:2;position:absolute;inset:-25% -5%;opacity:.26;background:repeating-linear-gradient(103deg,transparent 0 50px,#c3e4ff24 51px,#e5f5ff38 52px,transparent 54px 103px);animation:rainFall 3.4s ease-in-out infinite alternate;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent)}.droplets{z-index:2;position:absolute;inset:0}.drop{position:absolute;top:-12%;width:var(--w);height:var(--h);left:var(--x);border-radius:99px;background:linear-gradient(90deg,#a4d5fa12,#eff9ff9c 40%,#8bc7f544 70%,#ffffff0c);box-shadow:0 0 5px #a7d7ff20;opacity:var(--o);animation:dropFlow var(--dur) linear var(--delay) infinite}.drop:after{content:"";position:absolute;bottom:0;left:35%;width:2px;height:var(--tail);border-radius:100%;background:linear-gradient(#c8e9ff77,transparent);filter:blur(.5px)}.glass-shine{z-index:2;position:absolute;inset:0;background:linear-gradient(112deg,transparent 10%,#c5e8ff05 38%,#e3f4ff12 40%,transparent 43%,transparent 75%,#b5ddff05);mix-blend-mode:screen}.blackout{position:fixed;inset:0;background:#030507;z-index:50;pointer-events:none;opacity:1;transition:opacity .9s ease}.blackout.off{opacity:0}.topbar{position:fixed;z-index:15;top:0;left:0;right:0;display:flex;align-items:center;gap:20px;padding:17px clamp(18px,4vw,56px);background:linear-gradient(#03070dc9,transparent);opacity:0;pointer-events:none;transition:opacity .35s}.topbar.visible{opacity:1;pointer-events:auto}.brand{font-size:11px;letter-spacing:.16em;font-weight:800;color:#edf5fd;text-decoration:none;white-space:nowrap}.brand span{color:#86aac8;font-weight:500}.progress-wrap{width:min(290px,43vw);margin-left:auto}.progress-label{display:flex;justify-content:space-between;gap:8px;color:#a2b8cc;font-size:8px;letter-spacing:.12em;margin-bottom:7px}.progress-track{height:2px;background:#d6eaff20}.progress-track div{height:100%;width:5%;background:var(--ice);box-shadow:0 0 10px #8bcaff;transition:width .4s}.restart{border:1px solid var(--line);border-radius:50%;width:32px;height:32px;background:#ffffff08;color:#eaf5ff;font-size:19px}.screen{position:relative;z-index:1;display:none;min-height:100vh;padding:110px clamp(18px,7vw,110px) 100px;animation:screenIn .65s ease both}.screen.active{display:flex}.intro{align-items:center;justify-content:center;padding:10vh 18px;text-align:left;background:#030507;z-index:60}.signature{position:relative;isolation:isolate;width:min(920px,100%);padding-left:clamp(0px,3vw,40px)}.signature::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:clamp(0px,1vw,12px);top:clamp(82px,11vw,125px);width:min(700px,88vw);height:clamp(120px,20vw,235px);opacity:0;background:repeating-conic-gradient(from -10deg at 48% 52%,transparent 0deg 7deg,#bfeaff35 7.2deg 7.7deg,transparent 8deg 15deg);-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,#000 20%,transparent 72%);mask-image:radial-gradient(ellipse at center,#000 0%,#000 20%,transparent 72%);filter:blur(4px);transform:scale(.78) rotate(-7deg);animation:introRayFlash 3.2s .45s cubic-bezier(.16,.7,.25,1) both}.signature h1{position:relative}.word-rain{position:relative;isolation:isolate}.word-rain::after{content:"";position:absolute;inset:-12% -7%;z-index:-1;pointer-events:none;background:repeating-conic-gradient(from -10deg at 48% 52%,transparent 0deg 8deg,#bfeaff45 8.2deg 8.8deg,transparent 9deg 17deg);-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,#000 22%,transparent 70%);mask-image:radial-gradient(ellipse at center,#000 0%,#000 22%,transparent 70%);filter:blur(3px);opacity:0;transform:scale(.75);animation:rainWordRayFlash 3.2s .45s cubic-bezier(.16,.7,.25,1) both}.signature h1::after{content:"";position:absolute;z-index:-1;left:28%;top:34%;width:68%;height:60%;pointer-events:none;background:radial-gradient(ellipse at center,#8fd5ff42,transparent 68%);filter:blur(25px);opacity:0;animation:titleGlowFlash 3s .5s ease-out both}.signature-kicker{display:flex;align-items:center;gap:12px;color:#9fb7ca;font-size:9px;letter-spacing:.24em;font-weight:700;margin-bottom:27px;animation:fadeUp .7s .15s both}.signature-kicker i{width:27px;height:1px;background:#a9cde8;display:inline-block}.signature h1{margin:0;display:flex;flex-direction:column;align-items:flex-start;line-height:.86;font-weight:500}.word-behind{font:600 clamp(68px,11vw,132px)/.9 "Playfair Display",Georgia,serif;letter-spacing:-.065em;color:#f0f3f8;animation:wordReveal .95s .2s both}.word-rain{font:italic 600 clamp(58px,10.5vw,122px)/.95 "Playfair Display",Georgia,serif;letter-spacing:-.065em;background:linear-gradient(105deg,#f4fbff 0%,#8bd5ff 19%,#d5f0ff 34%,#5aa9df 48%,#f5fcff 59%,#9bd9ff 76%,#eaf7ff 90%,#6db7e9 100%);background-size:300% auto;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 13px #78caff2e);animation:wordReveal .9s .52s both,gradientFlow 4.6s 1.3s ease-in-out infinite}.chapter-mark{margin-top:32px;font-size:clamp(24px,4vw,42px);font-weight:800;letter-spacing:.045em;color:#f0f4fa;animation:fadeUp .65s .85s both}.signature-tagline{color:#a9b9c9;font-size:clamp(12px,1.35vw,15px);margin:22px 0 0;animation:fadeUp .65s 1.05s both}.eyebrow{font-size:9px;letter-spacing:.23em;color:#9ecff2;font-weight:700}.welcome,.ending{align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:20px}.glass{border:1px solid #c2e4ff2c;background:linear-gradient(135deg,#c6e6ff10,#071524c9 72%);backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%);box-shadow:0 22px 75px #0005,inset 0 1px #ffffff09}.welcome-card,.ending-card{width:min(630px,100%);padding:clamp(27px,5vw,54px);border-radius:23px}.spark{display:block;color:#b3ddfa;font-size:26px;text-shadow:0 0 25px #83caff66;margin-bottom:13px}.welcome h2,.ending h2{font:500 clamp(28px,4.2vw,43px) "Playfair Display",Georgia,serif;margin:0 0 16px}.welcome-card p,.ending-card>p{color:#c0d0df;font-size:13px;line-height:1.9;max-width:480px;margin:0 auto 25px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:45px;padding:0 19px;border-radius:9px;text-decoration:none;font-size:11px;font-weight:700;border:1px solid transparent;transition:transform .25s,background .25s,border-color .25s}.primary{color:#06111c;background:linear-gradient(115deg,#d5eafb,#8bc5ec);box-shadow:0 7px 25px #6ab4e51c}.primary:hover{transform:translateY(-2px);background:#e6f5ff}.secondary{color:#dceaf6;background:#ffffff07;border-color:#b8dbf42c}.secondary:hover{background:#a9cde812;border-color:#a9cde866}.footnote{color:#6e879e;font-size:8px;letter-spacing:.2em}.story{max-width:1100px;margin:auto;flex-direction:column;padding-top:115px;padding-bottom:48px}.scene-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.scene-head h2{font:500 clamp(34px,5vw,55px)/1.1 "Playfair Display",Georgia,serif;margin:10px 0 0;text-shadow:0 0 26px #80c7ff15}.scene-count{color:#9ab1c7;font-size:9px;letter-spacing:.14em;padding-bottom:7px;white-space:nowrap}.narrative-card{padding:clamp(23px,4vw,42px);border-radius:19px;animation:cardIn .5s ease both}.section-label{display:block;color:#9ed2f5;font-size:8px;font-weight:800;letter-spacing:.19em;margin-bottom:17px}.narrative p{font-size:clamp(13px,1.45vw,15px);line-height:2;color:#d5e1ec;margin:0 0 17px;animation:paragraphIn .48s ease both}.narrative p:last-child{margin-bottom:0}.narrative p:nth-child(2){animation-delay:.06s}.narrative p:nth-child(3){animation-delay:.12s}.narrative p:nth-child(4){animation-delay:.18s}.social-section{margin-top:24px;animation:cardIn .5s ease both}.social-section[hidden]{display:none}.social-topline{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 3px 12px}.social-topline .section-label{margin:0}.social-caption{color:#829bb2;font-size:9px}.tweet-card,.thread-reply,.dm-window{border:1px solid #c1e2ff2b;background:linear-gradient(135deg,#c8e8ff0d,#071524b8);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 18px 48px #0003}.tweet-card{padding:20px;border-radius:17px;animation:cardIn .5s ease both}.tweet-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}.avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;flex:0 0 39px;background:linear-gradient(140deg,#294c6b,#0b1c2c);color:#d1eaff;border:1px solid #a9d8fa2e;font-size:14px;font-weight:700}.profile{min-width:0;display:flex;flex-direction:column;gap:3px}.profile strong{font-size:11px;color:#edf6ff}.profile small{font-size:10px;color:#8fa8bf}.tweet-text{font-size:14px;line-height:1.8;color:#e0eaf3;white-space:pre-line}.tweet-meta{display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid #b9dcf51c;margin-top:15px;padding-top:12px;color:#91a9bf;font-size:9px}.thread-list{display:flex;flex-direction:column;gap:9px}.thread-reply{padding:16px;border-radius:13px;animation:cardIn .45s ease both}.thread-reply .tweet-text{font-size:12px}.thread-reply .tweet-head{margin-bottom:9px}.thread-reply .avatar{width:31px;height:31px;flex-basis:31px;font-size:11px}.dm-window{border-radius:17px;overflow:hidden}.dm-header{display:flex;align-items:center;gap:11px;padding:15px 18px;border-bottom:1px solid #c2e4ff22;background:#c2e4ff08}.dm-contact{display:flex;flex-direction:column;gap:3px}.dm-contact strong{font-size:12px}.dm-contact small{font-size:9px;color:#91a9bf}.dm-messages{display:flex;flex-direction:column;gap:12px;padding:19px}.bubble{max-width:min(80%,520px);padding:11px 14px;border:1px solid #d2e8ff20;border-radius:15px;font-size:12px;line-height:1.7;white-space:pre-line;animation:paragraphIn .4s ease both}.bubble.left{align-self:flex-start;background:#dcedff12;border-bottom-left-radius:4px}.bubble.right{align-self:flex-end;background:#2b6d9a70;border-color:#97d3ff30;border-bottom-right-radius:4px}.bubble .sender{display:block;color:#9ed2f5;font-size:9px;font-weight:700;margin-bottom:4px}.system-message{align-self:center;color:#94aabd;font-size:9px;letter-spacing:.04em;padding:7px 12px;border-radius:99px;background:#ffffff08}.scene-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:23px}.scene-bottom p{margin:0;color:#8aa2b8;font-size:10px;line-height:1.6;max-width:45%}.scene-nav{display:flex;gap:10px;margin-left:auto}.scene-nav button{min-width:128px}.scene-nav button:disabled{opacity:.35;cursor:not-allowed}.ending-quote{font:italic clamp(17px,2.4vw,24px) "Playfair Display",serif;color:#c7d9e9;margin:0 0 24px!important}.end-line{height:1px;width:76px;margin:0 auto 25px;background:linear-gradient(90deg,transparent,#9acdf1,transparent)}.ending h2{margin-bottom:23px}.coming{color:#9fd1f5!important;font-size:9px!important;letter-spacing:.2em;font-weight:800}.coming strong{display:block;margin-top:10px;color:#f0f5fb;font:500 25px "Playfair Display",serif;letter-spacing:.07em}.ending-card .end-copy{margin-bottom:13px}.ending-card .thanks-copy{font-size:12px;margin-bottom:24px}.end-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.disabled{opacity:.48;cursor:not-allowed}.disclaimer{max-width:560px;color:#7890a6;font-size:9px;line-height:1.7;text-align:center}.music-player{position:fixed;z-index:25;right:22px;bottom:22px;width:min(320px,calc(100vw - 26px));border:1px solid #b8ddf540;border-radius:17px;overflow:hidden;background:#071524c9;backdrop-filter:blur(25px) saturate(135%);-webkit-backdrop-filter:blur(25px) saturate(135%);box-shadow:0 18px 55px #0005;transform-origin:bottom right;transition:width .38s ease,height .38s ease,border-radius .38s ease,background .38s ease,transform .38s ease}.music-expanded{padding:14px;opacity:1;transition:opacity .18s ease}.music-heading{margin-bottom:13px;color:#9ed2f5;font-size:8px;font-weight:800;letter-spacing:.1em;line-height:1.5}.music-track{display:flex;align-items:center;gap:11px}.record,.mini-record{display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#c7e8ff 0 6%,#19354e 7% 20%,#091827 21% 37%,#436782 38% 40%,#091827 41% 59%,#31536d 60% 62%,#071321 63%);color:#d6edff;box-shadow:0 0 22px #6bb9f51a}.record{width:47px;height:47px;flex:0 0 47px}.record.spinning,.mini-record.spinning{animation:spin 4s linear infinite}.track-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.track-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-copy small{font-size:9px;color:#92abc1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-track{height:2px;background:#c6e7ff20;margin:13px 0 9px}.audio-track span{display:block;height:100%;width:0;background:#a9d8fa;transition:width .12s linear}.music-controls{display:flex;justify-content:center;align-items:center;gap:25px}.music-controls button{border:0;background:transparent;color:#cce5f9;font-size:13px;min-width:26px;padding:5px}.music-controls .play-pause{width:36px;height:36px;min-width:36px;border-radius:50%;background:#b7dff9;color:#071321;font-size:12px}.music-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px}.music-footer>span{color:#7893ab;font-size:8px}.music-footer button{display:grid;place-items:center;width:27px;height:27px;border:1px solid #c0e2ff30;border-radius:50%;background:#ffffff0a;color:#dcefff;font-size:18px;line-height:1}.music-collapsed{display:none;width:60px;height:60px;border:0;background:transparent}.mini-record{width:43px;height:43px;font-size:17px}.music-player.collapsed{width:60px;height:60px;border-radius:50%;background:#071524e8}.music-player.collapsed .music-expanded{display:none}.music-player.collapsed .music-collapsed{display:grid;place-items:center}.music-player.collapsed #minimizeMusic{display:none}@keyframes rainFall{from{transform:translate3d(0,-3%,0);opacity:.16}to{transform:translate3d(0,12%,0);opacity:.3}}@keyframes dropFlow{0%{transform:translateY(-8vh);opacity:0}10%{opacity:var(--o)}88%{opacity:var(--o)}100%{transform:translateY(125vh);opacity:0}}@keyframes screenIn{from{opacity:0;transform:translateY(9px);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes wordReveal{from{opacity:0;transform:translateY(17px);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes fadeUp{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes gradientFlow{0%,100%{background-position:0% center}50%{background-position:100% center}}@keyframes cardIn{from{opacity:0;transform:translateY(8px);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes paragraphIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.screen{padding:100px 17px 94px}.signature{padding-left:4px}.word-behind{font-size:clamp(66px,14vw,100px)}.word-rain{font-size:clamp(57px,13vw,94px)}.chapter-mark{margin-top:27px}.story{padding-top:105px}.scene-head h2{font-size:37px}.narrative-card{padding:23px}.narrative p{line-height:1.9}.scene-bottom{align-items:stretch;flex-direction:column}.scene-bottom p{max-width:100%}.scene-nav{width:100%}.scene-nav button{flex:1;min-width:0;padding:0 10px}.music-player{right:12px;bottom:12px;width:min(300px,calc(100vw - 24px))}.music-player.collapsed{width:55px;height:55px}.music-collapsed{width:55px;height:55px}.mini-record{width:40px;height:40px}.topbar{padding:13px 15px;gap:10px}.progress-wrap{width:min(205px,45vw)}.progress-label{font-size:7px}.tweet-card{padding:16px}.dm-messages{padding:15px}}@media(max-width:430px){.word-behind{font-size:65px}.word-rain{font-size:57px}.signature-kicker{font-size:8px}.chapter-mark{font-size:27px}.signature-tagline{max-width:280px;line-height:1.7}.scene-head h2{font-size:32px}.scene-count{font-size:8px}.bubble{max-width:88%}.end-actions{flex-direction:column}.end-actions>*{width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Chapter 1 revisions: directional scene transitions, tweet replies, and site credit */
.site-footer{position:fixed;z-index:3;left:clamp(18px,5vw,64px);right:clamp(18px,5vw,64px);bottom:0;min-height:35px;padding:9px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #b9dcf51c;color:#718aa1;background:linear-gradient(180deg,transparent,#06111dcc);font-size:8px;letter-spacing:.08em;pointer-events:none}
.footer-title{font-weight:700;letter-spacing:.12em}
.footer-copy{letter-spacing:.02em;text-align:right}
.story{padding-bottom:100px}
.tweet-comments{display:flex;flex-direction:column;gap:0;margin-top:0;padding:3px 18px 7px;border:1px solid #c1e2ff2b;border-top:0;border-radius:0 0 15px 15px;background:#071524a8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:commentsReveal .38s ease both}
.tweet-comments:before{content:"";height:1px;background:#b9dcf51c;margin:0 0 3px}
.tweet-comment{display:flex;align-items:flex-start;gap:9px;padding:10px 0;border-bottom:1px solid #b9dcf512}
.tweet-comment:last-child{border-bottom:0}
.comment-avatar{width:27px;height:27px;flex-basis:27px;font-size:10px}
.comment-body{min-width:0;flex:1}
.comment-identity{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}
.comment-identity strong{font-size:10px;color:#edf6ff}
.comment-identity small{font-size:9px;color:#8fa8bf}
.comment-body p{margin:4px 0 0;color:#d2dfeb;font-size:11px;line-height:1.65}
#socialContent>.tweet-card:has(+ .tweet-comments){border-bottom-left-radius:0;border-bottom-right-radius:0}
.story.transition-out-next .scene-head,.story.transition-out-next #narrativeCard,.story.transition-out-next #socialSection,.story.transition-out-next .scene-bottom{animation:sceneExitLeft .19s ease both}
.story.transition-out-prev .scene-head,.story.transition-out-prev #narrativeCard,.story.transition-out-prev #socialSection,.story.transition-out-prev .scene-bottom{animation:sceneExitRight .19s ease both}
.story.transition-in-next .scene-head,.story.transition-in-next #narrativeCard,.story.transition-in-next #socialSection,.story.transition-in-next .scene-bottom{animation:sceneEnterRight .48s cubic-bezier(.2,.75,.25,1) both}
.story.transition-in-prev .scene-head,.story.transition-in-prev #narrativeCard,.story.transition-in-prev #socialSection,.story.transition-in-prev .scene-bottom{animation:sceneEnterLeft .48s cubic-bezier(.2,.75,.25,1) both}
.story.transition-in-next #narrativeCard,.story.transition-in-prev #narrativeCard{animation-delay:.03s}
.story.transition-in-next #socialSection,.story.transition-in-prev #socialSection{animation-delay:.08s}
.story.transition-in-next .scene-bottom,.story.transition-in-prev .scene-bottom{animation-delay:.12s}
@keyframes sceneExitLeft{to{opacity:0;transform:translateX(-26px);filter:blur(3px)}}
@keyframes sceneExitRight{to{opacity:0;transform:translateX(26px);filter:blur(3px)}}
@keyframes sceneEnterRight{from{opacity:0;transform:translateX(28px);filter:blur(4px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}
@keyframes sceneEnterLeft{from{opacity:0;transform:translateX(-28px);filter:blur(4px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}
@keyframes commentsReveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:760px){.site-footer{left:15px;right:15px;min-height:33px;bottom:0;font-size:7px;gap:8px}.footer-title{max-width:55%;line-height:1.4}.footer-copy{max-width:45%;line-height:1.4}.story{padding-bottom:112px}.tweet-comments{padding-left:13px;padding-right:13px}.tweet-comment{gap:7px}}
@media(prefers-reduced-motion:reduce){.story.transition-out-next .scene-head,.story.transition-out-next #narrativeCard,.story.transition-out-next #socialSection,.story.transition-out-next .scene-bottom,.story.transition-out-prev .scene-head,.story.transition-out-prev #narrativeCard,.story.transition-out-prev #socialSection,.story.transition-out-prev .scene-bottom,.story.transition-in-next .scene-head,.story.transition-in-next #narrativeCard,.story.transition-in-next #socialSection,.story.transition-in-next .scene-bottom,.story.transition-in-prev .scene-head,.story.transition-in-prev #narrativeCard,.story.transition-in-prev #socialSection,.story.transition-in-prev .scene-bottom{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}}

.blurred-world[data-theme="present"],.theme-swipe-layer[data-theme="present"]{background:radial-gradient(ellipse at 18% 20%,#294e6d 0,transparent 35%),radial-gradient(ellipse at 76% 30%,#1a3852 0,transparent 31%),radial-gradient(ellipse at 55% 90%,#152d44 0,transparent 42%),linear-gradient(145deg,#081421,#0a1b2c 48%,#030912)}
.blurred-world[data-theme="memory"],.theme-swipe-layer[data-theme="memory"]{background:radial-gradient(ellipse at 18% 20%,#294e6d 0,transparent 35%),radial-gradient(ellipse at 76% 30%,#22415a 0,transparent 31%),radial-gradient(ellipse at 55% 90%,#19344c 0,transparent 42%),linear-gradient(145deg,#091827,#102b42 48%,#030912)}
.blurred-world[data-theme="connection"],.theme-swipe-layer[data-theme="connection"]{background:radial-gradient(ellipse at 22% 20%,#285b7a 0,transparent 35%),radial-gradient(ellipse at 76% 30%,#214d68 0,transparent 31%),radial-gradient(ellipse at 55% 90%,#193c55 0,transparent 42%),linear-gradient(145deg,#081927,#103147 48%,#030912)}
.blurred-world[data-theme="confession"],.theme-swipe-layer[data-theme="confession"]{background:radial-gradient(ellipse at 18% 20%,#344e70 0,transparent 35%),radial-gradient(ellipse at 76% 30%,#24334d 0,transparent 31%),radial-gradient(ellipse at 55% 90%,#1a2943 0,transparent 42%),linear-gradient(145deg,#08111e,#171d31 48%,#030912)}
.blurred-world[data-theme="afterglow"],.theme-swipe-layer[data-theme="afterglow"]{background:radial-gradient(ellipse at 18% 20%,#254260 0,transparent 35%),radial-gradient(ellipse at 76% 30%,#193247 0,transparent 31%),radial-gradient(ellipse at 55% 90%,#12263a 0,transparent 42%),linear-gradient(145deg,#07131e,#0a1d2b 48%,#030912)}
.theme-swipe-layer{position:absolute;inset:-5%;z-index:1;opacity:0;pointer-events:none;filter:blur(18px);transform:scale(1.04);clip-path:inset(0 100% 0 0);will-change:clip-path;transition:none}
.theme-swipe-layer.swipe-in-left{opacity:1;animation:themeSwipeLeft .95s cubic-bezier(.76,0,.24,1) both}
.theme-swipe-layer.swipe-in-right{opacity:1;animation:themeSwipeRight .95s cubic-bezier(.76,0,.24,1) both}
@keyframes themeSwipeLeft{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes themeSwipeRight{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){.theme-swipe-layer.swipe-in-left,.theme-swipe-layer.swipe-in-right{animation:none;opacity:0}}

.music-player.collapsed{transform:scale(.98)}
.music-player:not(.collapsed){transform:scale(1)}
.music-player.collapsed .music-collapsed{position:absolute;inset:0;width:100%;height:100%;border-radius:50%}
@media(max-width:760px){.music-player{right:12px;bottom:48px}.music-player.collapsed{right:12px;bottom:48px}}

/* Farid signature intro: a brief ray flare, then a clean glowing gradient wordmark */
@keyframes introRayFlash{0%{opacity:0;transform:scale(.7) rotate(-9deg)}12%{opacity:.82}28%{opacity:.62;transform:scale(.95) rotate(-2deg)}55%{opacity:.3;transform:scale(1.08) rotate(1deg)}78%{opacity:.12}100%{opacity:0;transform:scale(1.18) rotate(3deg)}}
@keyframes rainWordRayFlash{0%{opacity:0;transform:scale(.68)}12%{opacity:1;transform:scale(.88)}28%{opacity:.7;transform:scale(1)}52%{opacity:.35;transform:scale(1.08)}78%{opacity:.12}100%{opacity:0;transform:scale(1.15)}}
@keyframes titleGlowFlash{0%{opacity:0;transform:scale(.72)}18%{opacity:.85}38%{opacity:.55;transform:scale(1)}68%{opacity:.2}100%{opacity:0;transform:scale(1.12)}}
@media(max-width:760px){.signature::before{left:-8%;top:clamp(76px,18vw,108px);width:110vw;height:220px;filter:blur(4px)}.word-rain{filter:drop-shadow(0 0 11px #78caff40)}.word-rain::after{inset:-8% -5%;filter:blur(3px)}}
@media(prefers-reduced-motion:reduce){.signature::before,.signature h1::after{animation:none;opacity:0}}

/* Farid signature: stronger living glow and a moving silver-blue sparkle */
.word-rain{filter:drop-shadow(0 0 11px #83cffff0) drop-shadow(0 0 27px #65bfffb0);animation:wordReveal .9s .52s both,gradientFlow 4.6s 1.3s ease-in-out infinite,rainTextGlow 3.8s 1.4s ease-in-out infinite}
.word-rain::before{content:"";position:absolute;inset:-3% -1%;z-index:1;pointer-events:none;background:linear-gradient(112deg,transparent 0%,transparent 35%,#ffffff00 42%,#f5fcff 48%,#b6e8ff 51%,#ffffff00 59%,transparent 66%,transparent 100%);background-size:260% 100%;background-position:150% center;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;mix-blend-mode:screen;opacity:0;filter:blur(.35px);animation:textShimmer 3.7s 1.6s ease-in-out infinite}
.word-rain::after{background:repeating-conic-gradient(from -10deg at 48% 52%,transparent 0deg 8deg,#bfeaff80 8.2deg 8.8deg,transparent 9deg 17deg)}
@keyframes rainTextGlow{0%,100%{filter:drop-shadow(0 0 11px #83cffff0) drop-shadow(0 0 27px #65bfffb0)}35%{filter:drop-shadow(0 0 16px #a7e2ffff) drop-shadow(0 0 36px #65bfffdf) drop-shadow(0 0 55px #4aaaff85)}58%{filter:drop-shadow(0 0 21px #d6f3ff) drop-shadow(0 0 45px #65bffff0) drop-shadow(0 0 68px #4aaaffaa)}}
@keyframes textShimmer{0%,12%{opacity:0;background-position:150% center}22%{opacity:1}43%{opacity:.82;background-position:0% center}55%{opacity:0;background-position:-40% center}100%{opacity:0;background-position:-40% center}}
@media(max-width:760px){.word-rain{filter:drop-shadow(0 0 12px #78caffc0) drop-shadow(0 0 27px #78caff85)}.word-rain::before{inset:-3% -1%}}
@media(prefers-reduced-motion:reduce){.word-rain::before{animation:none;opacity:0}.word-rain{animation:wordReveal .9s .52s both;filter:drop-shadow(0 0 12px #83cfff90)}}

/* Signature refinement: let the glow travel across the gradient word instead of glowing constantly */
.word-rain{filter:none!important;animation:wordReveal .9s .52s both,gradientFlow 4.6s 1.3s ease-in-out infinite!important}
.word-rain::before{content:"the Rain.";position:absolute;inset:0;z-index:2;pointer-events:none;font:inherit;letter-spacing:inherit;line-height:inherit;white-space:nowrap;background:linear-gradient(108deg,transparent 0%,transparent 31%,#a8ddff00 38%,#a8ddff 44%,#f8fdff 49%,#ffffff 52%,#9edcff 57%,#7fcaff00 65%,transparent 72%);background-size:260% 100%;background-position:145% center;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;mix-blend-mode:screen;opacity:0;filter:drop-shadow(0 0 9px #a6e2ff) drop-shadow(0 0 20px #69bdff) drop-shadow(0 0 34px #4daaff85);animation:signatureSweepGlow 2.8s .62s cubic-bezier(.2,.7,.22,1) 1 both!important}
.word-rain::after{animation:rainWordRayFlash 3.2s .45s cubic-bezier(.16,.7,.25,1) both}
@keyframes signatureSweepGlow{0%{opacity:0;background-position:145% center;filter:drop-shadow(0 0 0 #a6e2ff)}14%{opacity:.25}28%{opacity:1;filter:drop-shadow(0 0 12px #a6e2ff) drop-shadow(0 0 25px #69bdff)}48%{opacity:.9;background-position:35% center;filter:drop-shadow(0 0 16px #e4f8ff) drop-shadow(0 0 36px #69bdff) drop-shadow(0 0 50px #4daaff85)}70%{opacity:.35;background-position:-25% center}88%,100%{opacity:0;background-position:-45% center;filter:drop-shadow(0 0 0 #a6e2ff)}}
@media(max-width:760px){.word-rain::before{inset:0;filter:drop-shadow(0 0 9px #a6e2ff) drop-shadow(0 0 22px #69bdff) drop-shadow(0 0 34px #4daaff85)}}
@media(prefers-reduced-motion:reduce){.word-rain::before{animation:none!important;opacity:0!important}.word-rain{filter:none!important}}


/* WELCOME HEADING — same icy glow + radial rays language as the signature intro */
.welcome-card h2{
  position:relative;
  isolation:isolate;
  text-shadow:0 0 12px #a9dcff18;
  animation:welcomeTitleReveal .9s .12s both,welcomeTitleGlow 4.2s 1s ease-in-out infinite;
}
.welcome-card h2::before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  left:50%;
  top:52%;
  width:125%;
  height:180%;
  transform:translate(-50%,-50%);
  background:radial-gradient(ellipse at center,#8fd5ff42 0%,#65bfff20 28%,transparent 69%);
  filter:blur(19px);
  opacity:0;
  animation:welcomeTitleHalo 3.6s .18s ease-out both;
}
.welcome-card h2::after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  left:50%;
  top:52%;
  width:130%;
  height:200%;
  transform:translate(-50%,-50%) scale(.72) rotate(-8deg);
  background:repeating-conic-gradient(from -10deg at 50% 50%,transparent 0deg 7deg,#bfeaff65 7.2deg 7.7deg,transparent 8deg 15deg);
  -webkit-mask-image:radial-gradient(ellipse at center,#000 0%,#000 17%,transparent 70%);
  mask-image:radial-gradient(ellipse at center,#000 0%,#000 17%,transparent 70%);
  filter:blur(3px);
  opacity:0;
  animation:welcomeTitleRays 3.5s .25s cubic-bezier(.16,.7,.25,1) both;
}
@keyframes welcomeTitleReveal{
  from{opacity:0;filter:blur(8px);transform:translateY(8px)}
  to{opacity:1;filter:blur(0);transform:translateY(0)}
}
@keyframes welcomeTitleGlow{
  0%,100%{text-shadow:0 0 12px #a9dcff18}
  40%{text-shadow:0 0 13px #bde8ff72,0 0 30px #75caff38}
  60%{text-shadow:0 0 17px #d8f4ff80,0 0 39px #75caff52}
}
@keyframes welcomeTitleHalo{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}
  20%{opacity:1}
  48%{opacity:.78;transform:translate(-50%,-50%) scale(1)}
  78%{opacity:.22}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.12)}
}
@keyframes welcomeTitleRays{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.72) rotate(-8deg)}
  14%{opacity:.9}
  30%{opacity:.65;transform:translate(-50%,-50%) scale(.94) rotate(-2deg)}
  56%{opacity:.34;transform:translate(-50%,-50%) scale(1.08) rotate(1deg)}
  82%{opacity:.1}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.16) rotate(3deg)}
}
@media(max-width:760px){
  .welcome-card h2::before{width:145%;height:175%;filter:blur(15px)}
  .welcome-card h2::after{width:145%;height:190%;filter:blur(3px)}
}
@media(prefers-reduced-motion:reduce){
  .welcome-card h2,.welcome-card h2::before,.welcome-card h2::after{animation:none;opacity:1}
  .welcome-card h2::before,.welcome-card h2::after{opacity:0}
}


/* Music player controls: elapsed/total time, seek bar, and volume */
.audio-time-row{display:flex;justify-content:space-between;align-items:center;margin:12px 1px 4px;color:#9ab3c9;font-size:9px;font-variant-numeric:tabular-nums}
.audio-seek,.audio-volume{-webkit-appearance:none;appearance:none;display:block;min-width:0;height:4px;border:0;border-radius:99px;background:linear-gradient(90deg,#a9d8fa,#a9d8fa) 0 0/var(--range-fill,0%) 100% no-repeat,#c6e7ff24;cursor:pointer;outline:none}
.audio-seek{width:100%;margin:0 0 12px}
.audio-seek::-webkit-slider-thumb,.audio-volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:11px;height:11px;border-radius:50%;background:#d9efff;border:1px solid #8bc5ec;box-shadow:0 0 9px #75caff70}
.audio-seek::-moz-range-thumb,.audio-volume::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#d9efff;border:1px solid #8bc5ec;box-shadow:0 0 9px #75caff70}
.audio-seek:focus-visible,.audio-volume:focus-visible{outline:1px solid #a9d8fa;outline-offset:4px}
.volume-row{display:flex;align-items:center;gap:10px;margin:0 1px 12px;color:#8fa8bf}
.volume-row label{font-size:8px;font-weight:800;letter-spacing:.13em;white-space:nowrap}
.audio-volume{flex:1;height:3px}
.volume-row span{width:30px;text-align:right;font-size:9px;font-variant-numeric:tabular-nums;color:#b9d5e9}
@media(prefers-reduced-motion:reduce){.audio-seek,.audio-volume{scroll-behavior:auto}}


/* Icy blue gradient + glow behind the music seek thumb */
.audio-seek{
  background:linear-gradient(90deg,#bdeaff 0%,#8bd5ff 42%,#b8caff 76%,#e3f8ff 100%) 0 0/var(--range-fill,0%) 100% no-repeat,#c6e7ff24!important;
  box-shadow:0 0 8px #8bd5ff38,inset 0 0 2px #bdeaff40;
}
.audio-seek::-webkit-slider-thumb{
  box-shadow:0 0 7px #bdeaff,0 0 15px #8bd5ffb8,0 0 25px #78caff66!important;
}
.audio-seek::-moz-range-thumb{
  box-shadow:0 0 7px #bdeaff,0 0 15px #8bd5ffb8,0 0 25px #78caff66!important;
}


/* Active music progress: flowing icy-blue / white current-time trail */
.audio-seek{
  --range-fill:0%;
  background:
    linear-gradient(90deg,#bdeaff 0%,#8bd5ff 26%,#f5fdff 48%,#8bd5ff 67%,#c6eaff 82%,#fff 100%) 0 0/var(--range-fill) 100% no-repeat,
    #c6e7ff24!important;
  animation:seekCurrentFlow 2.2s linear infinite;
  box-shadow:0 0 8px #8bd5ff35,inset 0 0 2px #bdeaff45;
}
@keyframes seekCurrentFlow{
  from{background-position:0% 50%,0 0}
  to{background-position:100% 50%,0 0}
}
.audio-seek::-webkit-slider-thumb{
  background:#effbff!important;
  box-shadow:0 0 5px #fff,0 0 11px #bdeaff,0 0 19px #8bd5ff,0 0 29px #65bdff90!important;
}
.audio-seek::-moz-range-thumb{
  background:#effbff!important;
  box-shadow:0 0 5px #fff,0 0 11px #bdeaff,0 0 19px #8bd5ff,0 0 29px #65bdff90!important;
}
@media(prefers-reduced-motion:reduce){.audio-seek{animation:none}}