@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/nunito.88985ca614d5.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/nunito.63b14e3ef096.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/nunito.61e5958cf3c7.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/nunito.2c8d79286981.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/nunito.ba344451eab2.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid}h1,h2,p{margin:0}button{padding:0;background-color:transparent}svg{display:block;vertical-align:middle}:root{--ink:#030c09;--forest:#061b13;--jade:#123b28;--mint:#a5ffb9;--green:#63eda0;--pale:#edfff2;--muted:#a5bfae;--pink:#f2a7ba;--gold:#e7d18b}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--pale);font-family:Nunito,sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--mint);outline-offset:6px}button:disabled{cursor:default;opacity:.4}button,svg{-webkit-tap-highlight-color:transparent}button svg{display:block}button{touch-action:manipulation}[hidden]{display:none!important}.back[hidden]{display:flex!important;visibility:hidden}.experience{height:100svh;min-height:600px;display:grid;grid-template-rows:82px 1fr 122px;position:relative;isolation:isolate;overflow:hidden;background:var(--ink)}.atmosphere{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 42%,#123b284d,transparent 57%);transition:background 1s}.experience[data-beat="1"] .atmosphere{background:radial-gradient(ellipse at 50% 40%,#123b287a,transparent 58%),radial-gradient(ellipse at 85% 80%,#f2a7ba0a,transparent 40%)}.experience[data-beat="3"] .atmosphere{background:radial-gradient(ellipse at 75% 20%,#e7d18b13,transparent 40%),radial-gradient(ellipse at 50% 60%,#123b2880,transparent 65%)}.experience[data-beat="4"] .atmosphere{background:radial-gradient(ellipse at 50% 90%,#32c88027,transparent 65%)}.scenic,.particles{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.scene-art{position:absolute;inset:0;animation:sceneIn 1.2s both}.scene-art>svg{width:100%;height:100%}.scene-old{animation:sceneOut .65s both}.mist{position:absolute;width:75%;height:35%;left:12%;bottom:-16%;border-radius:50%;background:#32c880;filter:blur(90px);opacity:.07}.topbar{display:flex;justify-content:space-between;align-items:center;padding:0 4vw;gap:20px;position:relative;z-index:5}.identity{display:flex;align-items:center;gap:10px;color:#c2ddc9;font-size:11px;letter-spacing:2px}.identity svg{color:var(--green);width:23px;height:23px}.date{font-size:10px;letter-spacing:2px;color:#8da798}.date strong{color:#d4e9d9;font-size:12px;margin-right:12px;font-weight:600}.stage{position:relative;min-height:0;margin:0 auto;width:100%;max-width:1150px}.face{position:absolute;left:50%;top:8%;width:min(510px,85vw);padding:0;border:0;background:transparent;transform:translate(-50%);transition:width .8s,top .8s,opacity .5s;z-index:3;filter:drop-shadow(0 0 16px #32c88033)}.face>svg{width:100%;height:auto;overflow:visible}.eye-light{filter:url(#softglow)}.eye-pose{transform-box:fill-box;transform-origin:center;transition:transform .65s cubic-bezier(.22,1,.36,1)}.eye-blink{transform-box:fill-box;transform-origin:center}.blushing{opacity:0;transition:opacity .65s}.mouth{transition:d .5s;filter:drop-shadow(0 0 5px #a5ffb960)}.dialogue{position:absolute;left:5%;width:90%;top:65%;text-align:center;z-index:4;transition:opacity .5s,top .7s}.chapter{display:block;color:#80ae94;font-size:10px;font-weight:700;letter-spacing:3px;margin-bottom:15px;text-transform:uppercase}.dialogue h1{font-size:clamp(25px,3vw,39px);font-weight:600;line-height:1.3;letter-spacing:-.5px;margin:0 0 12px;text-wrap:balance}.dialogue p{font-size:16px;line-height:1.6;color:#a5bfae;margin:0;text-wrap:balance}.copy-enter{animation:copyIn .7s both}.copy-enter p{animation:copyIn .8s .1s both}.footer{position:relative;z-index:6;display:flex;align-items:center;flex-direction:column;gap:24px;padding:0 18px max(22px,env(safe-area-inset-bottom))}.next{border:1px solid #a5ffb93b;border-radius:32px;background:#123b2855;display:flex;align-items:center;justify-content:center;gap:15px;min-height:47px;padding:11px 28px;font-size:14px;font-weight:700;box-shadow:inset 0 1px #a5ffb914;transition:background .25s,transform .25s,border .25s}.next:hover{background:#123b28bd;border-color:#a5ffb98c;transform:translateY(-2px)}.next:active{transform:scale(.97)}.next svg{width:16px;height:16px;color:var(--mint)}.progress{display:flex;gap:1px;height:20px;align-items:center}.progress button{width:27px;height:28px;border:0;background:transparent;display:grid;place-items:center;padding:0}.progress span{width:4px;height:4px;background:#a5bfae42;border-radius:5px;transition:width .45s,background .45s}.progress button[aria-current=step] span{width:22px;background:var(--green);box-shadow:0 0 9px #63eda044}.progress button.past span{background:#63eda08a}.side-controls{position:absolute;left:4vw;right:4vw;bottom:29px;display:flex;justify-content:space-between;pointer-events:none;z-index:7}.quiet{background:transparent;border:0;min-height:44px;min-width:44px;display:flex;align-items:center;gap:8px;color:#9bb5a5;font-size:11px;padding:8px;pointer-events:auto;transition:color .2s}.quiet:hover{color:var(--mint)}.quiet svg{width:16px;height:16px}.back[hidden]{visibility:hidden;display:flex}.side-right{display:flex;gap:8px;pointer-events:auto}.gesture-hint{position:absolute;left:50%;top:54%;transform:translate(-50%);color:#799784;font-size:10px;letter-spacing:1px;opacity:0;animation:hint 8s 3s both;white-space:nowrap;pointer-events:none}.gift{position:absolute;left:50%;top:20%;transform:translate(-50%);display:none;z-index:4}.gift-button{border:0;background:transparent;display:block;padding:0;color:var(--green);filter:drop-shadow(0 0 20px #32c88044)}.gift-button svg{width:185px;height:195px;overflow:visible}.clover-breathe{transform-origin:150px 145px;animation:cloverBreathe 4s ease-in-out infinite}.leaf-grow{transform-origin:150px 145px}.accepted .leaf-grow{animation:unfold 1s both}.accepted .leaf-grow:nth-child(2){animation-delay:.08s}.accepted .leaf-grow:nth-child(3){animation-delay:.16s}.accepted .leaf-grow:nth-child(4){animation-delay:.24s}.clover-ring{opacity:0}.accepted .clover-ring{animation:ring 1.4s both;transform-origin:150px 145px}.gift-label{font-size:11px;letter-spacing:1.5px;text-align:center;color:#a5bfae;margin-top:0}.experience[data-beat="5"] .face,.experience[data-beat="6"] .face{width:230px;top:-3%}.experience[data-beat="5"] .dialogue,.experience[data-beat="6"] .dialogue{top:72%}.experience[data-beat="5"] .gesture-hint,.experience[data-beat="6"] .gesture-hint{display:none}.experience[data-beat="5"] .gift,.experience[data-beat="6"] .gift{display:block}.experience[data-beat="6"] .gift-clover,.experience[data-beat="5"] .gift-envelope{display:none}.envelope-button{width:265px;height:185px;border:0;background:none;position:relative;perspective:800px;filter:drop-shadow(0 16px 30px #0007)}.env-back{position:absolute;inset:0;border-radius:9px;background:linear-gradient(140deg,#174a32,#0b291c);border:1px solid #63eda04a}.env-flap{position:absolute;inset:0;clip-path:polygon(0 0,100% 0,50% 65%);background:#235d40;transform-origin:50% 0;transition:transform .6s;z-index:2}.env-fold{position:absolute;inset:0;clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%);background:linear-gradient(130deg,#123b28,#17462e);border-radius:9px;z-index:3;border:1px solid #63eda033}.env-seal{position:absolute;z-index:4;left:calc(50% - 19px);top:calc(50% - 6px);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#264e36;border:1px solid #a5ffb963;color:#a5ffb9;box-shadow:0 2px 10px #0003}.env-seal svg{width:15px;height:15px}.env-address{position:absolute;bottom:16px;left:22px;z-index:4;font-size:11px;letter-spacing:2px;color:#a5bfae}.envelope-button:hover .env-flap{transform:rotateX(18deg)}.opening .env-flap{transform:rotateX(180deg)}.opening .env-seal{opacity:0;transition:opacity .25s}.opening{animation:envelopeAway .65s .25s both}.letter{position:absolute;z-index:8;width:min(470px,88vw);top:3%;left:50%;transform:translate(-50%);max-height:94%;overflow:auto;display:none;background:#fff5d5;color:#254733;padding:30px 36px;border-radius:3px;box-shadow:0 22px 90px #0009,0 0 0 5px #fff5d50d;line-height:1.8;font-size:16px}.letter:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,#63eda0 0 10px,#fff5d5 10px 18px)}.letter .letter-date{font-size:10px;letter-spacing:3px;color:#63834b;margin:0 0 18px}.letter h2{font-weight:800;font-size:25px;margin:0 0 18px}.letter p{margin:0 0 15px}.letter .signature{text-align:right;font-size:20px;margin-bottom:0}.letter-open .letter{display:block;animation:letterRise .8s both}.letter-open .face,.letter-open .dialogue{opacity:0;pointer-events:none}.letter-open .gift-envelope{visibility:hidden}.dot{position:absolute;border-radius:50%;background:#a5ffb9;box-shadow:0 0 7px #63eda0;animation:firefly var(--dur) var(--delay) infinite ease-in-out;opacity:0}.spark{position:absolute;animation:sparkle var(--dur) var(--delay) infinite ease-in-out;color:var(--gold);font-size:13px}.shooting{stroke:#a5ffb9;stroke-width:1;stroke-linecap:round;stroke-dasharray:80 500;animation:shoot 9s infinite;opacity:.45}.orbit{transform-origin:640px 310px;animation:orbit 70s linear infinite}.heart-drift{animation:heartDrift 7s var(--delay) infinite ease-in-out;transform-box:fill-box;transform-origin:center}.moon-rise{animation:moonRise 1.8s both;filter:drop-shadow(0 0 22px #e7d18b33)}.stem{stroke-dasharray:300;stroke-dashoffset:300;animation:stemDraw 1.6s var(--delay) both}.bloom{transform-box:fill-box;transform-origin:center;animation:bloom 1.2s var(--delay) both}.flower-sway{transform-origin:50% 100%;transform-box:fill-box;animation:sway var(--dur) ease-in-out infinite alternate}.petal{position:absolute;width:7px;height:12px;background:#fff5d5aa;border-radius:90% 5%;animation:petalFall var(--dur) var(--delay) infinite linear}.burst-leaf{position:absolute;left:50%;top:43%;width:9px;height:15px;border-radius:80% 5%;background:#a5ffb9;pointer-events:none;z-index:10;animation:burst 1.4s ease-out forwards}.decor-leaf{transform-origin:50% 100%;animation:sway 9s ease-in-out infinite alternate}.letter-open .face,.letter-open .dialogue{visibility:hidden}[data-paused=true] *,[data-paused=true] *:before{animation-play-state:paused!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes firefly{0%,to{transform:translateZ(0);opacity:0}30%{opacity:.6}65%{transform:translate3d(var(--dx),var(--dy),0);opacity:.15}85%{opacity:.65}}@keyframes sparkle{0%,to{opacity:.08;transform:scale(.5)}50%{opacity:.8;transform:scale(1)}}@keyframes sceneIn{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes sceneOut{to{opacity:0}}@keyframes copyIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes hint{0%,to{opacity:0}10%,70%{opacity:.7}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes shoot{0%,80%{stroke-dashoffset:550;opacity:0}83%{opacity:.6}92%,to{stroke-dashoffset:-500;opacity:0}}@keyframes heartDrift{0%,to{opacity:.1;transform:translateY(8px) rotate(-8deg)}50%{opacity:.6;transform:translateY(-12px) rotate(8deg)}}@keyframes moonRise{0%{opacity:0;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}@keyframes stemDraw{to{stroke-dashoffset:0}}@keyframes bloom{0%{opacity:0;transform:scale(.1) rotate(-35deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes sway{0%{transform:rotate(-3deg)}to{transform:rotate(4deg)}}@keyframes petalFall{0%{transform:translate3d(0,-30px,0) rotate(0);opacity:0}15%{opacity:.6}85%{opacity:.4}to{transform:translate3d(90px,85vh,0) rotate(270deg);opacity:0}}@keyframes cloverBreathe{50%{transform:scale(1.04) rotate(3deg)}}@keyframes unfold{0%{transform:scale(.8)}55%{transform:scale(1.13)}to{transform:scale(1)}}@keyframes ring{0%{opacity:.6;transform:scale(.5)}to{opacity:0;transform:scale(1.7)}}@keyframes burst{to{transform:translate(var(--bx),var(--by)) rotate(var(--br));opacity:0}}@keyframes envelopeAway{to{opacity:0;transform:translateY(40px) scale(.9)}}@keyframes letterRise{0%{opacity:0;transform:translate(-50%,40px) rotate(-3deg)}to{opacity:1;transform:translate(-50%) rotate(0)}}@media(min-width:1600px){.experience{grid-template-rows:100px 1fr 145px}.face{width:580px;top:12%}.dialogue{top:66%}}@media(max-width:600px){.experience{grid-template-rows:72px 1fr 154px;min-height:620px}.topbar{padding:0 22px}.identity{font-size:8px;letter-spacing:1.5px;gap:7px}.identity svg{width:19px}.date{font-size:8px;letter-spacing:1px}.date strong{margin-right:0;font-size:12px}.date span{display:none}.face{width:92vw;top:13%}.dialogue{top:65%;left:6%;width:88%}.dialogue h1{font-size:26px;letter-spacing:-.35px}.dialogue p{font-size:14px;max-width:290px;margin:auto}.chapter{font-size:9px;letter-spacing:2.5px;margin-bottom:12px}.gesture-hint{top:57%;font-size:9px}.next{font-size:13px;padding:12px 23px;min-height:47px}.footer{gap:17px;padding-top:6px}.side-controls{bottom:max(8px,env(safe-area-inset-bottom));left:14px;right:14px}.quiet{font-size:10px}.side-right{gap:0}.quiet-label{display:none}.progress button{width:25px}.gift{top:24%}.gift-button svg{width:155px;height:165px}.experience[data-beat="5"] .face,.experience[data-beat="6"] .face{top:0;width:190px}.experience[data-beat="5"] .dialogue,.experience[data-beat="6"] .dialogue{top:75%}.experience[data-beat="5"] .dialogue h1,.experience[data-beat="6"] .dialogue h1{font-size:23px}.envelope-button{width:225px;height:150px}.gift-envelope{top:28%}.letter{top:2%;max-height:97%;padding:23px 26px;font-size:15px;line-height:1.75}.letter h2{font-size:22px;margin-bottom:14px}.letter p{margin-bottom:12px}}@media(max-height:680px)and (min-width:601px){.experience{grid-template-rows:65px 1fr 106px}.face{width:400px;top:4%}.dialogue{top:65%}.dialogue h1{font-size:31px}.chapter{margin-bottom:8px}.gift{top:17%}.gift-button svg{height:155px;width:150px}.envelope-button{width:225px;height:145px}.experience[data-beat="5"] .face,.experience[data-beat="6"] .face{width:190px;top:-7%}.letter{padding:20px 30px;font-size:14px}.letter h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}.dot{opacity:.3}.stem{stroke-dashoffset:0}.bloom{opacity:1}.scene-old{display:none}.opening{opacity:0}.letter-open .letter{transform:translate(-50%)}}.full-canvas{position:absolute;inset:0}.scene-art{animation-duration:1.1s}.scene-art .engrave{stroke-dasharray:1500;stroke-dashoffset:1500;animation:engrave 3.3s cubic-bezier(.22,.65,.35,1) both}.constellation{position:absolute;width:clamp(180px,24vw,330px);height:auto;opacity:.65;filter:drop-shadow(0 0 6px #63eda022)}.constellation svg{width:100%;height:auto;overflow:visible}.constellation.left{left:-1%;top:20%;transform:rotate(-10deg)}.constellation.right{right:-1%;bottom:9%;transform:scaleX(-1) rotate(-10deg)}.intro-network{right:-2%;top:20%;opacity:.16;transform:scaleX(-1)}.luck-network{opacity:.3}.network-lights{filter:drop-shadow(0 0 4px #a5ffb9)}.network-lights circle,.star-glimmer{animation:networkGlow 5s var(--delay,0s) ease-in-out infinite alternate}.light-ribbons{position:absolute;width:85%;height:22%;left:7.5%;bottom:-1%;opacity:.45}.light-ribbons svg{width:100%;height:100%;overflow:visible}.light-ribbons path{fill:none;stroke-linecap:round;stroke-dasharray:1500;stroke-dashoffset:1500;animation:engrave 5s .2s both}.wish-jewel{position:absolute;left:50%;top:74%;width:clamp(145px,17vw,210px);aspect-ratio:1;transform:translate(-50%,-50%);filter:drop-shadow(0 0 16px #63eda055)}.wish-jewel:before{content:"";position:absolute;inset:15%;background:#63eda01c;filter:blur(25px);border-radius:50%}.wish-jewel svg{width:100%;height:100%;overflow:visible}.jewel-float{transform-origin:110px 110px;animation:jewelFloat 6s ease-in-out infinite alternate}.jewel-core{transform-origin:110px 110px;filter:drop-shadow(0 0 7px #a5ffb9);animation:coreGlow 3.5s ease-in-out infinite alternate}.jewel-orbit-a,.jewel-orbit-b{transform-origin:110px 110px;animation:jewelOrbit 24s linear infinite}.jewel-orbit-b{animation-duration:31s;animation-direction:reverse}.meteor-a,.meteor-b{animation:meteorMove 11s ease-out infinite;opacity:0}.meteor-b{animation-delay:-6s}.compliment-traces{position:absolute;right:1%;top:13%;height:82%;aspect-ratio:240/310;opacity:.32}.compliment-traces svg{width:100%;height:100%}.wellbeing-frame{position:absolute;right:-13%;top:3%;width:66%;height:100%;overflow:hidden;mix-blend-mode:screen;opacity:.5;mask-image:linear-gradient(90deg,transparent,black 17%,black 90%,transparent)}.wellbeing-portrait{width:100%;height:100%;object-fit:cover;object-position:center;user-select:none}.wellbeing-halo{position:absolute;right:-10%;top:0;width:60%;height:100%;background:radial-gradient(ellipse at 58% 55%,#83d5a216,transparent 65%);mix-blend-mode:screen}.heart-vignette{position:absolute;left:5%;bottom:18%;width:clamp(135px,17vw,220px);aspect-ratio:1;opacity:.65;filter:drop-shadow(0 0 10px #f2a7ba22)}.heart-vignette svg{width:100%;height:100%}.heartbeat{transform-origin:95px 95px;animation:heartBeat 2.4s ease-in-out infinite}.heart-aura{transform-origin:95px 95px;animation:heartAura 4s ease-out infinite}.ecg-art{position:absolute;left:3%;bottom:8%;width:31%;height:70px;opacity:.58}.ecg-art svg{width:100%;height:100%;overflow:visible}.ecg-line{stroke-dasharray:650;stroke-dashoffset:650;animation:ecgDraw 5s ease-in-out infinite}.butterfly-flight{transform-box:fill-box;transform-origin:center;animation:butterflyDrift 8s var(--delay) ease-in-out infinite alternate}.wing-left,.wing-right{transform-box:fill-box;transform-origin:100% 50%;animation:wingFlap 1.4s ease-in-out infinite alternate}.wing-right{transform-origin:0 50%;animation-delay:-.5s}.bird-wings{transform-box:fill-box;transform-origin:50% 50%;animation:birdFlap 3s var(--delay) ease-in-out infinite alternate}.experience[data-beat="2"] .dialogue,.experience[data-beat="3"] .dialogue{top:-1%}.experience[data-beat="2"] .face,.experience[data-beat="3"] .face{top:24%}.experience[data-beat="3"] .face{left:43%}.experience[data-beat="3"] .dialogue{width:76%;left:5%}.experience[data-beat="2"] .gesture-hint,.experience[data-beat="3"] .gesture-hint{display:none}.experience[data-beat="2"] .atmosphere{background:radial-gradient(ellipse at 50% 80%,#123b2855,transparent 60%),#030c09}.experience[data-beat="3"] .atmosphere{background:radial-gradient(ellipse at 85% 55%,#28423538,transparent 60%),#030c09}.experience[data-beat="4"] .atmosphere{background:radial-gradient(ellipse at 50% 85%,#123b2822,transparent 70%),#030c09}@keyframes engrave{to{stroke-dashoffset:0}}@keyframes networkGlow{0%{opacity:.3}to{opacity:.9}}@keyframes jewelFloat{0%{transform:translateY(4px) rotate(-3deg)}to{transform:translateY(-5px) rotate(3deg)}}@keyframes jewelOrbit{to{transform:rotate(360deg)}}@keyframes coreGlow{0%{opacity:.6;transform:scale(.93)}to{opacity:1;transform:scale(1.04)}}@keyframes meteorMove{0%,65%{opacity:0;transform:translate(50px,-20px)}70%{opacity:.6}88%,to{opacity:0;transform:translate(-100px,40px)}}@keyframes heartBeat{0%,50%,to{transform:scale(1)}8%,23%{transform:scale(1.07)}16%,32%{transform:scale(.98)}}@keyframes heartAura{0%{transform:scale(.85);opacity:.4}to{transform:scale(1.2);opacity:0}}@keyframes ecgDraw{0%{stroke-dashoffset:650;opacity:0}10%{opacity:1}70%{stroke-dashoffset:0;opacity:1}95%,to{stroke-dashoffset:0;opacity:0}}@keyframes butterflyDrift{0%{transform:translate(0) rotate(-8deg)}to{transform:translate(10px,-15px) rotate(8deg)}}@keyframes wingFlap{0%{transform:scaleX(.5) rotate(-4deg)}to{transform:scaleX(1) rotate(5deg)}}@keyframes birdFlap{0%{transform:scaleY(.7)}to{transform:scaleY(1.1)}}@media(max-width:600px){.constellation{width:48vw;opacity:.38}.constellation.left{left:-13%;top:24%}.constellation.right{right:-16%;bottom:13%}.intro-network{right:-15%;top:18%;opacity:.12}.light-ribbons{width:115%;left:-8%;height:20%;opacity:.3}.wish-jewel{width:145px;top:70%}.experience[data-beat="2"] .dialogue,.experience[data-beat="3"] .dialogue{top:1%;left:6%;width:88%}.experience[data-beat="2"] .dialogue h1,.experience[data-beat="3"] .dialogue h1{font-size:25px}.experience[data-beat="2"] .face{top:24%}.experience[data-beat="3"] .face{top:27%;left:44%;width:86vw}.wellbeing-frame{width:125%;right:-79%;top:15%;height:88%;opacity:.27}.wellbeing-halo{width:80%;right:-25%}.heart-vignette{left:-3%;bottom:17%;width:124px;opacity:.45}.ecg-art{left:3%;bottom:10%;width:48%;height:45px;opacity:.4}.compliment-traces{right:-48%;top:12%;height:80%;opacity:.2}.experience[data-beat="2"] .next{position:relative;z-index:2}.luck-network{opacity:.16}}@media(max-height:680px)and (min-width:601px){.experience[data-beat="2"] .face,.experience[data-beat="3"] .face{top:21%;width:400px}.wish-jewel{width:140px;top:76%}.experience[data-beat="2"] .dialogue,.experience[data-beat="3"] .dialogue{top:-1%}}@media(prefers-reduced-motion:reduce){.scene-art .engrave,.light-ribbons .ribbon-draw,.ecg-line{stroke-dashoffset:0}.meteor-a,.meteor-b{opacity:.2}.network-lights circle{opacity:.7}}@media(min-width:601px){.wish-jewel{width:175px;top:70%}}@media(max-width:600px){.wellbeing-frame{width:150%;right:-52%;height:75%;top:16%;opacity:.32}.wellbeing-portrait{object-fit:contain}.heart-vignette{bottom:17%}}@media(max-height:680px)and (min-width:601px){.wish-jewel{width:130px;top:72%}}.original-flora{position:absolute;bottom:-1%;height:91%;width:31%;pointer-events:none;opacity:.43;filter:drop-shadow(0 0 9px #83c49a13);transform-origin:50% 100%;animation:originalPlantSway 11s ease-in-out infinite alternate}.original-flora.left{left:-1.5%}.original-flora.right{right:-1.5%;animation-delay:-4s;animation-duration:13s}.original-flora canvas,.original-rest canvas{display:block;width:100%;height:100%}.original-flora.theme-opening{height:78%;opacity:.27}.original-flora.theme-compliment{opacity:.34;height:84%}.original-flora.theme-garden{opacity:.62}.original-flora.theme-luck{opacity:.3}.original-flora.theme-letter{opacity:.27;height:83%}.original-flora.theme-rest{width:24%;height:71%;opacity:.26}.original-rest{position:absolute;right:1%;top:14%;width:35%;height:78%;opacity:.55;filter:drop-shadow(0 0 13px #d4e5bd14)}.rest-halo{position:absolute;right:0;top:9%;width:43%;height:85%;background:radial-gradient(ellipse at 60% 56%,#86bb8a0e,transparent 70%)}.experience[data-beat="3"] .face{left:43%;top:25%}.experience[data-beat="3"] .dialogue{width:74%;left:4%;top:0}.experience[data-beat="3"] .atmosphere{background:radial-gradient(ellipse at 77% 55%,#1737282e,transparent 66%),#030c09}.face>svg{transition:transform .65s cubic-bezier(.22,1,.36,1),filter .6s}.experience[data-phase=leaving] .face>svg{transform:translateY(3px) scale(.985)}.experience[data-phase=leaving] .dialogue{opacity:0!important;transform:translateY(-5px);filter:blur(2px);transition:opacity .18s,transform .18s,filter .18s}.experience[data-phase=entering] .dialogue{filter:blur(0)}.copy-enter{animation:originalCopyIn .6s .11s both}.copy-enter p{animation:originalCopyIn .65s .26s both}.scene-art{animation:originalSceneryIn .9s both}.scene-old{animation:originalSceneryOut .53s both}.original-rest+.original-flora{animation-duration:15s}@keyframes originalCopyIn{0%{opacity:0;transform:translateY(7px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes originalSceneryIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes originalSceneryOut{to{opacity:0;transform:translateY(-4px)}}@keyframes originalPlantSway{0%{transform:rotate(-.45deg)}to{transform:rotate(.5deg)}}@media(max-width:600px){.original-flora{width:43%;height:72%;bottom:2%;opacity:.39}.original-flora.left{left:-11%}.original-flora.right{right:-11%}.original-flora.theme-opening{height:65%;opacity:.22}.original-flora.theme-garden{opacity:.53;height:71%}.original-flora.theme-rest{height:49%;width:43%;bottom:11%;opacity:.2}.original-rest{width:65%;height:47%;right:-2%;top:43%;opacity:.49}.experience[data-beat="3"] .face{top:25%;left:44%;width:86vw}.experience[data-beat="3"] .dialogue{top:1%;left:6%;width:88%}.experience[data-beat="3"] .dialogue h1{font-size:25px}}@media(max-height:680px)and (min-width:601px){.original-rest{width:32%;height:80%;top:15%}.original-flora{height:88%}.experience[data-beat="3"] .face{top:22%;width:400px}}@media(prefers-reduced-motion:reduce){.original-flora,.face>svg,.copy-enter,.copy-enter p,.scene-art,.scene-old{animation:none!important;transition:none!important}.copy-enter,.copy-enter p{opacity:1;transform:none;filter:none}.scene-old{display:none}}.original-flora,.original-rest{overflow:hidden}.original-color{position:absolute;top:0;left:0;max-width:none;pointer-events:none;user-select:none;opacity:0;filter:saturate(.42);mix-blend-mode:screen;animation:originalWash 1.2s 1.5s both}.flora-color{width:294.11765%;height:100%}.original-flora.right .flora-color{left:-194.11765%}.rest-color{width:100%;height:100%}.original-flora canvas,.original-rest canvas{position:relative;z-index:1;opacity:.74}.original-rest canvas{opacity:.68}@keyframes originalWash{0%{opacity:0;clip-path:inset(100% 0 0)}35%{opacity:.2}to{opacity:.48;clip-path:inset(0)}}@media(prefers-reduced-motion:reduce){.original-color{animation:none!important;opacity:.48;clip-path:inset(0)}}.original-flora{opacity:.92;filter:none;bottom:0;height:89%;width:30%}.original-flora.theme-opening{opacity:.92;height:83%}.original-flora.theme-rest{width:22%;height:67%;opacity:.82}.original-flora.theme-luck{opacity:.85;height:67%;width:25%}.original-rest{opacity:1;filter:none;right:1.5%;top:13%;width:34%;height:79%}.original-color{filter:none;mix-blend-mode:normal;animation:clearArtwork 1.2s .9s both}.original-flora canvas,.original-rest canvas{opacity:.9;transition:opacity .7s}.ink-complete canvas{opacity:0}@keyframes clearArtwork{0%{opacity:0;clip-path:inset(100% 0 0)}to{opacity:1;clip-path:inset(0)}}.story-illustration{position:absolute;right:1%;top:15%;height:76%;width:34%;transform-origin:50% 10%;animation:illustrationArrive 1.5s cubic-bezier(.22,1,.36,1) both}.story-illustration img{width:100%;height:100%;object-fit:contain;filter:none;opacity:1}.story-illustration.letter-desk{left:1%;right:auto;top:30%;height:60%;width:31%}.story-illustration.garden-swing{top:9%;height:83%;animation:illustrationArrive 1.5s both,gardenRock 8s 1.5s ease-in-out infinite alternate}@keyframes illustrationArrive{0%{opacity:0;clip-path:inset(100% 0 0);transform:translateY(12px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@keyframes gardenRock{0%{transform:rotate(-.5deg)}to{transform:rotate(.6deg)}}.experience[data-beat="1"] .face,.experience[data-beat="4"] .face{left:40%;top:26%;width:min(480px,65vw)}.experience[data-beat="1"] .dialogue,.experience[data-beat="4"] .dialogue{top:0;left:6%;width:70%}.experience[data-beat="1"] .gesture-hint,.experience[data-beat="4"] .gesture-hint{display:none}.scene-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.eye-gaze{transform:translate(var(--gaze-x,0px),var(--gaze-y,0px));transition:transform .35s ease-out}.experience[data-phase=leaving] .scenic{transition:filter .25s;filter:brightness(.7)}.experience[data-phase=entering] .scenic{filter:brightness(1);transition:filter .7s}.experience[data-beat="1"] .atmosphere{background:radial-gradient(ellipse at 82% 60%,#53632b24,transparent 60%),#030c09}.experience[data-beat="4"] .atmosphere{background:radial-gradient(ellipse at 85% 70%,#3e795127,transparent 65%),#030c09}.experience[data-beat="6"] .atmosphere{background:radial-gradient(ellipse at 20% 68%,#8f793221,transparent 55%),#030c09}.experience[data-paused=true] .eye-gaze{transform:none}.particles{opacity:.45}.quiet{background:#030c09b8;border-radius:22px;color:#c2ddc9}.experience[data-paused=true] .scene-art,.experience[data-paused=true] .story-illustration,.experience[data-paused=true] .original-color,.experience[data-paused=true] .copy-enter,.experience[data-paused=true] .copy-enter p{animation:none!important;opacity:1;clip-path:inset(0);filter:none}.experience[data-paused=true] .scene-old{display:none}.experience[data-paused=true].letter-open .letter{animation:none;opacity:1;transform:translate(-50%)}.experience[data-paused=true] .accepted .leaf-grow{animation:none;transform:none}@media(max-width:600px){.original-flora{width:43%;height:71%;opacity:.95}.original-flora.theme-opening{opacity:.9;height:69%}.original-flora.theme-luck{width:43%;height:62%;opacity:.8}.original-flora.theme-rest{display:none}.original-rest{right:0;top:37%;width:58%;height:49%;opacity:1}.story-illustration{right:-2%;top:38%;width:59%;height:47%}.story-illustration.garden-swing{top:31%;height:55%;right:0;width:59%}.story-illustration.letter-desk{left:2%;top:44%;height:20%;width:36%}.experience[data-beat="1"] .face,.experience[data-beat="4"] .face,.experience[data-beat="3"] .face{left:41%;top:18%;width:83vw}.experience[data-beat="1"] .dialogue,.experience[data-beat="4"] .dialogue,.experience[data-beat="3"] .dialogue{left:6%;width:88%;top:0}.experience[data-beat="1"] .dialogue h1,.experience[data-beat="4"] .dialogue h1{font-size:25px}}@media(prefers-reduced-motion:reduce){.original-color{animation:none!important;opacity:1}.original-flora canvas,.original-rest canvas{display:none}.story-illustration{animation:none!important}.eye-gaze{transform:none;transition:none}.scene-fx{display:none}}.line-illustration{display:block;width:100%;height:100%;overflow:visible;vector-effect:non-scaling-stroke}.light-scene{position:absolute;width:31%;height:72%;top:18%;pointer-events:none;color:#b6eed0;opacity:1}.light-scene.edge-right{right:1.5%}.light-scene.edge-left{left:1.5%}.light-scene .line-illustration{filter:drop-shadow(0 0 6px #9deac226)}.light-scene.small-accent{width:21%;height:65%;opacity:.85;top:22%}.light-scene.intro-position{top:14%;width:28%;height:73%}.opening-flowers{top:23%;width:25%;height:72%}.light-scene.lucky-plants{height:76%;top:19%;width:28%}.light-scene.letter-position{width:30%;height:72%;top:19%}.sky-points{position:absolute;inset:0;opacity:.8}.line-reveal{stroke-dasharray:100;stroke-dashoffset:100;animation:lineAppear 1.65s var(--draw-delay,0s) cubic-bezier(.22,.6,.35,1) both}@keyframes lineAppear{to{stroke-dashoffset:0}}.daisy-open{transform-box:fill-box;transform-origin:center;animation:petalsOpen 1.1s var(--draw-delay,0s) cubic-bezier(.16,1,.3,1) both}@keyframes petalsOpen{0%{opacity:0;transform:rotate(-18deg) scale(.45)}to{opacity:1;transform:rotate(0) scale(1)}}.bouquet-rock{transform-origin:200px 402px;animation:bouquetRock 6s 1s ease-in-out infinite alternate}@keyframes bouquetRock{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}.cloud-drift{animation:cloudDrift 7s ease-in-out infinite alternate}@keyframes cloudDrift{0%{transform:translateY(-4px)}to{transform:translateY(5px)}}.little-twinkle{animation:lineTwinkle 3.6s ease-in-out infinite alternate}@keyframes lineTwinkle{0%{opacity:.55}to{opacity:1}}.meadow-stem{transform-origin:50% 100%;animation:meadowWave var(--stem-duration) var(--stem-delay) ease-in-out infinite alternate}@keyframes meadowWave{0%{transform:rotate(-1.8deg)}to{transform:rotate(1.8deg)}}.garden-orbit{animation:lineTwinkle 4s infinite alternate}.paper-plane{animation:planeFloat 6s ease-in-out infinite alternate;transform-origin:275px 185px}@keyframes planeFloat{0%{transform:translate(-3px,3px) rotate(-2deg)}to{transform:translate(5px,-5px) rotate(2deg)}}.steam-line{stroke-dasharray:18 6;animation:steamRise 5s linear infinite}@keyframes steamRise{to{stroke-dashoffset:48}}.opening-comet{animation:cloudDrift 8s ease-in-out infinite alternate}.experience[data-beat="1"] .face,.experience[data-beat="3"] .face,.experience[data-beat="4"] .face{left:45%;top:26%;width:min(480px,65vw)}.experience[data-beat="1"] .dialogue,.experience[data-beat="3"] .dialogue,.experience[data-beat="4"] .dialogue{top:0;left:7%;width:79%}.experience[data-beat="1"] .atmosphere,.experience[data-beat="3"] .atmosphere,.experience[data-beat="4"] .atmosphere{background:radial-gradient(ellipse at 68% 65%,#174b3222,transparent 65%),#030c09}.experience[data-beat="6"] .atmosphere{background:radial-gradient(ellipse at 20% 65%,#1c513a20,transparent 65%),#030c09}.chapter{color:#93bfa4}.dialogue h1{font-weight:600}.particles{opacity:.4}.experience[data-paused=true] .line-reveal{animation:none;stroke-dashoffset:0}.experience[data-paused=true] .daisy-open{animation:none;opacity:1;transform:none}@media(max-width:600px){.light-scene{width:52%;height:42%;top:39%}.light-scene.edge-right{right:0}.light-scene.edge-left{left:0}.light-scene.small-accent{width:29%;height:34%;top:42%}.light-scene.intro-position{top:29%;width:37%;height:45%;left:-3%}.light-scene.opening-flowers{top:35%;width:33%;height:45%;right:-2%}.light-scene.lucky-plants{width:35%;height:47%;top:21%;opacity:.85}.light-scene.letter-position{top:42%;height:25%;width:36%;left:0}.experience[data-beat="6"] .light-scene.small-accent{top:43%;height:22%;width:28%}.experience[data-beat="1"] .face,.experience[data-beat="3"] .face,.experience[data-beat="4"] .face{left:48%;top:18%;width:83vw}.experience[data-beat="1"] .dialogue,.experience[data-beat="3"] .dialogue,.experience[data-beat="4"] .dialogue{left:6%;top:0;width:88%}.experience[data-beat="1"] .dialogue h1,.experience[data-beat="3"] .dialogue h1,.experience[data-beat="4"] .dialogue h1{font-size:25px}}@media(prefers-reduced-motion:reduce){.light-scene *{animation:none!important}.line-reveal{stroke-dashoffset:0}.daisy-open{opacity:1;transform:none}}.dream-lights{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.dream-haze{position:absolute;inset:0;background:radial-gradient(ellipse at 17% 66%,#69d8a112,transparent 46%),radial-gradient(ellipse at 85% 32%,#8ddfd70c,transparent 40%);transition:background 1.4s}.experience[data-beat="1"] .dream-haze{background:radial-gradient(ellipse at 84% 46%,#f0accb16,transparent 48%),radial-gradient(ellipse at 16% 70%,#7bdeb210,transparent 40%)}.experience[data-beat="2"] .dream-haze{background:radial-gradient(ellipse at 50% 76%,#72d3bb26,transparent 44%),radial-gradient(ellipse at 80% 36%,#bd98ec10,transparent 45%)}.experience[data-beat="4"] .dream-haze{background:radial-gradient(ellipse at 50% 60%,#e6d89514,transparent 60%),radial-gradient(ellipse at 93% 90%,#7fe4aa18,transparent 50%)}.experience[data-beat="6"] .dream-haze{background:radial-gradient(ellipse at 15% 65%,#c4d88b18,transparent 48%),radial-gradient(ellipse at 85% 30%,#98e7c014,transparent 45%)}.dream-vignette{position:absolute;inset:0;box-shadow:inset 0 0 100px #0002}.light-fan{position:absolute;inset:-12%;opacity:0;background:repeating-conic-gradient(from -35deg at 45% 0%,transparent 0deg 9deg,#c7ffb01a 10deg 12deg,transparent 14deg 26deg);mask-image:linear-gradient(#000,transparent 90%);transition:opacity 1.8s;transform-origin:45% 0}.lucky-awakened .light-fan{opacity:1;animation:luckyLight 9s ease-in-out infinite alternate}@keyframes luckyLight{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.wide-effects{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene-art>.grass-floor{position:absolute;left:0;bottom:0;top:auto;width:100%;height:18%;pointer-events:none}.festive-bulb{animation:bulbGlow 3s var(--bulb-delay) ease-in-out infinite alternate}@keyframes bulbGlow{0%{opacity:.45}to{opacity:1}}.health-heart{position:absolute;left:5%;top:48%;width:18%;height:27%}.health-pulse{position:absolute;left:3%;top:76%;width:24%;height:10%}.health-beat{transform-origin:200px 230px;animation:healthyBeat 1.55s ease-in-out infinite}@keyframes healthyBeat{0%,45%,to{transform:scale(1)}12%{transform:scale(1.08)}23%{transform:scale(1.01)}33%{transform:scale(1.05)}}.health-ring{transform-origin:200px 230px;animation:healthyRing 3.1s ease-out infinite}@keyframes healthyRing{0%{opacity:.5;transform:scale(.75)}to{opacity:0;transform:scale(1.35)}}.ecg-light{stroke-dasharray:.16 1;animation:ecgCurrent 3.1s linear infinite}@keyframes ecgCurrent{to{stroke-dashoffset:-1.16}}.smile-trail{position:absolute;left:27%;top:65%;width:38%;height:15%;filter:drop-shadow(0 0 5px #e4efb323)}.lucky-grass{transform-origin:50% 100%;animation:grassBreeze 7s ease-in-out infinite alternate}@keyframes grassBreeze{0%{transform:skew(-.6deg)}to{transform:skew(.6deg)}}.light-scene{translate:var(--depth-x,0px) var(--depth-y,0px);transition:translate .55s ease-out}.light-scene.edge-left{translate:calc(var(--depth-x,0px)*-.65) calc(var(--depth-y,0px)*.6)}.scene-art{animation:superSceneIn 1.1s cubic-bezier(.22,1,.36,1) both}.scene-old{animation:superSceneOut .53s ease both}@keyframes superSceneIn{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes superSceneOut{to{opacity:0;transform:scale(.985)}}.line-illustration .stroke-halo{stroke-opacity:.15}.line-illustration .stroke-core{stroke-opacity:.4}.experience[data-paused=true] .light-scene{translate:0 0}@media(max-width:600px){.health-heart{left:0;top:43%;width:31%;height:20%}.health-pulse{left:3%;top:64%;width:31%;height:7%}.smile-trail{left:15%;top:41%;width:65%;height:10%}.scene-art>.wide-effects{top:5%;height:95%;opacity:.65}.light-fan{inset:-5%}.dream-vignette{box-shadow:inset 0 0 50px #0002}}@media(prefers-reduced-motion:reduce){.dream-lights *,.health-beat,.health-ring,.ecg-light,.festive-bulb,.lucky-grass{animation:none!important}.health-ring{display:none}.ecg-light{stroke-dasharray:none}.light-fan{display:none}.light-scene{translate:0 0!important}.scene-art{animation:none!important}.scene-old{display:none}}.letter .signature{font-size:16px}.letter h2{line-height:1.35}.env-address{font-size:10px;letter-spacing:1px}@media(max-width:600px){.experience[data-beat="1"] .face,.experience[data-beat="4"] .face{top:22%}.experience[data-beat="3"] .face{top:24%}.experience[data-beat="2"] .dialogue h1,.experience[data-beat="3"] .dialogue h1{font-size:23px}.dialogue p{max-width:304px}.gift-label{max-width:220px;line-height:1.5;letter-spacing:.7px}.letter{font-size:14px;line-height:1.7}.letter h2{font-size:21px}.letter .signature{font-size:14px}.letter .letter-date{font-size:9px;letter-spacing:1.4px}}.experience{grid-template-rows:76px minmax(0,1fr) 118px;min-height:700px}.experience .stage{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);width:100%;max-width:1440px;padding:0 24px}.experience[data-beat] .stage .dialogue{position:relative;left:auto;top:auto;width:100%;max-width:1180px;grid-column:1;grid-row:1;justify-self:center;padding:0 10px}.experience[data-beat] .dialogue h1{font-size:clamp(50px,4.4vw,74px);line-height:1.12;font-weight:800;color:#f5fff6;letter-spacing:-.8px;margin:0 0 16px;text-shadow:0 2px 12px #030c09}.experience[data-beat] .dialogue p{font-size:clamp(26px,2.2vw,34px);font-weight:600;line-height:1.38;color:#e0f3e6;max-width:1020px;margin:0 auto;text-shadow:0 2px 10px #030c09}.experience .chapter{font-size:15px;font-weight:800;letter-spacing:2px;color:#c0e8ce;margin-bottom:12px}.experience[data-beat] .stage .face{position:relative;grid-column:1;grid-row:2;align-self:center;justify-self:center;left:auto;top:auto;width:clamp(310px,30vw,440px);transform:translate(-4vw);padding:0;margin:0}.experience .gesture-hint{display:none}.identity,.date{font-size:14px;color:#d2efdd;letter-spacing:1.5px}.date strong{font-size:17px}.identity svg{width:28px;height:28px}.next{font-size:21px;min-height:54px;padding:12px 30px;background:#123b28d9;border-color:#a5ffb976}.next svg{width:21px;height:21px}.footer{gap:12px;padding-bottom:14px}.quiet{font-size:15px}.experience[data-beat="5"] .stage .face,.experience[data-beat="6"] .stage .face{align-self:start;width:170px;transform:none;margin-top:2px}.experience[data-beat] .stage .gift{position:relative;grid-column:1;grid-row:2;left:auto;top:auto;transform:none;align-self:end;justify-self:center;margin:0 0 12px}.gift-label{font-size:20px;font-weight:700;line-height:1.35;letter-spacing:.4px;color:#d7f4df;max-width:340px;margin:0 auto;text-align:center}.gift-button{margin:0 auto}.gift-button svg{width:176px;height:185px}.env-address{font-size:16px;letter-spacing:.5px;bottom:17px}.envelope-button{width:265px;height:166px}.experience .letter{width:min(1120px,94vw);top:0;max-height:100%;padding:26px 36px;font-size:26px;line-height:1.45;color:#163a26;background:#fff8df}.experience .letter h2{font-size:38px;line-height:1.18;margin-bottom:18px}.experience .letter p{margin-bottom:14px}.experience .letter .letter-date{font-size:14px;letter-spacing:2px;color:#3a6546;margin-bottom:14px}.experience .letter .signature{font-size:23px;margin-bottom:0}.experience .eye-pose{transition:none}.experience .eye-gaze{transition:transform .35s ease-out}.experience[data-beat="1"] .small-accent,.experience[data-beat="4"] .small-accent{display:none}.experience[data-beat="0"] .intro-position{left:auto;right:2%;top:29%;width:24%;height:60%}.experience[data-beat="0"] .opening-flowers{display:none}.experience[data-beat="2"] .wish-jewel{left:82%;top:64%;width:180px}.cute-extra{position:absolute;pointer-events:none;left:8%;top:46%;width:15%;height:29%;filter:drop-shadow(0 0 7px #afffc21a)}.cute-extra svg{width:100%;height:100%;overflow:visible}.hello-star-body{transform-origin:100px 100px;animation:helloRock 3.5s ease-in-out infinite alternate}.star-wave{transform-origin:148px 100px;animation:starWave 1.2s ease-in-out 4 alternate}@keyframes helloRock{0%{transform:rotate(-5deg) translateY(3px)}to{transform:rotate(5deg) translateY(-3px)}}@keyframes starWave{0%{transform:rotate(-12deg)}to{transform:rotate(18deg)}}.balloon-bob{animation:cloudDrift 5.4s ease-in-out infinite alternate}.happy-bee{animation:beeHover 5s ease-in-out infinite alternate}@keyframes beeHover{0%{transform:translateY(10px) rotate(-4deg)}to{transform:translate(14px,-8px) rotate(5deg)}}.bee-wing{transform-origin:80px 79px;animation:beeWing .35s ease-in-out infinite alternate}@keyframes beeWing{to{transform:scaleY(.55)}}.gift-flower-ring{opacity:0;transform-origin:150px 145px;pointer-events:none}.accepted .gift-flower-ring{animation:giftFlowers 1.2s cubic-bezier(.22,1,.36,1) both}@keyframes giftFlowers{0%{opacity:0;transform:scale(.65) rotate(-15deg)}to{opacity:1;transform:scale(1) rotate(0)}}.experience[data-paused=true] .accepted .gift-flower-ring{animation:none;opacity:1}@media(min-width:1600px){.experience{grid-template-rows:94px minmax(0,1fr) 136px}.experience .chapter{font-size:18px}.next{font-size:25px;min-height:62px}.identity,.date{font-size:18px}.date strong{font-size:21px}.experience .letter{font-size:30px;width:min(1300px,92vw);padding:32px 44px}.experience .letter h2{font-size:46px}.experience .letter .signature{font-size:27px}.gift-button svg{width:220px;height:232px}.gift-label{font-size:24px;max-width:430px}}@media(max-width:700px){.experience{grid-template-rows:64px minmax(0,1fr) 128px;min-height:760px}.experience .stage{padding:0 15px}.experience[data-beat] .stage .dialogue{padding:0;width:100%}.experience[data-beat] .dialogue h1{font-size:32px;line-height:1.13;letter-spacing:-.5px;margin-bottom:13px}.experience[data-beat] .dialogue p{font-size:20px;line-height:1.4;max-width:350px;font-weight:600}.experience .chapter{font-size:11px;letter-spacing:1.4px;margin-bottom:10px}.experience[data-beat] .stage .face{align-self:start;width:min(310px,82vw);transform:none;margin-top:22px}.experience[data-beat="5"] .stage .face,.experience[data-beat="6"] .stage .face{width:142px;margin-top:2px}.experience[data-beat] .stage .gift{margin-bottom:10px}.gift-button svg{width:145px;height:152px}.gift-label{font-size:17px;max-width:280px;line-height:1.35}.envelope-button{width:218px;height:146px}.env-address{font-size:13px}.experience .identity{font-size:10px;letter-spacing:1px}.identity svg{width:21px;height:21px}.date strong{font-size:15px}.date span{display:none}.topbar{padding:0 20px}.next{font-size:18px;min-height:51px;padding:11px 25px}.footer{gap:8px;padding-bottom:21px}.quiet{font-size:12px}.quiet-label{display:none}.experience .letter{width:92vw;padding:22px;font-size:18px;line-height:1.5;max-height:100%}.experience .letter h2{font-size:27px;line-height:1.2}.experience .letter .letter-date{font-size:11px;letter-spacing:1px}.experience .letter .signature{font-size:17px}.cute-extra{left:2%;top:49%;width:27%;height:19%}.light-scene{top:47%;height:34%}.light-scene.small-accent{top:48%;height:29%}.light-scene.intro-position{top:50%;height:28%;width:30%;left:0}.light-scene.opening-flowers{top:49%;height:32%;width:30%}.experience[data-beat="0"] .intro-position{left:auto;right:0;top:49%;height:28%;width:34%}.experience[data-beat="2"] .wish-jewel{left:75%;top:68%;width:115px}.health-heart{top:52%;width:27%;height:17%}.health-pulse{top:72%}.smile-trail{top:43%;height:8%;left:24%;width:52%}.light-scene.letter-position{top:55%;height:20%;width:30%}.experience[data-beat="6"] .light-scene.small-accent{top:55%;height:20%}}@media(prefers-reduced-motion:reduce){.cute-extra *,.accepted .gift-flower-ring{animation:none!important}.accepted .gift-flower-ring{opacity:1}}.letter-name-lanes{position:absolute;left:0;right:0;bottom:0;height:72px;z-index:2;display:none;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.letter-open .letter-name-lanes{display:grid;gap:6px;grid-template-rows:33px 33px;animation:namesArrive .8s .2s both}.letter-open .letter{max-height:calc(100% - 82px);padding-top:24px;padding-bottom:24px}.name-lane{overflow:hidden}.name-strip{display:flex;width:max-content;gap:16px;animation:nameFlight 48s linear infinite}.name-lane:nth-child(2) .name-strip{animation-direction:reverse;animation-duration:51s}.letter-name-lanes:not(.names-ready) .name-strip{animation-name:none}.name-group{display:flex;align-items:center;gap:16px;flex-shrink:0}.flying-name{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;padding:4px 14px 4px 9px;height:32px;background:#123b2cf2;border:1px solid #adecc16b;border-radius:5px 16px 16px 5px;color:#ecfff1;font-size:19px;font-weight:600;letter-spacing:.15px;box-shadow:0 0 14px #92f9bd15}.flying-name svg{width:24px;height:23px;color:#bdffdb;flex-shrink:0}.flying-name.teacher{background:#403c21f2;border-color:#f4dfa88c;color:#fff1bc}@keyframes nameFlight{0%{transform:translate(var(--name-start,0px))}to{transform:translate(calc(var(--name-start,0px) - 50% - 8px))}}@keyframes namesArrive{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.experience[data-paused=true] .name-strip,.experience[data-paused=true] .letter-name-lanes{animation-play-state:paused}@media(min-width:1600px){.flying-name{font-size:22px;height:34px}.letter-name-lanes{height:76px;grid-template-rows:35px 35px}}@media(max-width:700px){.flying-name{font-size:16px;gap:6px;padding-right:10px}.flying-name svg{width:21px}.letter-name-lanes{left:-15px;right:-15px}.letter-open .letter{padding:20px 22px}.name-strip{animation-duration:60s}.name-lane:nth-child(2) .name-strip{animation-duration:63s}}@media(prefers-reduced-motion:reduce){.letter-name-lanes{animation:none!important;pointer-events:auto}.name-lane{overflow-x:auto}.name-strip{animation:none!important}.name-group[aria-hidden=true]{display:none}}.scene-fx{contain:strict;pointer-events:none}.name-strip{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.letter-name-lanes:not(.names-ready){visibility:hidden}.letter-open .scenic *,.letter-open .particles *,.experience[data-hidden=true] *{animation-play-state:paused!important}.copy-enter,.face>svg{transition-property:transform,opacity}@media(min-width:701px){.letter-open .letter{padding-top:20px;padding-bottom:20px}}@media(max-width:700px){.face,.cute-extra{filter:none}}