:root{--color-bg-dark: #0c1a0c;--color-bg-mid: #132513;--color-accent-red: #c41e3a;--color-accent-gold: #d4af37;--color-accent-green: #228b22;--color-text-light: #f5f5f5;--color-text-muted: #a8b5a8;--font-display: "Cinzel Decorative", serif;--font-body: "DM Sans", system-ui, sans-serif;--transition-base: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-body);color:var(--color-text-light);background:linear-gradient(135deg,var(--color-bg-dark) 0%,var(--color-bg-mid) 50%,#1a0a0a 100%);background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}main{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:10}.slideshow{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative}.sound-toggle{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:48px;height:48px;font-size:1.5rem;cursor:pointer;transition:var(--transition-base);backdrop-filter:blur(10px)}.sound-toggle:hover{background:#fff3;transform:scale(1.1)}.progress{position:absolute;top:1.5rem;left:1.5rem;font-size:1rem;color:var(--color-text-muted);background:#0000004d;padding:.5rem 1rem;border-radius:2rem;backdrop-filter:blur(10px);font-weight:500}.slide-content{text-align:center;max-width:900px;width:100%}.person-name{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,5rem);font-weight:900;color:var(--color-accent-gold);text-shadow:0 0 30px rgba(212,175,55,.5),0 4px 20px rgba(0,0,0,.5);margin-bottom:2rem;animation:nameGlow 2s ease-in-out infinite alternate}@keyframes nameGlow{0%{text-shadow:0 0 30px rgba(212,175,55,.5),0 4px 20px rgba(0,0,0,.5)}to{text-shadow:0 0 50px rgba(212,175,55,.8),0 4px 30px rgba(0,0,0,.5)}}.prompt{font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.4;color:var(--color-text-light);margin-bottom:3rem;text-shadow:0 2px 10px rgba(0,0,0,.5)}.prompt-small{font-size:clamp(1rem,2.5vw,1.5rem);margin-bottom:1.5rem;opacity:.8}.question-view{animation:fadeSlideUp .5s ease-out}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.answer-view{animation:fadeSlideUp .5s ease-out}.stat-reveal{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:3rem}.stat-value{font-family:var(--font-display);font-size:clamp(4rem,15vw,10rem);font-weight:900;color:var(--color-accent-red);text-shadow:0 0 60px rgba(196,30,58,.6),0 0 120px rgba(196,30,58,.4),0 8px 40px rgba(0,0,0,.5);animation:statPop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes statPop{0%{opacity:0;transform:scale(.3);filter:blur(20px)}60%{filter:blur(0)}to{opacity:1;transform:scale(1)}}.stat-unit{font-size:clamp(1.2rem,3vw,2rem);color:var(--color-text-muted);text-transform:lowercase;letter-spacing:.1em}.btn{font-family:var(--font-body);font-size:1.25rem;font-weight:700;padding:1rem 3rem;border:none;border-radius:3rem;cursor:pointer;transition:var(--transition-base);text-transform:uppercase;letter-spacing:.1em}.btn-reveal{background:linear-gradient(135deg,var(--color-accent-red),#8b0000);color:#fff;box-shadow:0 4px 20px #c41e3a66,0 0 40px #c41e3a33}.btn-reveal:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px #c41e3a80,0 0 60px #c41e3a4d}.btn-next{background:linear-gradient(135deg,var(--color-accent-green),#145214);color:#fff;box-shadow:0 4px 20px #228b2266,0 0 40px #228b2233}.btn-next:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px #228b2280,0 0 60px #228b224d}.btn-restart{background:linear-gradient(135deg,var(--color-accent-gold),#8b7500);color:#1a1a1a;box-shadow:0 4px 20px #d4af3766,0 0 40px #d4af3733}.btn-restart:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px #d4af3780,0 0 60px #d4af374d}.action-buttons{animation:fadeSlideUp .5s ease-out .3s both}.restart-link{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);background:none;border:none;color:var(--color-text-muted);font-size:.9rem;cursor:pointer;opacity:.6;transition:var(--transition-base)}.restart-link:hover{opacity:1;color:var(--color-text-light)}body:before,body:after{content:"❄";position:fixed;font-size:4rem;opacity:.1;pointer-events:none;z-index:0}body:before{top:2rem;left:2rem;animation:float 6s ease-in-out infinite}body:after{bottom:2rem;right:2rem;animation:float 6s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}@media (max-width: 768px){.slideshow{padding:1rem}.sound-toggle{top:1rem;right:1rem;width:40px;height:40px;font-size:1.2rem}.progress{top:1rem;left:1rem;font-size:.875rem;padding:.4rem .8rem}.btn{padding:.875rem 2rem;font-size:1rem}body:before,body:after{font-size:2.5rem}}.intro-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center}.intro-content{animation:introFadeIn 1s ease-out}@keyframes introFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.intro-ornament{font-size:clamp(4rem,10vw,6rem);animation:ornamentBounce 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(34,139,34,.5))}@keyframes ornamentBounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(5deg)}}.intro-title{font-family:var(--font-display);font-size:clamp(3.5rem,12vw,7rem);font-weight:900;color:var(--color-accent-gold);text-shadow:0 0 40px rgba(212,175,55,.6),0 4px 20px rgba(0,0,0,.5);margin:.5rem 0;animation:introFadeIn 1s ease-out .2s both}.intro-year{font-size:clamp(1.5rem,4vw,2.5rem);color:var(--color-text-light);font-weight:500;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.5rem;animation:introFadeIn 1s ease-out .4s both}.intro-divider{display:flex;justify-content:center;gap:2rem;font-size:1.5rem;color:var(--color-text-muted);margin-bottom:1.5rem;animation:introFadeIn 1s ease-out .5s both}.intro-divider span{animation:snowflakeSpin 4s linear infinite}.intro-divider span:nth-child(2){animation-delay:-1.3s}.intro-divider span:nth-child(3){animation-delay:-2.6s}@keyframes snowflakeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.intro-subtitle{font-size:clamp(1.2rem,3vw,1.8rem);color:var(--color-text-muted);margin-bottom:2.5rem;animation:introFadeIn 1s ease-out .6s both}.btn-start{background:linear-gradient(135deg,var(--color-accent-red),#8b0000);color:#fff;box-shadow:0 4px 30px #c41e3a80,0 0 60px #c41e3a4d;animation:introFadeIn 1s ease-out .8s both,pulse 2s ease-in-out infinite 1.8s}@keyframes pulse{0%,to{box-shadow:0 4px 30px #c41e3a80,0 0 60px #c41e3a4d}50%{box-shadow:0 4px 40px #c41e3ab3,0 0 80px #c41e3a80}}.btn-start:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 40px #c41e3a99,0 0 80px #c41e3a66}.thank-you-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center}.thank-you-content{animation:thankYouFadeIn 1.5s ease-out}@keyframes thankYouFadeIn{0%{opacity:0;transform:scale(.8) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}.thank-you-title{font-family:var(--font-display);font-size:clamp(4rem,12vw,8rem);font-weight:900;background:linear-gradient(135deg,var(--color-accent-gold) 0%,#fff8dc 50%,var(--color-accent-gold) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease-in-out infinite;margin-bottom:.5rem;text-shadow:none;filter:drop-shadow(0 4px 30px rgba(212,175,55,.5))}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.thank-you-subtitle{font-size:clamp(1.5rem,4vw,2.5rem);color:var(--color-text-muted);margin-bottom:2rem;animation:fadeSlideUp 1s ease-out .3s both}.thank-you-message{font-size:clamp(1.2rem,3vw,1.8rem);line-height:1.8;color:var(--color-text-light);margin-bottom:3rem}.thank-you-message p{animation:fadeSlideUp .8s ease-out both}.thank-you-message p:nth-child(1){animation-delay:.5s}.thank-you-message p:nth-child(2){animation-delay:.7s}.thank-you-message p:nth-child(3){animation-delay:.9s}.thank-you-highlight{font-size:clamp(1.4rem,3.5vw,2rem);color:var(--color-accent-gold);font-weight:700;margin-top:1rem!important}.thank-you-restart{animation:fadeSlideUp .8s ease-out 1.2s both}.slideshow:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,var(--color-accent-red) 0px,var(--color-accent-red) 20px,var(--color-accent-green) 20px,var(--color-accent-green) 40px,var(--color-accent-gold) 40px,var(--color-accent-gold) 60px);animation:lightsShimmer 2s linear infinite}@keyframes lightsShimmer{0%{filter:brightness(1)}50%{filter:brightness(1.3)}to{filter:brightness(1)}}