@layer base{:root{--bg-dark:#080511;--gold-glow:#ffd70066;--amber-glow:#fbbf244d}html,body{background-color:var(--bg-dark);color:#fff;width:100%;height:100%;margin:0;padding:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}}.transform-preserve-3d{transform-style:preserve-3d}@keyframes floatBox{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(1deg)}}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 15px #eab3084d)}50%{filter:drop-shadow(0 0 35px #ffd700b3)}}.gift-wrapper{perspective:1000px;animation:4s ease-in-out infinite floatBox}.gift-box{animation:3s ease-in-out infinite pulseGlow}.gift-wrapper:hover{animation-play-state:paused}.gift-wrapper:hover .gift-box{transform:scale(1.05)translateY(-5px)}@keyframes floatPortrait{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}.portrait-card-floating{animation:4s ease-in-out infinite floatPortrait}@keyframes flameFlicker{0%,to{filter:drop-shadow(0 0 8px #fbbf24e6);transform:scale(1)rotate(-1deg)}25%{filter:drop-shadow(0 0 12px gold);transform:scale(1.08,.94)rotate(2deg)}50%{filter:drop-shadow(0 0 6px #f59e0bcc);transform:scale(.95,1.05)rotate(-2deg)}75%{filter:drop-shadow(0 0 14px #fbbf24);transform:scale(1.05,.98)rotate(1deg)}}.candle-flame{animation:1.8s ease-in-out infinite flameFlicker}.candle-item{touch-action:manipulation;cursor:pointer;padding:4px 6px;pointer-events:auto!important}.candle-item *{pointer-events:auto}.candle-item.active-candle{filter:drop-shadow(0 0 12px #ffd700cc);opacity:1!important}.candle-item.active-candle .active-guide-indicator{display:block!important}.candle-item.extinguished{opacity:.45!important;pointer-events:none!important}.candle-item:focus-visible{outline-offset:6px;border-radius:8px;outline:2px solid #facc15}#cake-icing-message{text-shadow:0 0 10px #ffd700cc,0 2px 4px #000000e6;letter-spacing:.05em;font-family:Great Vibes,cursive,serif}.polaroid-card{backface-visibility:hidden;box-shadow:0 20px 45px #0009,0 0 25px #ffd70040}@keyframes floatPolaroid{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(1deg)}}.polaroid-floating{animation:5s ease-in-out infinite floatPolaroid}.envelope-flap{clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transform-style:preserve-3d}.letter-paper{background-image:radial-gradient(#f3f4f6 .5px,#0000 .5px),radial-gradient(#f3f4f6 .5px,#fffdfa .5px);background-position:0 0,10px 10px;background-size:20px 20px}.bg-gradient-radial{background-image:radial-gradient(circle, var(--tw-gradient-stops))}.stage-section{transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.stage-section.hidden{opacity:0;pointer-events:none;display:none!important}.stage-section.active{opacity:1;display:flex!important}.glass-panel{-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000005e}.audio-control-btn:focus-visible{outline-offset:4px;outline:2px solid #facc15}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#080511}::-webkit-scrollbar-thumb{background:#2a1b4e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3b2868}@media (prefers-reduced-motion:reduce){.gift-wrapper,.sparkle{animation:none!important}.stage-section{transition:opacity .3s!important}}@keyframes heartFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes heartBeat{0%,to{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}42%{transform:scale(1.08)}56%{transform:scale(1)}}#surprise-heart-trigger{animation:3.5s ease-in-out infinite heartFloat}#surprise-heart{justify-content:center;align-items:center;min-width:80px;min-height:80px;animation:1.8s ease-in-out infinite heartBeat;display:flex}