:root{color:#fff8e6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#190d20;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0;overflow:hidden}body{min-height:100svh}h1,p{margin:0}.storybook-site{--safe-pad:clamp(18px, 4svh, 54px);--paper:#fff5dc;--paper-deep:#ffd98d;--berry:#b83b5d;--coral:#f36f65;--gold:#f2b84b;--teal:#167372;--bg-a:#4a1634;--bg-b:#126469;--bg-c:#1a1029;--glow-a:#ffda7e57;--glow-b:#2fbca638;isolation:isolate;min-height:100svh;padding:var(--safe-pad);background:radial-gradient(circle at 20% 16%, var(--glow-a), transparent 28rem), radial-gradient(circle at 82% 74%, var(--glow-b), transparent 30rem), linear-gradient(135deg, var(--bg-a) 0%, var(--bg-b) 54%, var(--bg-c) 100%);place-items:center;transition:background .78s;display:grid;position:relative;overflow:hidden}.scene-time{--bg-a:#25335f;--bg-b:#7a3556;--bg-c:#261331;--glow-a:#ffc76859;--glow-b:#86dad633}.scene-smile{--bg-a:#742f53;--bg-b:#b85a41;--bg-c:#164c58;--glow-a:#ffd9676b;--glow-b:#69ddb933}.scene-talent{--bg-a:#20385f;--bg-b:#7a315f;--bg-c:#162c37;--glow-a:#ffbb4b57;--glow-b:#70d6c23d}.scene-thanks{--bg-a:#5b2942;--bg-b:#6c4b2a;--bg-c:#143f45;--glow-a:#ffc67e52;--glow-b:#74d9ca2e}.scene-finale{--bg-a:#4b1741;--bg-b:#8f3c57;--bg-c:#0f4b58;--glow-a:#ffdb786b;--glow-b:#57d9be3d}.storybook-site:before{content:"";z-index:-2;pointer-events:none;background-image:linear-gradient(#fff8e00e 1px,#0000 1px),linear-gradient(90deg,#fff8e00a 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 48%,#000 0%,#0000 72%);mask-image:radial-gradient(circle at 50% 48%,#000 0%,#0000 72%)}.storybook-site:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 34%,#0000 0 18rem,#11081938 42rem),linear-gradient(#0d071614,#0d071661);position:absolute;inset:0}.paper-atmosphere{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mote{aspect-ratio:1;clip-path:polygon(50% 0%,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0% 50%,39% 38%);filter:drop-shadow(0 0 12px #ffdf7c8c);opacity:.72;background:#ffdf7c;width:clamp(10px,1.5svh,18px);animation:7s ease-in-out infinite alternate moteDrift;position:absolute}.mote-one{top:20%;left:13%}.mote-two{animation-delay:-1.7s;top:16%;right:17%}.mote-three{animation-delay:-3s;bottom:18%;left:22%}.mote-four{animation-delay:-4.2s;bottom:24%;right:20%}.ribbon{opacity:.48;border:0;border-top:2px solid #ffe59e5c;border-left:2px solid #ffe59e5c;border-radius:999px 0 0;width:clamp(190px,28svh,360px);height:clamp(44px,7svh,86px);animation:10s ease-in-out infinite alternate ribbonFloat;position:absolute}.ribbon-one{top:13%;left:-8%;transform:rotate(-18deg)}.ribbon-two{animation-delay:-4s;bottom:18%;right:-7%;transform:rotate(164deg)}.gift-stage{z-index:1;width:min(100%,1120px);height:min(820px, calc(100svh - var(--safe-pad) - var(--safe-pad)));grid-template-rows:minmax(150px,.78fr) minmax(275px,1.22fr);place-items:center;gap:clamp(12px,3svh,30px);min-height:520px;display:grid;position:relative}.copy-zone{z-index:5;text-align:center;width:min(100%,820px);position:relative}.copy-hero{color:#fff8e6;text-shadow:0 4px 26px #130614a3;padding:0 clamp(8px,2svh,18px)}.copy-hero h1{letter-spacing:0;max-width:880px;margin:0 auto;font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(2.55rem,7svh,5.95rem);font-weight:700;line-height:1}.copy-hero p{color:#fff2c4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2d1222a8;border:1px solid #fff7db47;border-radius:999px;width:fit-content;max-width:min(680px,100%);margin:clamp(14px,2svh,22px) auto 0;padding:clamp(10px,1.6svh,15px) clamp(16px,3svh,28px);font-size:clamp(1rem,2svh,1.24rem);font-weight:650;line-height:1.48;box-shadow:0 16px 44px #1107182e}.copy-caption,.copy-final{background:linear-gradient(135deg, #fff9eaf5, #ffedc2f0), var(--paper);color:#351421;border:1px solid #5e2a361f;border-radius:28px 28px 34px 34px;padding:clamp(18px,3svh,30px) clamp(20px,4svh,44px);box-shadow:0 26px 70px #1208163d,inset 0 0 0 1px #ffffff70}.scene-caption{max-width:700px;margin:0 auto;font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(1.08rem,2.45svh,1.45rem);font-weight:650;line-height:1.62}.final-message{max-width:780px;margin:0 auto;font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(1.28rem,3.5svh,2.55rem);font-weight:700;line-height:1.28}.storybook{z-index:3;cursor:pointer;width:min(96vw,clamp(285px,88svh,720px));height:clamp(255px,43svh,430px);transform-style:preserve-3d;outline:none;animation:5.6s ease-in-out infinite bookBreath;position:relative}.storybook:focus-visible{outline-offset:10px;border-radius:32px;outline:3px solid #ffe28a}.storybook:active .book-pages{translate:0 4px}.storybook:hover .book-pages,.storybook:focus-visible .book-pages{translate:0 -6px}.storybook:hover .page-right b,.storybook:focus-visible .page-right b{opacity:1;transform:rotateY(-26deg)translate(-8px)}.book-shadow{filter:blur(4px);background:radial-gradient(#1006126b,#0000 68%);border-radius:50%;height:20%;position:absolute;bottom:2%;left:11%;right:11%}.book-glow{filter:blur(14px);background:radial-gradient(#ffe08975,#0000 70%);border-radius:50%;height:34%;animation:4.8s ease-in-out infinite glowPulse;position:absolute;bottom:17%;left:18%;right:18%}.book-pages{z-index:2;width:100%;height:54%;transform-style:preserve-3d;perspective:1100px;transition:translate .36s;display:flex;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.page{background:linear-gradient(135deg,#ffffffa3,#0000 36%),linear-gradient(#fff7df 0%,#ffe7ad 100%);width:50%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #60323024,0 24px 46px #1c0a1838}.page-left{transform-origin:100% 54%;border-radius:28px 9px 20px 30px;transform:rotateX(9deg)rotateY(9deg)skewY(-2deg)}.page-right{transform-origin:0 54%;border-radius:9px 28px 30px 20px;transform:rotateX(9deg)rotateY(-9deg)skewY(2deg)}.page i{opacity:.22;background:linear-gradient(#b96c56 0 0) 0 16%/78% 2px no-repeat,linear-gradient(#b96c56 0 0) 0 42%/62% 2px no-repeat,linear-gradient(#b96c56 0 0) 0 68%/70% 2px no-repeat;position:absolute;inset:16% 13% 20%}.page-right i{background:linear-gradient(#b96c56 0 0) 100% 18%/68% 2px no-repeat,linear-gradient(#b96c56 0 0) 100% 44%/78% 2px no-repeat,linear-gradient(#b96c56 0 0) 100% 70%/56% 2px no-repeat;inset:18% 16% 20%}.page-right b{opacity:.7;transform-origin:100% 0;background:linear-gradient(135deg,#ffffffd1,#ffd890d9);border-radius:0 28px 0 80%;width:27%;height:44%;transition:opacity .3s,transform .36s;position:absolute;top:0;right:0;box-shadow:-12px 14px 24px #733c352e}.book-spine{z-index:4;background:linear-gradient(#aa3a55,#6f2645);border-radius:999px;width:clamp(10px,1.7svh,18px);position:absolute;top:7%;bottom:6%;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #44152329,0 10px 24px #561d3357}.popup-scene{z-index:4;pointer-events:none;transform-origin:50% 100%;place-items:end center;width:min(88%,620px);height:78%;display:grid;position:absolute;bottom:20%;left:50%}.hero-pop,.time-pop,.sun-pop,.talent-pop,.thanks-pop,.finale-pop{width:100%;height:100%;position:relative}.fold-heart{aspect-ratio:1;background:#f05f83;border-radius:16% 16% 10%;width:clamp(52px,9svh,92px);animation:4.2s ease-in-out infinite heartBob;position:absolute;transform:rotate(45deg);box-shadow:0 16px 34px #7f1e3e47}.fold-heart:before,.fold-heart:after{content:"";aspect-ratio:1;background:inherit;border-radius:50%;width:100%;position:absolute}.fold-heart:before{left:-50%}.fold-heart:after{top:-50%}.heart-one{bottom:29%;left:42%}.heart-two{background:#ffd36d;width:clamp(34px,6svh,62px);animation-delay:-1.1s;bottom:42%;left:25%}.heart-three{background:#53cab8;width:clamp(38px,6.8svh,70px);animation-delay:-2.2s;bottom:48%;right:22%}.paper-star,.talent-star{aspect-ratio:1;clip-path:polygon(50% 0%,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0% 50%,39% 38%);filter:drop-shadow(0 0 12px #ffdf7899);background:#ffdf78;width:clamp(18px,3svh,34px);animation:2.8s ease-in-out infinite twinkle;position:absolute}.star-one{bottom:67%;left:18%}.star-two{animation-delay:-.8s;bottom:70%;right:17%}.star-three{animation-delay:-1.7s;bottom:83%;left:61%}.cover-ribbon{opacity:.86;border:4px solid #ffe289eb;border-top:0;border-radius:0 0 999px 999px;width:29%;height:20%;position:absolute;bottom:18%}.cover-ribbon-left{left:20%;transform:rotate(10deg)}.cover-ribbon-right{right:20%;transform:rotate(-10deg)}.memory-light{aspect-ratio:1;clip-path:polygon(50% 0%,64% 35%,100% 50%,64% 65%,50% 100%,36% 65%,0% 50%,36% 35%);filter:drop-shadow(0 0 14px #ffe08aa3);background:#ffe08a;width:clamp(18px,3svh,32px);animation:5s ease-in-out infinite alternate memoryFloat;position:absolute}.light-one{bottom:54%;left:24%}.light-two{animation-delay:-1.4s;bottom:64%;right:23%}.light-three{animation-delay:-2.8s;bottom:80%;left:59%}.watch-chain{border:clamp(3px,.7svh,6px) dotted #ffde8de0;border-bottom:0;border-radius:999px 999px 0 0;width:clamp(90px,15svh,155px);height:clamp(38px,7svh,76px);position:absolute;bottom:68%;left:50%;transform:translate(-50%)}.watch{aspect-ratio:1;background:radial-gradient(circle at 50% 50%, #ffffffe6 0 6%, transparent 7%), conic-gradient(from 0deg, #97464138 0 5deg, transparent 5deg 30deg), #fff4d8;border:clamp(8px,1.4svh,13px) solid #f1bf56;border-radius:50%;width:clamp(124px,23svh,216px);animation:4.8s ease-in-out infinite alternate watchRise;position:absolute;bottom:22%;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #1e0c1847,inset 0 0 0 2px #7a432e24}.watch:before{content:"";border:clamp(5px,.9svh,8px) solid #f1bf56;border-bottom:0;border-radius:999px 999px 0 0;width:24%;height:18%;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.watch-hand{transform-origin:50% 100%;border-radius:999px;width:clamp(3px,.7svh,5px);position:absolute;bottom:50%;left:50%}.watch-hour{background:#5a2433;height:28%;animation:18s linear infinite handSweep}.watch-minute{background:#c55458;height:40%;animation:9s linear infinite handSweep}.watch-pin{aspect-ratio:1;background:#5a2433;border-radius:50%;width:11%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sun-pop{--sun-radius:clamp(72px, 15svh, 132px);--sun-radius-neg:clamp(-132px, -15svh, -72px)}.sun-ray{left:50%;bottom:calc(31% + var(--sun-radius));width:clamp(15px,2.8svh,28px);height:clamp(56px,10svh,98px);transform:translate(-50%, 50%) rotate(var(--ray-rotate)) translateY(var(--sun-radius-neg));transform-origin:50% 100%;animation:3.6s ease-in-out infinite rayPulse;animation-delay:var(--ray-delay);background:linear-gradient(#ffe083,#f7a94d);border-radius:999px;position:absolute;box-shadow:0 0 18px #ffd56757}.sun-face{aspect-ratio:1;background:radial-gradient(circle at 34% 34%,#ffffffa6,#0000 18%),linear-gradient(145deg,#ffe37f,#f6a94b);border-radius:50%;width:clamp(120px,23svh,205px);animation:4.8s ease-in-out infinite sunPulse;position:absolute;bottom:26%;left:50%;transform:translate(-50%);box-shadow:0 22px 52px #53271d47,0 0 48px #ffd1635c}.sun-eye{aspect-ratio:1;background:#552437;border-radius:50%;width:10%;position:absolute;top:40%}.sun-eye-left{left:34%}.sun-eye-right{right:34%}.sun-smile{border-bottom:clamp(4px,.8svh,7px) solid #552437;border-radius:0 0 999px 999px;width:34%;height:19%;position:absolute;top:52%;left:50%;transform:translate(-50%)}.page-flower{aspect-ratio:1;background:radial-gradient(circle,#744030 0 16%,#0000 17%),radial-gradient(circle at 50% 16%,#ff8796 0 18%,#0000 19%),radial-gradient(circle at 84%,#ff8796 0 18%,#0000 19%),radial-gradient(circle at 50% 84%,#ff8796 0 18%,#0000 19%),radial-gradient(circle at 16%,#ff8796 0 18%,#0000 19%);border-radius:50%;width:clamp(34px,6svh,62px);animation:4.5s ease-in-out infinite alternate flowerSway;position:absolute;bottom:17%}.flower-one{left:20%}.flower-two{animation-delay:-1.5s;right:20%}.flower-three{width:clamp(28px,5svh,52px);animation-delay:-2.7s;bottom:12%;left:62%}.gold-thread{filter:drop-shadow(0 0 12px #f2b84b70);border-top:clamp(4px,.8svh,7px) solid #f2b84b;border-radius:50% 50% 0 0;height:clamp(70px,13svh,124px);animation:4.2s ease-in-out infinite alternate threadWave;position:absolute;bottom:50%;left:19%;right:16%;transform:rotate(-6deg)}.palette{aspect-ratio:1.28;background:radial-gradient(circle at 32% 36%,#0000 0 13%,#fff0cf 14% 100%);border-radius:54% 45% 50% 44%;width:clamp(128px,23svh,220px);animation:5s ease-in-out infinite alternate paletteLift;position:absolute;bottom:25%;left:27%;transform:rotate(-9deg);box-shadow:0 22px 46px #19091742,inset 0 0 0 2px #6f372a29}.swatch{aspect-ratio:1;border-radius:50%;width:17%;position:absolute}.swatch-coral{background:#f36f65;top:25%;left:53%}.swatch-teal{background:#167372;top:47%;left:67%}.swatch-gold{background:#f2b84b;top:60%;left:39%}.swatch-berry{background:#b83b5d;top:37%;left:24%}.brush{background:linear-gradient(#7b3f2e 0 70%,#2d5d63 71% 100%);border-radius:999px;width:clamp(22px,4svh,36px);height:clamp(170px,29svh,285px);animation:4.4s ease-in-out infinite alternate brushTilt;position:absolute;bottom:28%;right:25%;transform:rotate(36deg);box-shadow:0 18px 38px #1b0b193d}.brush i{background:linear-gradient(#443140,#f36f65);border-radius:60% 60% 48% 48%;width:170%;height:24%;position:absolute;top:-18%;left:50%;transform:translate(-50%)}.talent-star-one{bottom:72%;left:20%}.talent-star-two{background:#65d2bf;animation-delay:-1.2s;bottom:68%;right:19%}.heart-garland{border-top:3px solid #ffdf93db;border-radius:50%;width:min(66%,380px);height:clamp(58px,10svh,102px);animation:4.8s ease-in-out infinite alternate garlandSwing;position:absolute;bottom:68%;left:50%;transform:translate(-50%)}.heart-garland i{top:var(--heart-top);left:var(--heart-left);aspect-ratio:1;background:#f36f65;border-radius:18% 18% 10%;width:clamp(18px,3.4svh,32px);position:absolute;transform:rotate(45deg);box-shadow:0 10px 22px #5a1c2c38}.heart-garland i:before,.heart-garland i:after{content:"";aspect-ratio:1;background:inherit;border-radius:50%;width:100%;position:absolute}.heart-garland i:before{left:-50%}.heart-garland i:after{top:-50%}.tea-cup{background:linear-gradient(#fff4df,#ffc886);border-radius:16px 16px 44px 44px;width:clamp(98px,17svh,160px);height:clamp(74px,12svh,118px);position:absolute;bottom:23%;box-shadow:0 18px 42px #200c1a38,inset 0 -10px #9b4e3a1f}.tea-cup:after{content:"";border:clamp(7px,1.2svh,11px) solid #ffe0a5;border-left:0;border-radius:0 999px 999px 0;width:40%;height:44%;position:absolute;top:24%;right:-22%}.cup-left{left:25%;transform:rotate(-4deg)}.cup-right{right:25%;transform:rotate(5deg)}.steam{border-left:3px solid #fff3dad1;border-radius:50%;width:clamp(20px,3.6svh,34px);height:clamp(56px,9svh,88px);animation:3s ease-in-out infinite steamCurl;position:absolute;bottom:96%}.steam-one,.steam-three{left:33%}.steam-two,.steam-four{animation-delay:-1.1s;left:55%}.note-slip{background:#fff0c9;border-radius:12px;width:clamp(58px,10svh,96px);height:clamp(42px,7svh,70px);position:absolute;bottom:18%;box-shadow:0 16px 30px #200c1a2e}.note-slip:before,.note-slip:after{content:"";background:#80483a3d;height:2px;position:absolute;left:18%;right:18%}.note-slip:before{top:34%}.note-slip:after{top:58%}.note-one{left:13%;transform:rotate(-12deg)}.note-two{right:13%;transform:rotate(11deg)}.confetti{left:var(--confetti-left);top:var(--confetti-top);width:clamp(8px,1.5svh,14px);height:clamp(18px,3svh,28px);transform:rotate(var(--confetti-rotate));animation:4.8s ease-in-out infinite confettiFall;animation-delay:var(--confetti-delay);background:#ffdc72;border-radius:3px;position:absolute}.confetti:nth-child(3n){background:#65d2bf}.confetti:nth-child(3n+1){background:#f36f65}.cake{width:clamp(170px,30svh,285px);height:clamp(150px,26svh,250px);animation:5.2s ease-in-out infinite alternate cakeBloom;position:absolute;bottom:19%;left:50%;transform:translate(-50%)}.cake i,.candle{position:absolute;left:50%;transform:translate(-50%)}.cake-bottom{background:linear-gradient(#f36f65,#b83b5d);border-radius:22px 22px 38px 38px;width:100%;height:36%;bottom:0;box-shadow:0 22px 48px #220c1a42}.cake-middle{background:linear-gradient(#ffe4a8,#f2b84b);border-radius:20px 20px 30px 30px;width:82%;height:30%;bottom:29%}.cake-top{background:linear-gradient(#fff4df,#ffd28b);border-radius:18px 18px 26px 26px;width:58%;height:26%;bottom:54%}.candle{background:linear-gradient(90deg,#0000 0 32%,#ffffff52 33% 50%,#0000 51% 100%),#65d2bf;border-radius:999px;width:clamp(16px,2.8svh,26px);height:clamp(54px,9svh,86px);bottom:78%}.candle em{aspect-ratio:.72;filter:drop-shadow(0 0 18px #ffd25be6);background:linear-gradient(#fff4b8,#ff9c4f 72%,#e95e5f);border-radius:50% 50% 48% 48%;width:clamp(22px,4svh,36px);animation:.92s ease-in-out infinite alternate flameFlicker;position:absolute;bottom:88%;left:50%;transform:translate(-50%)}.flower-burst{aspect-ratio:1;background:radial-gradient(circle,#ffe087 0 13%,#0000 14%),radial-gradient(circle at 50% 14%,#f36f65 0 17%,#0000 18%),radial-gradient(circle at 86%,#65d2bf 0 17%,#0000 18%),radial-gradient(circle at 50% 86%,#f36f65 0 17%,#0000 18%),radial-gradient(circle at 14%,#65d2bf 0 17%,#0000 18%);border-radius:50%;width:clamp(56px,10svh,96px);animation:3.8s ease-in-out infinite alternate bloomPulse;position:absolute;bottom:27%}.burst-one{left:18%}.burst-two{animation-delay:-1.4s;right:18%}@keyframes moteDrift{0%{translate:0;rotate:0deg}to{translate:12px -18px;rotate:18deg}}@keyframes ribbonFloat{0%{translate:0}to{translate:18px 12px}}@keyframes bookBreath{0%,to{filter:drop-shadow(0 24px 38px #14081833)}50%{filter:drop-shadow(0 32px 52px #14081847)}}@keyframes glowPulse{0%,to{opacity:.62;scale:.96}50%{opacity:1;scale:1.05}}@keyframes heartBob{0%{translate:0}to{translate:0 -16px}}@keyframes twinkle{0%,to{opacity:.42;scale:.78}50%{opacity:1;scale:1.08}}@keyframes memoryFloat{0%{translate:-8px 8px;rotate:-8deg}to{translate:12px -16px;rotate:14deg}}@keyframes watchRise{0%{translate:0}to{translate:0 -10px}}@keyframes handSweep{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(360deg)}}@keyframes rayPulse{0%,to{opacity:.68;scale:.94}50%{opacity:1;scale:1.06}}@keyframes sunPulse{0%,to{scale:.98}50%{scale:1.03}}@keyframes flowerSway{0%{rotate:-5deg}to{rotate:7deg}}@keyframes threadWave{0%{transform:rotate(-6deg)translateY(0)}to{transform:rotate(-2deg)translateY(-12px)}}@keyframes paletteLift{0%{translate:0}to{translate:0 -10px}}@keyframes brushTilt{0%{rotate:0deg}to{rotate:5deg}}@keyframes garlandSwing{0%{transform:translate(-50%)rotate(-2deg)}to{transform:translate(-50%)rotate(2deg)}}@keyframes steamCurl{0%{opacity:0;transform:translateY(10px)scale(.86)rotate(-8deg)}45%{opacity:.78}to{opacity:0;transform:translateY(-26px)scale(1.08)rotate(10deg)}}@keyframes confettiFall{0%,to{opacity:.3;translate:0 -12px}50%{opacity:1;translate:0 18px}}@keyframes cakeBloom{0%{translate:0}to{translate:0 -8px}}@keyframes flameFlicker{0%{transform:translate(-50%)rotate(-5deg)scale(.92)}to{transform:translate(-50%)rotate(4deg)scale(1.08)}}@keyframes bloomPulse{0%{rotate:-4deg;scale:.92}to{rotate:5deg;scale:1.05}}@media (width<=720px){.storybook-site{--safe-pad:clamp(14px, 3.4svh, 24px)}.gift-stage{grid-template-rows:minmax(172px,.88fr) minmax(250px,1.12fr);gap:clamp(8px,1.8svh,18px);min-height:0}.copy-zone{width:min(100%,680px)}.copy-hero h1{font-size:clamp(2.18rem,6.6svh,3.9rem)}.copy-hero p{border-radius:24px;width:min(100%,620px);font-size:1rem}.copy-caption,.copy-final{border-radius:24px;padding:clamp(16px,2.7svh,24px) clamp(16px,3svh,26px)}.scene-caption{font-size:clamp(1.02rem,2.3svh,1.22rem);line-height:1.58}.final-message{font-size:clamp(1.14rem,3svh,1.72rem);line-height:1.34}.storybook{width:min(94vw,520px);height:clamp(245px,42svh,350px)}.popup-scene{width:96%;height:82%;bottom:18%}.cup-left{left:18%}.cup-right{right:18%}}@media (width<=430px){.gift-stage{grid-template-rows:minmax(176px,.92fr) minmax(238px,1.08fr)}.copy-hero h1{font-size:clamp(2rem,6svh,3.2rem)}.copy-hero p{padding-inline:14px}.heart-one{left:39%}.heart-two{left:17%}.heart-three{right:14%}.palette{left:19%}.brush{right:17%}.note-one{left:7%}.note-two{right:7%}.burst-one{left:10%}.burst-two{right:10%}}@media (height<=620px){.storybook-site{--safe-pad:12px}.gift-stage{min-height:0;height:calc(100svh - var(--safe-pad) - var(--safe-pad));grid-template-rows:minmax(118px,.72fr) minmax(218px,1.28fr);gap:8px}.copy-hero h1{font-size:clamp(1.9rem,8svh,3.2rem)}.copy-hero p{margin-top:8px;padding-block:8px}.copy-caption,.copy-final{padding-block:14px}.scene-caption{font-size:1rem}.final-message{font-size:clamp(1.08rem,4svh,1.55rem)}.storybook{height:clamp(210px,43svh,300px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}