*{box-sizing:border-box}body{margin:0;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(circle at top,#ffecd2 0,#8b0000 40%,#08000f);color:#fff;min-height:100vh;overflow-x:hidden}.app-root{min-height:100vh;position:relative;overflow:hidden}.content-wrapper{position:relative;z-index:3;padding:30px 16px 80px;display:flex;align-items:center;justify-content:center}.main-card{max-width:960px;width:100%;background:#0f0314d6;border-radius:24px;padding:32px 24px 40px;border:1px solid rgba(255,215,0,.35);box-shadow:0 24px 60px #000000b3,0 0 40px #ffd70040}.app-title{font-size:clamp(2.2rem,4vw,3rem);font-weight:700;text-align:center;margin:0 0 8px;text-shadow:0 0 18px rgba(255,215,0,.9)}.app-subtitle{text-align:center;font-size:1.05rem;opacity:.9;letter-spacing:.06em;text-transform:uppercase;margin-bottom:26px}button{cursor:pointer;border:none;padding:12px 24px;margin-top:10px;border-radius:999px;background:linear-gradient(135deg,#ff4b5c,#ff9a62);color:#fff;font-size:1rem;font-weight:600;letter-spacing:.03em;transition:.2s ease-in-out}button:hover{background:linear-gradient(135deg,#ff1f3f,#ff7a2e);transform:translateY(-1px) scale(1.03);box-shadow:0 0 14px #ffb478b3}button:active{transform:translateY(0) scale(.98);box-shadow:none}input{padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2);margin:10px 0;width:260px;font-size:1rem;background:#0c0512d9;color:#fff;outline:none}input::placeholder{color:#fff9}.snow{pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.snowflake{position:absolute;top:-10px;color:#fff;font-size:1em;opacity:.8;animation:fall linear infinite,drift ease-in-out infinite}@keyframes fall{0%{top:-10%}to{top:110%}}@keyframes drift{0%{transform:translate(0)}50%{transform:translate(40px)}to{transform:translate(0)}}@keyframes snowBack{0%{background-position:0 0}to{background-position:-200px 800px}}@keyframes snowMid{0%{background-position:0 0}to{background-position:200px 1200px}}@keyframes snowFront{0%{background-position:0 0}to{background-position:-400px 1600px}}.cinematic-glow{position:absolute;inset:-40px;background:radial-gradient(circle at top,rgba(255,255,255,.12),transparent 60%);mix-blend-mode:screen;pointer-events:none;z-index:-1}.participant-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;margin:6px;background:radial-gradient(circle at top left,#ffb347,#e63946);box-shadow:0 0 12px #ff828299;font-size:.95rem}.participant-chip span{font-weight:600}.remove-chip{background:#00000042;padding:2px 8px;border-radius:999px;font-size:.8rem}.envelope-container{animation:popIn .8s ease forwards;display:inline-block;margin-top:10px}@keyframes popIn{0%{transform:scale(.6) rotate(-7deg);opacity:0}60%{transform:scale(1.05) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0)}}.envelope{width:240px;height:150px;background:linear-gradient(135deg,gold,#ffb347);border:solid 4px #b8860b;border-radius:16px;position:relative;box-shadow:0 0 18px #ffd700e6;overflow:hidden}.envelope-flap{width:100%;height:65%;background:linear-gradient(135deg,#fff7c0,#ffd24c);position:absolute;top:0;clip-path:polygon(0 0,100% 0,50% 85%);transform-origin:top;animation:openFlap 1.2s ease forwards}@keyframes openFlap{0%{transform:rotateX(0)}40%{transform:rotateX(110deg)}to{transform:rotateX(180deg)}}.envelope-light-beam{position:absolute;inset:40% -40px auto;height:110%;background:radial-gradient(circle at top,rgba(255,255,255,.9),transparent 70%);opacity:0;animation:beam 1.4s ease-out .3s forwards}@keyframes beam{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(-10px)}}.reveal-card{margin-top:30px;font-size:1.9rem;font-weight:700;text-shadow:0 0 18px rgba(255,255,255,.9);animation:fadeInCard 1.4s ease forwards}@keyframes fadeInCard{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.eq-bars{display:flex;gap:3px}.eq-bar{width:4px;height:10px;border-radius:999px;background:#fffc;animation:eq .8s ease-in-out infinite alternate}.eq-bar:nth-child(2){animation-delay:.1s}.eq-bar:nth-child(3){animation-delay:.2s}.eq-bar:nth-child(4){animation-delay:.3s}@keyframes eq{0%{transform:scaleY(.3);opacity:.6}to{transform:scaleY(1.4);opacity:1}}.santa-wrapper{position:fixed;top:12%;left:-260px;width:220px;z-index:4;pointer-events:none;font-size:2rem;animation:flyAcross 13s linear forwards}@keyframes flyAcross{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}to{transform:translate(140vw) translateY(-10px);opacity:0}}.footer-note{margin-top:28px;text-align:center;font-size:.85rem;opacity:.7}@media(max-width:640px){.main-card{padding:24px 16px 30px}.app-title{font-size:2rem}}.magic-select-wrapper{position:relative;width:260px;font-family:Poppins,sans-serif}.magic-select-btn{width:100%;padding:12px 16px;font-size:16px;border-radius:50px;border:none;background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#3a1f1a;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:.25s ease;box-shadow:0 3px 10px #0000004d}.magic-select-btn:hover{transform:scale(1.02);box-shadow:0 5px 18px #00000059}.magic-select-btn.open{border-bottom-left-radius:15px;border-bottom-right-radius:15px}.magic-select-btn .chevron{font-size:20px}.magic-select-dropdown{position:absolute;top:50px;width:100%;background:#fffffff2;border-radius:16px;box-shadow:0 6px 18px #00000040;padding:8px 0;animation:fadeIn .2s ease;z-index:20}.magic-select-option{padding:12px 18px;font-size:16px;cursor:pointer;border-radius:8px;color:#3a1f1a;transition:.2s}.magic-select-option:hover{background:#ffe3d1}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.back-home-btn{margin-top:25px;padding:12px 24px;background:linear-gradient(135deg,#ffb199,#ff0844);border:none;border-radius:50px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:.25s}.back-home-btn:hover{transform:scale(1.05);box-shadow:0 6px 18px #0006}.envelope-animation{position:relative;margin-top:40px;width:260px;height:180px}.envelope-front,.envelope-back{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#b52b2b,#7f1010);border-radius:12px;box-shadow:0 4px 18px #0006;transform-origin:top center;backface-visibility:hidden;transition:transform .6s ease}.envelope-front{z-index:3}.envelope-front.open{transform:rotateX(-150deg)}.envelope-back{z-index:1}.envelope-letter{position:absolute;top:100%;left:0;width:100%;background:radial-gradient(circle at top,#fff,#f6f6f6);height:140px;border-radius:8px;padding:20px;text-align:center;transition:all .9s ease;box-shadow:0 0 25px #ffffffb3;opacity:0;z-index:2}.envelope-letter.slide{top:20px;opacity:1}.snow-layer{pointer-events:none;position:fixed;inset:0;z-index:0;opacity:0;transition:opacity 1.2s ease;overflow:hidden}.snow-layer.snow-active{opacity:1}.snow-layer:before{content:"";position:absolute;inset:-200px 0 0;background-image:radial-gradient(circle,rgba(255,255,255,.9) 0%,transparent 60%);background-size:12px 12px;background-repeat:repeat;animation:snowfallClean 12s linear infinite;opacity:.5}@keyframes snowfallClean{0%{transform:translateY(0)}to{transform:translateY(800px)}}.sparkle-burst-container{pointer-events:none;position:fixed;inset:0;z-index:2}.sparkle-burst{position:absolute;top:50%;left:50%;width:180px;height:180px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95) 0,transparent 55%),radial-gradient(circle at 20% 20%,rgba(255,255,200,.9) 0,transparent 50%),radial-gradient(circle at 80% 30%,rgba(255,200,255,.8) 0,transparent 50%),radial-gradient(circle at 30% 80%,rgba(200,255,255,.9) 0,transparent 55%);box-shadow:0 0 20px #ffffffe6,0 0 40px #ffffc8b3,0 0 60px #ffc8ff99;animation:sparkleBurst .7s ease-out forwards}@keyframes sparkleBurst{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}40%{transform:translate(-50%,-50%) scale(1.1);opacity:1}to{transform:translate(-50%,-50%) scale(.2);opacity:0}}.gold-sweep{position:absolute;top:55%;left:50%;width:180px;height:60px;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,rgba(255,255,200,.95),transparent);opacity:0;z-index:3;filter:blur(8px)}.sweep-active{opacity:1;animation:goldSweep .9s ease-out forwards}@keyframes goldSweep{0%{transform:translate(-80%,-50%) scaleX(.4)}to{transform:translate(40%,-50%) scaleX(1.1)}}.cinematic-name{font-size:1.6rem;font-weight:700;letter-spacing:1px;color:#b02525;animation:namePulse 2s ease infinite}@keyframes namePulse{0%{text-shadow:0 0 0px gold}50%{text-shadow:0 0 18px gold}to{text-shadow:0 0 0px gold}}.reveal-container{text-align:center;padding:30px}.secret-card{width:320px;margin:0 auto;padding:25px;border-radius:16px;background:#ffffff1a;border:2px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:2rem;color:#fff;opacity:0;transform:scale(.6) rotateX(40deg);transition:all .8s cubic-bezier(.16,1,.3,1)}.secret-card-show{opacity:1;transform:scale(1) rotateX(0)}.receiver-big{font-size:2.2rem;font-weight:700}.dots{opacity:.5}.back-btn{margin-top:25px}.receiver-animated{font-size:2.6rem;font-weight:800;letter-spacing:1.5px;color:#fff5d6;text-shadow:0 0 12px rgba(255,230,160,.9),0 0 28px rgba(255,200,80,.8),0 0 55px rgba(255,150,50,.55);position:relative;display:inline-block;opacity:0;animation:revealFade 1.2s ease forwards .2s,glowPulseStrong 2.8s ease-in-out 1.2s infinite}@keyframes glowPulseStrong{0%{text-shadow:0 0 10px rgba(255,225,160,.6),0 0 20px rgba(255,200,100,.5),0 0 35px rgba(255,150,60,.4)}50%{text-shadow:0 0 16px rgba(255,240,200,1),0 0 38px rgba(255,200,90,.9),0 0 70px rgba(255,160,70,.7)}to{text-shadow:0 0 10px rgba(255,225,160,.6),0 0 20px rgba(255,200,100,.5),0 0 35px rgba(255,150,60,.4)}}@keyframes revealFade{0%{opacity:0;transform:translateY(12px)}60%{opacity:1;transform:translateY(0)}to{opacity:1}}@keyframes glowPulse{0%{text-shadow:0 0 0px rgba(255,223,140,0)}50%{text-shadow:0 0 18px rgba(255,215,130,.9)}to{text-shadow:0 0 4px rgba(255,215,130,.3)}}.receiver-animated:after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%);transform:skew(-20deg);opacity:0;animation:sparkleSweep .9s ease .4s forwards}@keyframes sparkleSweep{0%{left:-40%;opacity:0}25%{opacity:1}70%{left:110%;opacity:.6}to{left:130%;opacity:0}}.fireworks-canvas{position:fixed;top:0;left:0;pointer-events:none;z-index:9999}.cinema-card{width:280px;padding:28px 20px;border-radius:16px;background:#00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid rgba(255,215,140,.3);box-shadow:0 0 25px #ffc8504d;margin:0 auto;text-align:center;transition:all .8s ease;transform:translateY(20px) scale(.9);opacity:0}.cinema-card.cinema-reveal{transform:translateY(0) scale(1);opacity:1;border-color:#ffe6aacc;box-shadow:0 0 40px #ffdc8cb3}.cinematic-name{font-size:2rem;text-shadow:0 0 15px rgba(255,255,200,.8),0 0 25px rgba(255,200,120,.6),0 0 45px rgba(255,160,80,.5);animation:cinematicPulse 1.5s infinite ease-in-out}@keyframes cinematicPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}to{transform:scale(1);opacity:1}}.theme-default{--card-bg: rgba(0,0,0,.77);--glow-color: rgba(255,255,200,.4)}.theme-gold{--card-bg: rgba(50,40,0,.35);--glow-color: rgba(255,220,120,.7);background:radial-gradient(circle,#3a2a00,#120d00)}.theme-kids{--card-bg: rgba(255,255,255,.15);--glow-color: rgba(255,120,200,.7);background:linear-gradient(140deg,#ff85b3,#ffd56b,#8fe3ff)}.theme-ice{--card-bg: rgba(0,30,80,.25);--glow-color: rgba(120,200,255,.7);background:linear-gradient(140deg,#001f3f,#036)}.main-card{background:var(--card-bg)}.cinematic-glow{box-shadow:0 0 50px var(--glow-color)}