body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{min-height:100vh}:root{--bg-color:#faf8f5;--accent-color:#e8a87c;--accent-dark:#d4956b;--text-color:#2c2c2c;--text-light:#6b6b6b;--pink:#f4a9b9;--gold:#d4af37}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);min-height:100vh;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.container{background:linear-gradient(135deg,#faf8f5 0%,#f5ede4 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.particles{pointer-events:none;position:fixed;inset:0;overflow:hidden}.particle{background:var(--pink);opacity:.4;border-radius:50%;width:6px;height:6px;animation:linear infinite float-up;position:absolute}.particle:nth-child(odd){background:var(--gold);width:4px;height:4px}@keyframes float-up{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:.4}90%{opacity:.4}to{opacity:0;transform:translateY(-10vh)scale(1)}}.gift-container{cursor:pointer;flex-direction:column;align-items:center;animation:.8s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.gift-box{width:180px;height:180px;animation:3s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.gift-body{background:linear-gradient(145deg,#fff 0%,#f8f4f0 100%);border-radius:12px;width:160px;height:120px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 20px 40px #00000014,inset 0 1px #ffffffe6}.gift-lid{z-index:10;background:linear-gradient(145deg,#fff 0%,#f8f4f0 100%);border-radius:8px;width:170px;height:35px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:55px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0000000f,inset 0 1px #ffffffe6}.gift-lid.opening{opacity:0;transform:translate(-50%)translateY(-60px)rotate(-15deg)}.gift-ribbon{z-index:20;transition:all .3s;position:absolute;inset:0}.ribbon-horizontal{background:linear-gradient(90deg, var(--accent-color) 0%, var(--accent-dark) 50%, var(--accent-color) 100%);border-radius:4px;width:24px;height:120px;position:absolute;top:60px;left:50%;transform:translate(-50%)}.ribbon-vertical{background:linear-gradient(180deg, var(--accent-color) 0%, var(--accent-dark) 50%, var(--accent-color) 100%);border-radius:4px;width:160px;height:24px;position:absolute;top:50px;left:50%;transform:translate(-50%)}.bow{z-index:30;width:80px;height:50px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:30px;left:50%;transform:translate(-50%)}.bow.opening{opacity:0;transform:translate(-50%)translateY(-80px)scale(.5)rotate(20deg)}.bow-left,.bow-right{background:linear-gradient(145deg, var(--accent-color) 0%, var(--accent-dark) 100%);border-radius:50% 50% 50% 0;width:35px;height:35px;position:absolute;top:10px;box-shadow:0 2px 8px #0000001a}.bow-left{left:5px;transform:rotate(-30deg)}.bow-right{border-radius:50% 50% 0;right:5px;transform:rotate(30deg)}.hint-text{color:var(--text-light);letter-spacing:2px;text-transform:uppercase;margin-top:30px;font-size:14px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.opening-container{animation:.3s ease-out fadeIn;position:relative}.sparkles{pointer-events:none;position:absolute;inset:0}.sparkle{background:var(--gold);border-radius:50%;width:10px;height:10px;animation:.8s ease-out forwards sparkle-out;position:absolute;top:50%;left:50%}@keyframes sparkle-out{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}to{transform:translate(calc(-50% + cos(var(--angle)) * 120px), calc(-50% + sin(var(--angle)) * 120px)) scale(1);opacity:0}}.message-container{animation:.8s cubic-bezier(.34,1.56,.64,1) message-in}@keyframes message-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.message{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #fff9;border-radius:30px;padding:60px;box-shadow:0 30px 60px #0000000f,inset 0 1px #ffffffe6}.gift-emoji{margin-bottom:20px;font-size:64px;animation:1s ease-in-out infinite bounce;display:block}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.reveal-text{color:var(--text-color);letter-spacing:-.5px;margin-bottom:12px;font-size:36px;font-weight:300}.subtitle{color:var(--text-light);letter-spacing:3px;font-size:18px;font-weight:300}.loading-dots{justify-content:center;gap:8px;margin-top:20px;display:flex}.dot{background:var(--accent-color);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite dot-pulse}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.gift-container:hover .gift-box{transform:translateY(-15px)scale(1.02)}.gift-container:hover .hint-text{opacity:1}@media (width<=480px){.gift-box{width:140px;height:140px}.gift-body{width:120px;height:90px}.gift-lid{width:130px;height:28px}.message{margin:20px;padding:40px}.reveal-text{font-size:28px}}