:root{--night:#050a18;--deep:#07111f;--text:#eef6ff;--muted:#8ba0b4;--cyan:#65e7ee;--blue:#2d9dd0;--gold:#ffd46e;--pink:#ff78b7;--green:#0d5a4a}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--text);background:var(--night);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button{font:inherit}.storybook{background:radial-gradient(circle at 50% 48%,#4e41744d,#0000 22%),radial-gradient(circle at 17% 74%,#2bb1ac21,#0000 18%),radial-gradient(circle at 83% 72%,#2bb1ac21,#0000 18%),linear-gradient(#040716 0%,#071223 58%,#061724 100%);height:100dvh;min-height:100vh;position:relative;overflow:hidden}.storybook:before{content:"";pointer-events:none;background:linear-gradient(#ffffff06,#0000 35%),radial-gradient(circle at 50% 52%,#ff78b724,#0000 15%);position:absolute;inset:0}.stars{pointer-events:none;position:absolute;inset:0}.stars span{background:#eef6ffe6;border-radius:50%;width:2px;height:2px;animation:4.8s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 12px #65e7ee8c}.stars span:first-child{animation-delay:.1s;top:6%;left:2%}.stars span:nth-child(2){animation-delay:.9s;top:35%;left:7%}.stars span:nth-child(3){animation-delay:1.8s;top:77%;left:12%}.stars span:nth-child(4){animation-delay:.4s;top:23%;left:18%}.stars span:nth-child(5){animation-delay:1.2s;top:46%;left:23%}.stars span:nth-child(6){animation-delay:2.2s;top:11%;left:27%}.stars span:nth-child(7){animation-delay:.8s;top:40%;left:31%}.stars span:nth-child(8){animation-delay:1.4s;top:62%;left:35%}.stars span:nth-child(9){animation-delay:2.8s;top:18%;left:39%}.stars span:nth-child(10){animation-delay:.3s;top:5%;left:42%}.stars span:nth-child(11){animation-delay:1.7s;top:28%;left:47%}.stars span:nth-child(12){animation-delay:2.1s;top:8%;left:51%}.stars span:nth-child(13){animation-delay:.6s;top:56%;left:55%}.stars span:nth-child(14){animation-delay:1.1s;top:19%;left:59%}.stars span:nth-child(15){animation-delay:2.5s;top:36%;left:63%}.stars span:nth-child(16){animation-delay:.2s;top:7%;left:68%}.stars span:nth-child(17){animation-delay:1.9s;top:48%;left:73%}.stars span:nth-child(18){animation-delay:2.6s;top:21%;left:78%}.stars span:nth-child(19){animation-delay:.7s;top:71%;left:81%}.stars span:nth-child(20){animation-delay:1.5s;top:12%;left:86%}.stars span:nth-child(21){animation-delay:2.9s;top:30%;left:92%}.stars span:nth-child(22){animation-delay:1s;top:5%;left:96%}.stars span:nth-child(23){background:var(--cyan);width:3px;height:3px;top:58%;left:5%}.stars span:nth-child(24){background:var(--cyan);width:3px;height:3px;top:69%;left:15%}.stars span:nth-child(25){animation-delay:1.6s;top:88%;left:21%}.stars span:nth-child(26){background:var(--cyan);width:3px;height:3px;top:73%;left:25%}.stars span:nth-child(27){background:var(--cyan);width:3px;height:3px;top:4%;left:30%}.stars span:nth-child(28){animation-delay:1.3s;top:86%;left:34%}.stars span:nth-child(29){animation-delay:2.4s;top:83%;left:45%}.stars span:nth-child(30){background:var(--gold);width:3px;height:3px;top:61%;left:49%}.stars span:nth-child(31){background:var(--gold);width:3px;height:3px;top:60%;left:52%}.stars span:nth-child(32){background:var(--cyan);width:3px;height:3px;top:39%;left:58%}.stars span:nth-child(33){animation-delay:.5s;top:75%;left:62%}.stars span:nth-child(34){animation-delay:2s;top:90%;left:66%}.stars span:nth-child(35){background:var(--cyan);width:3px;height:3px;top:85%;left:72%}.stars span:nth-child(36){animation-delay:.8s;top:10%;left:76%}.stars span:nth-child(37){background:var(--cyan);width:3px;height:3px;top:82%;left:80%}.stars span:nth-child(38){animation-delay:1.2s;top:63%;left:84%}.stars span:nth-child(39){animation-delay:2.7s;top:91%;left:88%}.stars span:nth-child(40){animation-delay:.2s;top:49%;left:91%}.stars span:nth-child(41){animation-delay:1.8s;top:15%;left:94%}.stars span:nth-child(42){animation-delay:.9s;top:40%;left:97%}.stars span:nth-child(43){background:var(--cyan);width:3px;height:3px;top:87%;left:43%}.stars span:nth-child(44){animation-delay:3s;top:2%;left:8%}.topBar{z-index:10;width:min(860px,100% - 40px);color:var(--muted);justify-content:space-between;align-items:center;display:flex;position:fixed;top:22px;left:50%;transform:translate(-50%)}.ghostButton{color:#84d6eb;cursor:pointer;background:0 0;border:0;min-height:40px;padding:0;transition:opacity .18s,transform .18s}.ghostButton:before{content:"< "}.ghostButton:disabled{opacity:.28;cursor:default}.ghostButton:hover:not(:disabled){transform:translate(-2px)}.miniTitle{text-align:right;gap:2px;font-size:.78rem;display:grid}.miniTitle strong{color:#dff8ff;letter-spacing:.12em;font-size:.72rem}.slide{z-index:3;text-align:center;grid-template-rows:auto minmax(260px,1fr) auto;place-items:center;width:min(1180px,100%);min-height:100dvh;margin:0 auto;padding:72px 24px 118px;animation:.48s cubic-bezier(.2,.8,.2,1) both slideIn;display:grid;position:relative}.introSlide.hasImage{grid-template-rows:auto minmax(230px,.8fr) auto}.slideHeading{align-self:start;padding-top:clamp(0px,2vh,20px)}.eyebrow{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-size:.72rem;font-weight:800}.slideHeading h1{text-shadow:0 0 32px #dceeff38;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.7rem,6.2vw,5.4rem);line-height:.9}.slideHeading span{color:var(--muted);margin-top:10px;font-size:clamp(.92rem,2vw,1.06rem);display:block}.visualStage{aspect-ratio:1;place-items:center;width:min(480px,78vw);display:grid;position:relative}.visualStage:before{content:"";filter:blur(12px);background:radial-gradient(circle,#ff78b72e,#0000 48%),radial-gradient(circle,#65e7ee1f,#0000 64%);border-radius:50%;width:90%;height:90%;animation:3.4s ease-in-out infinite glowBreath;position:absolute}.orbit{border:1px solid #65e7ee33;border-radius:50%;animation:16s linear infinite spin;position:absolute}.orbitOne{width:82%;height:82%}.orbitTwo{border-color:#ffd46e33;width:58%;height:58%;animation-duration:11s;animation-direction:reverse}.worldIcon{z-index:2;fill:#09152485;stroke:#dffbff;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 18px #65e7ee6b)drop-shadow(0 0 46px #ff78b72e);width:clamp(148px,23vw,230px);height:clamp(148px,23vw,230px);animation:3.8s ease-in-out infinite iconFloat;position:relative}.worldIcon path{vector-effect:non-scaling-stroke;stroke-dasharray:420;stroke-dashoffset:420px;animation:1.2s forwards drawIcon}.worldIcon path:nth-child(2){animation-delay:.12s}.worldIcon path:nth-child(3){animation-delay:.24s}.worldIcon.small{stroke-width:7px;fill:#07121fb8;width:72px;height:72px;animation-duration:4.6s}.slideCopy{align-self:end;width:min(790px,100%);margin-bottom:8px}.slideCopy p{color:#e8f3ffe0;margin:0;font-size:clamp(1rem,2vw,1.22rem);line-height:1.7}.promptList{gap:10px;width:min(790px,100%);margin:0 auto;display:grid}.promptList span{color:#e8f3ffdb;background:#040c1b80;border:1px solid #65e7ee3d;border-radius:999px;padding:12px 16px;display:block;box-shadow:inset 0 0 18px #65e7ee0d,0 0 34px #ff78b714}.giftFrame{background:#040b19b3;border:1px solid #65e7ee38;border-radius:16px;width:min(270px,24vw);margin:0;padding:10px;animation:.7s both imageReveal;position:absolute;top:50%;right:clamp(24px,7vw,86px);transform:translateY(-18%);box-shadow:0 0 44px #65e7ee24,0 0 80px #ff78b71a}.giftFrame img{border-radius:10px;width:100%;height:auto;display:block}.controls{z-index:12;gap:14px;width:min(860px,100% - 40px);display:grid;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.progressShell{background:#7ec2d626;border-radius:999px;height:3px;overflow:hidden}.progressShell span{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--gold), var(--pink));height:100%;transition:width .26s;display:block}.controlButtons{justify-content:center;display:flex}.primaryButton{color:#e6fbff;cursor:pointer;background:#061e30d1;border:1px solid #2a99c4e6;border-radius:999px;min-height:42px;padding:0 24px;transition:transform .18s,opacity .18s;box-shadow:inset 0 0 18px #1fa6cc24,0 0 24px #2bbddd24}.primaryButton:after{content:" ->"}.primaryButton:hover:not(:disabled){transform:translateY(-2px)}.primaryButton:disabled{opacity:.38;cursor:default}.ground{z-index:1;background:radial-gradient(at 14% 100%,#0b4f44 0 38%,#0000 39%),radial-gradient(at 33% 100%,#0b5c4b 0 42%,#0000 43%),radial-gradient(at 56% 100%,#0b5145 0 40%,#0000 41%),radial-gradient(at 78% 100%,#0a5b4b 0 43%,#0000 44%),radial-gradient(at 98% 100%,#0b4f44 0 38%,#0000 39%);height:68px;position:fixed;bottom:-18px;left:-5%;right:-5%}.gardenSlide{grid-template-rows:auto minmax(360px,1fr) auto}.worldGarden{width:min(850px,100%);min-height:390px;margin-top:-10px;position:relative}.worldGarden:before{content:"";filter:blur(10px);background:radial-gradient(circle,#ff78b733,#0000 46%),radial-gradient(circle,#65e7ee29,#0000 65%);border-radius:50%;width:min(660px,86vw);height:min(360px,54vw);animation:3.6s ease-in-out infinite glowBreath;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.gardenConstellation{background:linear-gradient(90deg,#0000,#ffd46e80,#0000);height:2px;position:absolute;top:50%;left:13%;right:13%;transform:translateY(-50%);box-shadow:0 0 24px #ffd46e33}.gardenConstellation:before,.gardenConstellation:after{content:"";background:inherit;transform-origin:50%;position:absolute;inset:0}.gardenConstellation:before{transform:rotate(12deg)}.gardenConstellation:after{transform:rotate(-10deg)}.stageIcon{z-index:2;color:#e8f3ffc7;cursor:pointer;background:0 0;border:0;justify-items:center;gap:8px;width:156px;min-height:150px;padding:10px 8px;animation:.62s both stageRise;display:grid;position:absolute}.stageIcon1{animation-delay:40ms;top:46%;left:5%}.stageIcon2{animation-delay:.12s;top:24%;left:23%}.stageIcon3{animation-delay:.2s;top:10%;left:50%;transform:translate(-50%)}.stageIcon4{animation-delay:.28s;top:24%;right:23%}.stageIcon5{animation-delay:.36s;top:46%;right:5%}.stageIcon:before{content:"";filter:blur(12px);opacity:0;background:#65e7ee14;border-radius:50%;transition:opacity .18s;position:absolute;inset:18px 24px 32px}.stageIcon:hover:before,.stageIcon.active:before{opacity:1}.stageIcon.active .worldIcon{stroke:#fff8dc;filter:drop-shadow(0 0 18px #ffd46e7a)drop-shadow(0 0 42px #65e7ee38)}.stageNumber{color:#06111e;background:var(--gold);border-radius:50%;place-items:center;width:32px;height:32px;font-size:.8rem;font-weight:900;display:grid;box-shadow:0 0 22px #ffd46e57}.stageIcon small{color:currentColor;max-width:132px;font-size:.72rem;line-height:1.18}.stageText{align-self:end;width:min(760px,100%);margin-bottom:4px;animation:.42s both textUp}.stageText span{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;font-size:.76rem;font-weight:800;display:block}.stageText h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,4vw,3.1rem);line-height:1}.stageText p{color:#e8f3ffd1;max-width:650px;margin:14px auto 0;line-height:1.62}.stageText strong{color:#ffd46edb;margin-top:14px;font-size:.9rem;display:inline-block}@keyframes slideIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes drawIcon{to{stroke-dashoffset:0}}@keyframes iconFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}@keyframes glowBreath{0%,to{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes twinkle{0%,to{opacity:.24;transform:scale(.8)}45%{opacity:1;transform:scale(1.25)}}@keyframes imageReveal{0%{opacity:0;transform:translateY(-10%)scale(.96)}to{opacity:1;transform:translateY(-18%)scale(1)}}@keyframes stageRise{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0}}@keyframes textUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.giftFrame{width:min(300px,68vw);margin-top:-42px;position:relative;top:auto;right:auto;transform:none}@keyframes imageReveal{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}}@media (max-width:760px){body{overflow:auto}.storybook{height:auto;min-height:100svh}.topBar{width:calc(100% - 28px);top:14px}.slide{grid-template-rows:auto minmax(250px,1fr) auto;min-height:100svh;padding:64px 18px 124px}.slideHeading h1{font-size:clamp(2.2rem,11vw,3.8rem)}.visualStage{width:min(360px,84vw)}.worldIcon{width:clamp(128px,40vw,180px);height:clamp(128px,40vw,180px)}.worldIcon.small{width:58px;height:58px}.promptList span{border-radius:16px;font-size:.9rem}.controls{width:calc(100% - 28px);bottom:18px}.primaryButton{width:100%}.worldGarden{min-height:500px}.stageIcon{width:120px;min-height:122px}.stageIcon1{top:44%;left:2%}.stageIcon2{top:21%;left:14%}.stageIcon3{top:4%;left:50%}.stageIcon4{top:21%;right:14%}.stageIcon5{top:44%;right:2%}.stageIcon small{font-size:.64rem}.stageText p{font-size:.94rem}}@media (max-width:460px){.slideCopy p{font-size:.96rem;line-height:1.58}.worldGarden{min-height:540px}.stageIcon{width:112px}.stageIcon1{top:48%;left:0}.stageIcon2{top:24%;left:3%}.stageIcon3{top:3%}.stageIcon4{top:24%;right:3%}.stageIcon5{top:48%;right:0}}