*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Inter,system-ui,sans-serif;overflow:hidden;background:#1c1030;-webkit-font-smoothing:antialiased}.app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(120% 90% at 50% 40%,#342052,#241540 45%,#140a26);display:grid;place-items:center}.glow{position:absolute;top:50%;left:50%;width:92vmin;height:92vmin;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(196,160,255,.16) 0%,rgba(196,160,255,.05) 45%,transparent 70%);animation:glow-breathe 7s ease-in-out infinite;pointer-events:none}@keyframes glow-breathe{0%,to{opacity:.75;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.07)}}.dust{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.dust span{position:absolute;border-radius:50%;background:#e8d9ff;box-shadow:0 0 6px 1px #e8d9ff8c;animation:twinkle ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.08;transform:scale(.7)}50%{opacity:.7;transform:scale(1.15)}}.hearts{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hearts span{position:absolute;bottom:-5vh;opacity:0;animation:heart-rise linear infinite}@keyframes heart-rise{0%{opacity:0;transform:translateY(0) rotate(-8deg)}12%{opacity:.5}60%{opacity:.4}to{opacity:0;transform:translateY(-108vh) rotate(10deg)}}.scene{position:relative;z-index:10;background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;perspective:1000px;translate:0 17vh}.envelope{position:relative;width:min(86vw,400px);aspect-ratio:13 / 10;filter:drop-shadow(0 16px 30px rgba(0,0,0,.5))}.env-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:linear-gradient(180deg,#e9d8bc,#dcc6a2);z-index:1}.letter{position:absolute;left:5%;top:6%;width:90%;height:90%;z-index:2;border-radius:6px;background:linear-gradient(180deg,#fdfaf3,#f4ecdd);box-shadow:0 4px 18px #00000040;display:flex;flex-direction:column;justify-content:center;padding:3% 6%;transform:translateY(2%) scale(1);transition:transform .85s cubic-bezier(.3,.8,.3,1);transition-delay:0s}.open .letter{transform:translateY(-100%) scale(1.34);transition-delay:.4s;z-index:5;box-shadow:0 14px 34px #00000073}.salut{font-family:Caveat,cursive;font-size:14px;font-weight:600;color:#6b4fa0;margin-top:9px;text-align:right;opacity:0}.open .salut{animation:line-in .5s both}.verse{font-family:Caveat,cursive;font-size:12px;font-weight:500;line-height:1.3;color:#503a6e;opacity:0}.open .verse{animation:line-in .5s both}@keyframes line-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.stanza-gap{height:11px;flex:0 0 11px}.env-left,.env-right,.env-bottom{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:10px;pointer-events:none}.env-left{background:linear-gradient(105deg,#f2e3c9 0%,#e6d3b2 55%,transparent 55.5%)}.env-right{background:linear-gradient(-105deg,#eddcc0 0%,#e2ceab 55%,transparent 55.5%)}.env-bottom{background:linear-gradient(0deg,#f6e9d2 0%,#eadbbc 48%,transparent 48.5%)}.flap{position:absolute;top:0;left:0;right:0;height:60%;z-index:4;transform-origin:top center;transform:rotateX(0);transition:transform .6s cubic-bezier(.4,0,.3,1);transition-delay:.55s}.open .flap{transform:rotateX(178deg);transition-delay:0s;z-index:1}.flap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#eddcc0,#dfcaa6);clip-path:polygon(0 0,100% 0,50% 100%);border-radius:10px 10px 0 0}.seal{position:absolute;left:50%;bottom:-14px;translate:-50% 0;width:40px;height:40px;display:grid;place-items:center;font-size:19px;border-radius:50%;background:radial-gradient(circle at 36% 32%,#8f5bd4,#6b3fa8 55%,#4d2b7e);box-shadow:0 3px 8px #00000059,inset 0 0 0 3px #ffffff1f;transition:opacity .35s,scale .35s}.open .seal{opacity:0;scale:1.4}.open-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6}.open-burst span{position:absolute;left:50%;top:28%;opacity:0;animation:burst-fly 1.6s ease-out both}@keyframes burst-fly{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}14%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) rotate(var(--rot)) scale(1.1)}}.hint{margin-top:22px;font-size:.82rem;letter-spacing:.08em;color:#e8d9ffbf;animation:hint-pulse 2.6s ease-in-out infinite}.hint-close{animation:hint-late 3s both;font-size:.72rem;color:#e8d9ff73}@keyframes hint-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes hint-late{0%,70%{opacity:0}to{opacity:1}}.back-link{position:fixed;top:12px;left:12px;z-index:60;width:38px;height:38px;display:grid;place-items:center;font:600 1.15rem Inter,sans-serif;color:#fff;text-decoration:none;background:#2818468c;border:1px solid rgba(255,255,255,.28);border-radius:50%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.page-footer{position:fixed;left:14px;bottom:12px;z-index:60;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#fff6}