@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;700&family=Manrope:wght@400;500&family=Nanum+Pen+Script&family=Great+Vibes&display=swap";:root{--bg-night: #0f0906;--paper-ink: #3f2b17;--warm-glow: rgba(255, 200, 100, .12)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;background:var(--bg-night)}body{color:#f0ddbf;font-family:Cormorant Garamond,Georgia,serif}body.sunflower-cursor-enabled,body.sunflower-cursor-enabled *{cursor:none!important}.app-shell{width:100%;height:100%;background:radial-gradient(circle at top,#2f1c12 0%,var(--bg-night) 72%)}.experience-root{width:100%;height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}.experience-root::-webkit-scrollbar{display:none}.hold-active{filter:saturate(.96)}.intro-gate,.cinematic-slide{position:relative;width:100%;min-height:100dvh;scroll-snap-align:start;overflow:hidden}.intro-gate{display:grid;place-items:center;background:#08060a}.intro-photo-layer,.intro-night-layer,.intro-day-layer,.intro-vignette,.slide-vignette,.slide-grade,.film-grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.intro-photo-layer{background-size:cover;background-position:center;transform:scale(1.04)}.intro-night-layer{background:radial-gradient(circle at 78% 14%,#96addc33,#0d0b13f2 54%),linear-gradient(150deg,#0f162cc7,#070508fa)}.intro-day-layer{background:radial-gradient(circle at 18% 20%,rgba(255,224,150,.84),rgba(244,182,83,.28) 44%,transparent 58%),linear-gradient(150deg,#e8b05670,#784821a3)}.intro-vignette{background:radial-gradient(circle at center,transparent 42%,rgba(5,3,2,.64) 100%)}.pollen-particle{position:absolute;bottom:-4vh;width:clamp(4px,.7vw,7px);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,#f8d47ce6,#f5b34e4d);filter:blur(.2px)}.intro-orbit-shell{position:absolute;top:max(4vh,26px);left:50%;transform:translate(-50%);height:190px;pointer-events:none}.moon-sun-orb{position:absolute;left:0;top:50px;width:clamp(108px,12vw,162px);aspect-ratio:1;border-radius:50%;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#fffaebeb,#23233880);box-shadow:0 24px 52px #0f0c0870,inset 0 0 24px #fff6d029}.orb-halo{position:absolute;top:-24%;right:-24%;bottom:-24%;left:-24%;border-radius:50%;background:radial-gradient(circle,#ffdb928a,#ffdb9203 70%)}.moon-sun-icon-wrap{width:62%;height:62%;z-index:1}.intro-sunflower-anchor{position:absolute;left:50%;bottom:clamp(-78px,-8vh,-36px);transform:translate(-50%);pointer-events:none;z-index:2}.intro-sunflower-head-wrap{position:relative;width:clamp(250px,34vw,390px);aspect-ratio:1;transform-origin:50% 86%}.intro-sunflower-head{width:100%;height:100%;object-fit:cover;object-position:center 35%;mask-image:radial-gradient(circle at 50% 38%,#000 48%,#0000 80%);-webkit-mask-image:radial-gradient(circle at 50% 38%,black 48%,rgba(0,0,0,0) 80%);pointer-events:none;mix-blend-mode:normal;transform:translateZ(0)}.intro-thought-cloud{position:absolute;top:clamp(56%,59vh,70%);left:clamp(18px,18vw,240px);width:min(76vw,480px);padding:clamp(14px,1.9vw,20px) clamp(16px,2vw,24px);border-radius:999px;background:radial-gradient(circle at 28% 26%,#fffcf1f0,#f5dfb1e0),linear-gradient(150deg,#fffae7d6,#eac683b3);box-shadow:0 16px 30px #1d110747,inset 0 0 22px #fffbeda6;border:1px solid rgba(255,240,203,.78);z-index:2}.intro-thought-cloud p{margin:0;text-align:center;font-family:Manrope,sans-serif;letter-spacing:.045em;text-transform:lowercase;font-size:clamp(.72rem,1.8vw,.94rem);color:#563515e0}.thought-tail{position:absolute;border-radius:999px;background:linear-gradient(150deg,#fffcf1eb,#ebc989c2);border:1px solid rgba(255,240,203,.8)}.thought-tail-1{width:20px;height:20px;left:72%;top:calc(100% + 4px)}.thought-tail-2{width:14px;height:14px;left:78%;top:calc(100% + 24px)}.thought-tail-3{width:9px;height:9px;left:82%;top:calc(100% + 40px)}.slide-media{position:absolute;top:-3%;right:-3%;bottom:-3%;left:-3%}.slide-image,.slide-video{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.06) brightness(.9)}.slide-grade{mix-blend-mode:multiply}.slide-vignette{background:radial-gradient(circle at center,#fff0 34%,#080604d6 98%)}.film-grain{opacity:.22;mix-blend-mode:soft-light;background-image:radial-gradient(circle at 15% 22%,rgba(255,255,255,.3),transparent 24%),radial-gradient(circle at 74% 66%,rgba(255,220,181,.2),transparent 28%),repeating-radial-gradient(circle at center,rgba(255,255,255,.06) 0 1px,transparent 1px 3px);background-size:cover,cover,220px 220px}.face-overlay{position:absolute;aspect-ratio:1;object-fit:cover;border-radius:44% 58% 47% 54%;mix-blend-mode:soft-light;filter:sepia(.24) saturate(.78) contrast(1.08) brightness(.9) blur(.15px);-webkit-mask-image:radial-gradient(circle at center,black 58%,transparent 100%);mask-image:radial-gradient(circle at center,black 58%,transparent 100%);box-shadow:0 0 34px #1d0f0733;pointer-events:none}.slide-counter{position:absolute;top:max(2.4vh,16px);right:max(2.4vw,16px);font-family:Manrope,sans-serif;font-size:clamp(.6rem,1.1vw,.78rem);letter-spacing:.16em;text-transform:lowercase;color:#f8e4be80;pointer-events:none;z-index:3}.slide-content{position:absolute;inset:auto 0 7vh;display:grid;justify-items:center;gap:.5rem;padding:0 18px}.beat-label{margin:0;font-family:Manrope,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:clamp(.62rem,1.2vw,.8rem);color:#fbe7bfa3}.poem-wrap{width:min(92vw,580px);perspective:1500px}.paper-stage{position:relative;width:100%;min-height:clamp(240px,38vh,350px);display:grid;place-items:center;cursor:pointer;background:transparent}.paper-crumple{position:absolute;width:clamp(110px,18vw,150px);aspect-ratio:1;border-radius:50%;box-shadow:0 24px 34px #0a06027a,inset 0 0 35px #67431738;animation:paper-breathe 3s ease-in-out infinite}@keyframes paper-breathe{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.03) rotate(-1.5deg)}}.web-paper-shell{width:100%;min-height:clamp(240px,38vh,350px);opacity:0;transform:scale(.3) rotate(-18deg);transform-origin:center}.web-paper-visible{opacity:1;transform:scale(1) rotate(0);transition:opacity .4s ease,transform .45s ease}.web-paper{position:relative;width:100%;min-height:clamp(240px,38vh,350px);transform-style:preserve-3d;border-radius:clamp(16px,2vw,24px)}.web-fold,.web-next-fold{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.web-fold{transform-origin:top center;transition:transform .75s cubic-bezier(.2,.7,.2,1);background:linear-gradient(160deg,#fffbeeeb,#ecd9b3de),repeating-linear-gradient(26deg,rgba(102,71,37,calc(var(--paper-crinkle) * .1)) 0px,transparent 4px,transparent 15px);border-radius:clamp(16px,2vw,24px);box-shadow:0 34px 48px rgba(14,8,4,calc(.24 + var(--paper-crinkle) * .34)),inset 0 0 40px rgba(193,141,67,calc(var(--paper-crinkle) * .18))}.fold-00{transform-origin:center bottom}[data-step="0"] .fold-00{transform:rotateX(-172deg)}[data-step="0"] .fold-01,[data-step="0"] .fold-02,[data-step="0"] .fold-03{transform:rotateX(170deg)}[data-step="1"] .fold-00{transform:rotateX(-22deg)}[data-step="1"] .fold-01,[data-step="1"] .fold-02,[data-step="1"] .fold-03{transform:rotateX(162deg)}[data-step="2"] .fold-00,[data-step="2"] .fold-01{transform:rotateX(-16deg)}[data-step="2"] .fold-02,[data-step="2"] .fold-03{transform:rotateX(156deg)}[data-step="3"] .fold-00,[data-step="3"] .fold-01,[data-step="3"] .fold-02{transform:rotateX(-10deg)}[data-step="3"] .fold-03{transform:rotateX(150deg)}[data-step="4"] .fold-00,[data-step="4"] .fold-01,[data-step="4"] .fold-02,[data-step="4"] .fold-03{transform:rotateX(0)}.paper-final-content{position:absolute;top:0;right:0;bottom:0;left:0;padding:clamp(20px,3vw,34px);border-radius:clamp(16px,2vw,24px);background:linear-gradient(135deg,rgba(255,250,236,calc(.96 - var(--paper-crinkle) * .08)),rgba(245,230,198,calc(.88 - var(--paper-crinkle) * .18))),repeating-linear-gradient(-33deg,rgba(255,255,255,calc(var(--paper-crinkle) * .2)) 0px,transparent 2px,transparent 11px)}.paper-title{margin:0;font-family:Nanum Pen Script,cursive;font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:.02em;color:#412a13e0}.paper-hint{position:absolute;bottom:10%;left:50%;transform:translate(-50%);margin:0;font-family:Manrope,sans-serif;letter-spacing:.06em;font-size:.69rem;text-transform:uppercase;color:#492e129e;animation:hint-pulse 2.4s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:.62}50%{opacity:.88}}.paper-lines{margin-top:.7rem;display:grid;gap:.65rem;position:relative;z-index:2}.paper-lines p{margin:0;font-size:clamp(1.02rem,2.1vw,1.36rem);line-height:1.42;color:#2f1e0deb}.floating-heart{position:absolute;bottom:-6vh;pointer-events:none;color:#dc484899;filter:blur(.3px);z-index:1}.floating-emoji{position:absolute;bottom:-6vh;pointer-events:none;filter:blur(.25px);z-index:1;line-height:1}.cinematic-slide-finale{background:radial-gradient(ellipse at center,#26120ae6,#0c0604fa)}.valentine-finale{position:absolute;top:max(4vh,28px);left:50%;transform:translate(-50%);text-align:center;z-index:4;pointer-events:none}.finale-heart{display:inline-block;font-size:clamp(1.6rem,3.5vw,2.4rem);color:#dc4848d9;animation:heartbeat 1.6s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(200,50,50,.3))}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.16)}28%{transform:scale(1)}42%{transform:scale(1.1)}56%{transform:scale(1)}}.finale-text{margin:.4rem 0 0;font-family:Great Vibes,cursive;font-size:clamp(1.8rem,4.5vw,3.2rem);color:#ffdcaaeb;text-shadow:0 4px 18px rgba(200,130,50,.3);letter-spacing:.02em}.finale-subtext{margin:.3rem 0 0;font-family:Manrope,sans-serif;font-size:clamp(.68rem,1.4vw,.88rem);letter-spacing:.08em;text-transform:lowercase;color:#f8dcb299}.fancy-cursor-outer,.fancy-cursor-inner{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;opacity:0;transform:translate(-50%,-50%)}.fancy-cursor-outer{width:22px;height:22px;margin-left:-11px;margin-top:-11px;border-radius:999px;border:1.8px solid rgba(255,215,120,.9);box-shadow:0 0 14px #ffcf6757}.fancy-cursor-inner{width:7px;height:7px;margin-left:-3.5px;margin-top:-3.5px;border-radius:999px;background:radial-gradient(circle,#ffefb5,#ffc055fa);box-shadow:0 0 12px #ffc457b3}.cursor-visible{opacity:1}@media (max-width: 780px){.slide-content{inset:auto 0 5.2vh}.paper-stage,.web-paper-shell,.web-paper{min-height:clamp(230px,42vh,320px)}.face-overlay{filter:sepia(.2) saturate(.75) contrast(1.04) brightness(.9)}.intro-orbit-shell{top:2vh;width:92vw!important}.intro-sunflower-head-wrap{width:clamp(230px,60vw,340px)}.intro-sunflower-anchor{bottom:clamp(-70px,-8vh,-34px)}.intro-thought-cloud{left:50%;top:72%;width:min(90vw,560px);transform:translate(-50%);border-radius:24px;padding:12px 14px}.thought-tail-1{left:54%;top:calc(100% + 3px)}.thought-tail-2{left:58%;top:calc(100% + 22px)}.thought-tail-3{left:61%;top:calc(100% + 37px)}.valentine-finale{top:max(2.5vh,18px)}.finale-text{font-size:clamp(1.5rem,6vw,2.4rem)}.slide-counter{top:max(1.8vh,12px);right:max(3vw,12px)}}