.gift-box-wrapper{z-index:60;cursor:pointer;flex-direction:column;align-items:center;gap:4px;transition:filter .2s;display:flex;position:fixed;top:20px;right:24px}.gift-box-wrapper:hover{filter:brightness(1.05)}@media (max-width:767px){.gift-box-wrapper{top:56px;right:16px}}.gift-box-label{color:#2d2d2d;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd9;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:600;box-shadow:0 1px 4px #0000001a}.gift-box-3d{perspective:800px;transform-style:preserve-3d;flex-direction:column;align-items:center;display:flex}@media (max-width:767px){.gift-box-3d{perspective:600px}}.gift-lid{transform-origin:top;z-index:2;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.gift-lid-open{transform:rotateX(-130deg)rotateY(8deg)}.gift-body{z-index:1;margin-top:-1px}.gift-shake-loop{animation:.6s ease-in-out infinite giftShakeLoop}@keyframes giftShakeLoop{0%,to{transform:translateY(0)rotate(0)}20%{transform:translateY(-4px)rotate(-5deg)}40%{transform:translateY(-2px)rotate(5deg)}60%{transform:translateY(-4px)rotate(-3deg)}80%{transform:translateY(-2px)rotate(3deg)}}.gift-phase-shake{animation:.7s ease-in-out giftShakeOnce}@keyframes giftShakeOnce{0%,to{transform:rotate(0)}15%{transform:rotate(-10deg)}30%{transform:rotate(10deg)}45%{transform:rotate(-7deg)}60%{transform:rotate(7deg)}75%{transform:rotate(-4deg)}90%{transform:rotate(4deg)}}.gift-phase-scale{animation:.7s forwards giftScaleUp}@keyframes giftScaleUp{0%{top:20px;right:24px;transform:scale(1)}to{top:calc(50vh - 28px);right:calc(50vw - 28px);transform:scale(2.5)}}@media (max-width:767px){.gift-phase-scale{animation:.7s forwards giftScaleUpMobile}@keyframes giftScaleUpMobile{0%{top:56px;right:16px;transform:scale(1)}to{top:calc(50vh - 28px);right:calc(50vw - 28px);transform:scale(2)}}}.gift-phase-open{top:calc(50vh - 28px);right:calc(50vw - 28px);transform:scale(2.5)}@media (max-width:767px){.gift-phase-open{transform:scale(2)}}.gift-phase-glow{opacity:0;transition:opacity .5s ease-out;top:calc(50vh - 28px);right:calc(50vw - 28px);transform:scale(2.5)}@media (max-width:767px){.gift-phase-glow{transform:scale(2)}}.gift-glow-overlay{pointer-events:none;z-index:59;opacity:0;border-radius:50%;width:300px;height:300px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.gift-glow-overlay:before{content:"";background:radial-gradient(circle,#fffffff2 0%,#fff8f0cc 30%,#fff0e680 60%,#0000 100%);border-radius:50%;position:absolute;inset:0}.gift-glow-overlay:after{content:"";background:radial-gradient(circle,#ffe8e066 0%,#ffe0d633 50%,#0000 100%);border-radius:50%;position:absolute;inset:-40%}.gift-glow-overlay.active{animation:.8s cubic-bezier(.22,1,.36,1) forwards glowExpand}@media (max-width:767px){.gift-glow-overlay{width:200px;height:200px}}@keyframes glowExpand{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}30%{opacity:.6}to{opacity:1;transform:translate(-50%,-50%)scale(5)}}.gift-phase-idle .gift-box-3d{animation:3s ease-in-out infinite giftBoxFloat}@keyframes giftBoxFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.gift-phase-idle .gift-body svg{animation:2s ease-in-out infinite giftGlowPulse}@keyframes giftGlowPulse{0%,to{filter:drop-shadow(0 2px 8px #a8d8ea66)}50%{filter:drop-shadow(0 4px 16px #a8d8eab3)}}