@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Space+Grotesk:wght@300;400;500;600&display=swap";:root{font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}.envelope{position:relative;width:300px;height:200px;background:linear-gradient(145deg,#2d2d44,#1a1a2e);border-radius:0;box-shadow:0 0 20px #ff79c64d,4px 4px #ff79c6;border:3px solid #ff79c6}.envelope:before{content:"";position:absolute;top:0;left:0;border-top:100px solid #44475a;border-left:150px solid transparent;border-right:150px solid transparent;transform-origin:top;transition:transform .5s ease;z-index:3;border-radius:0}.envelope.open:before{transform:rotateX(180deg)}.envelope:after{content:"";position:absolute;bottom:0;left:0;border-bottom:120px solid #6272a4;border-left:150px solid transparent;border-right:150px solid transparent;z-index:2}.heart-seal{position:absolute;top:75px;left:50%;transform:translate(-50%);width:24px;height:24px;background:#ff79c6;border-radius:0;z-index:4;box-shadow:0 0 15px #ff79c6cc;transition:opacity .3s ease,transform .3s ease}.envelope.open .heart-seal{opacity:0;transform:translate(-50%) scale(0)}.letter{position:absolute;width:360px;height:400px;background:linear-gradient(180deg,#282a36,#1a1a2e);left:50%;transform:translate(-50%) scale(.9);bottom:25px;border-radius:0;box-shadow:0 0 20px #ff79c64d,4px 4px #bd93f9;border:3px solid #bd93f9;z-index:1;transition:transform .7s cubic-bezier(.4,0,.2,1),box-shadow .7s ease,opacity .5s ease,z-index 0s .35s;padding:30px 25px;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0}.envelope.open .letter{transform:translate(-50%) translateY(-80px) scale(1);box-shadow:0 0 30px #ff79c666,6px 6px #bd93f9;z-index:10;opacity:1}.letter h2{font-family:"Press Start 2P",monospace;font-size:.75rem;font-weight:400;color:#ff79c6;margin-bottom:24px;letter-spacing:.02em;line-height:1.8;text-shadow:0 0 10px rgba(255,121,198,.5)}.letter p{font-family:Space Grotesk,sans-serif;color:#f8f8f2;line-height:1.7;font-size:.95rem;font-weight:400;margin-bottom:12px}.letter .domain{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:500;color:#ff79c6;background:#2d2d44;padding:14px 22px;border-radius:0;margin:18px 0;border:2px solid #ff79c6;letter-spacing:.02em}.domain a{color:#8be9fd}.letter .signature{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:400;color:#bd93f9;margin-top:auto}.hearts{position:fixed;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:5}.heart{position:absolute;width:6px;height:6px;background:#ff79c6;border-radius:0;opacity:.8;animation:drift 8s ease-in-out infinite;box-shadow:0 0 10px #ff79c6cc}@keyframes drift{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-15px) translate(5px)}}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23);font-family:Space Grotesk,sans-serif;overflow:hidden;position:relative;gap:2rem;padding:1rem}.gift-text{font-family:"Press Start 2P",monospace;font-size:1.2rem;font-weight:400;color:#f2d3f6;margin-bottom:40px;letter-spacing:.02em;z-index:1;text-shadow:0 0 10px rgba(255,121,198,.6),2px 2px 0 #bd93f9;text-align:center}.envelope-wrapper{position:relative;cursor:pointer;z-index:1;transition:transform .4s ease}.envelope-wrapper:hover{transform:translateY(-3px)}.click-hint{font-family:Space Grotesk,sans-serif;margin-top:30px;color:#8be9fd;font-size:.9rem;font-weight:400;letter-spacing:.1em;text-transform:lowercase;z-index:1;animation:blink 1.5s infinite}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.5}}