body{background:#090d12}main{max-width:900px;padding-top:0}header{position:absolute;top:28px;left:22px;right:22px;z-index:4;border:0;font-size:20px}header span{font-size:10px;letter-spacing:.3em}.christmas{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:105px 0 45px;transition:min-height 1.2s,padding 1.2s}.christmas:before{content:'';position:absolute;z-index:-2;inset:0 -22px;background:radial-gradient(ellipse at 50% 45%,#5a2227 0,#231721 37%,#090d12 75%);opacity:.9}.christmas:after{content:'';position:absolute;z-index:-1;inset:15% -15%;background:conic-gradient(from 0deg,transparent 0deg,#d0a6540b 12deg,transparent 28deg,transparent 45deg,#d0a6540c 60deg,transparent 80deg,transparent 130deg,#d0a6540b 145deg,transparent 170deg,transparent 220deg,#d0a6540b 240deg,transparent 260deg);border-radius:50%;animation:rays 50s linear infinite;pointer-events:none}.christmas h1{font-size:clamp(44px,8vw,74px);max-width:640px;letter-spacing:-.025em;text-shadow:0 4px 35px #e5b77d28}.christmas .eyebrow{font-size:11px;letter-spacing:.26em}.christmas .intro{max-width:380px;font-size:16px;margin:5px auto 0}.gift-scene{height:310px;width:100%;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}.gift-scene:focus-visible{outline:2px solid #eed9a1;outline-offset:3px;border-radius:12px}.gift{width:220px;height:184px;transform:rotate(-7deg);animation:floatGift 4s ease-in-out infinite}.gift-body{top:40px;background:linear-gradient(120deg,#ce4651,#992033 45%,#580d22);border-color:#d76979;box-shadow:inset 6px 0 15px #ffb3aa13,inset -12px 0 22px #25031866,0 35px 45px #0008}.gift-body:before{left:90px;width:39px;background:linear-gradient(90deg,#a78040,#f9e7aa 45%,#c69c53 85%)}.gift-lid{top:20px;height:44px;left:-10px;right:-10px;background:linear-gradient(100deg,#dc5864,#8e1c34);box-shadow:0 10px 9px #29051e88}.gift-lid:before{left:100px;width:39px}.bow{left:91px;top:-27px;width:38px;height:29px}.bow:before,.bow:after{width:60px;height:35px;border-width:9px;top:-8px}.bow:before{right:23px}.bow:after{left:23px}.gift-mark{bottom:28px;letter-spacing:.22em;font-size:14px}.halo{width:340px;height:290px;background:radial-gradient(ellipse,#ffd58135,transparent 65%);animation:breathe 4s ease-in-out infinite}.glow-card{left:25px;right:25px;top:50px;height:110px;font-size:29px;letter-spacing:.04em;box-shadow:0 0 40px #f6c764,0 0 90px #f6c76455}.gift-scene:after{content:'';position:absolute;bottom:18px;left:25%;right:25%;height:1px;background:linear-gradient(90deg,transparent,#dfbb7666,transparent)}#unwrap{font-size:16px;padding:17px 28px;border-radius:30px;max-width:320px;letter-spacing:.03em;box-shadow:0 0 30px #dcb8741a,0 12px 30px #0005}#unwrap:not(:disabled):hover{box-shadow:0 0 40px #dcb87455;transform:translateY(-2px)}.fairy-lights{top:82px;left:0;right:0;border-radius:50%;padding-top:6px}.fairy-lights i{height:10px;width:6px}.snow i{opacity:.55}.opened{min-height:70svh;padding-top:125px;padding-bottom:20px}.opened .gift{animation:none;transform:rotate(0) scale(.94)}.opened .gift-lid{transform:translate3d(50px,-150px,75px) rotate(-38deg)}.opened .glow-card{transform:translateY(-82px)}.opened .burst i{animation-duration:2.2s}.opened:after{animation:openingGlow 1.7s ease-out both}.opened .intro{color:#ead6b2}.greeting{text-align:center;padding:30px 20px 40px;border-top:1px solid #dab87c22;max-width:650px;margin:auto}.greeting h1{font-size:clamp(35px,6vw,48px)}#message{font-family:Georgia,serif;font-size:20px;line-height:1.7}#status{font-family:Arial,sans-serif;font-size:14px}.music{max-width:650px;margin:auto;box-shadow:0 20px 60px #0005}details{max-width:650px;margin:26px auto}.replay{font-size:13px;color:#cdb17d}.snow{mask-image:linear-gradient(black,black 75%,transparent)}@keyframes rays{to{transform:rotate(360deg)}}@keyframes floatGift{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-12px) rotate(-3deg)}}@keyframes breathe{50%{opacity:.6;transform:scale(1.1)}}@keyframes openingGlow{0%{opacity:.4;transform:scale(.8)}35%{opacity:1;transform:scale(1.35)}100%{opacity:.3;transform:scale(1.2)}}@media(max-width:450px){.christmas{padding-top:110px}.gift-scene{height:270px}.gift{transform:scale(.9) rotate(-7deg)}.christmas h1{font-size:44px}.christmas .intro{font-size:15px;max-width:300px}header{top:24px}.opened{min-height:75svh}.gift-scene:after{bottom:12px}}@media(prefers-reduced-motion:reduce){.christmas,.gift,.halo,.christmas:after{animation:none;transition:none}.opened:after{animation:none}.gift{transform:rotate(-5deg)}}