.app{min-height:100vh;position:relative;overflow:hidden;transition:background 1s var(--ease-out-expo)}.theme-toggle{position:fixed;top:32px;right:32px;z-index:100;width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s var(--ease-out-expo);opacity:0;animation:fade-in 1s var(--ease-out-expo) 1.2s forwards}.night .theme-toggle{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.day .theme-toggle{background:#0000000f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08)}.theme-toggle:hover{transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}.toggle-icon{font-size:24px;line-height:1;transition:transform .4s var(--ease-out-expo)}.theme-toggle:hover .toggle-icon{transform:rotate(20deg)}.app.day{background:linear-gradient(180deg,#87ceeb,#e0f4ff,#fff5e6)}.day-bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;opacity:0;transition:opacity 1s var(--ease-out-expo);pointer-events:none}.day .day-bg{opacity:1}.day-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,200,100,.3) 0%,transparent 50%)}.sun{position:absolute;top:8%;right:15%;width:120px;height:120px;background:radial-gradient(circle,#ffe484,#ffd54f,#ffc107);border-radius:50%;box-shadow:0 0 60px 30px #ffc10766,0 0 120px 60px #ffc10733,0 0 200px 100px #ffc1071a;animation:sun-pulse 8s ease-in-out infinite}.sun-rays{position:absolute;top:8%;right:15%;width:120px;height:120px;background:transparent;border-radius:50%;animation:sun-rotate 30s linear infinite}.sun-rays:before{content:"";position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0deg,rgba(255,215,0,.1) 10deg,transparent 20deg);border-radius:50%}@keyframes sun-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes sun-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cloud{position:absolute;left:-200px;width:200px;height:60px;background:#fff;border-radius:50px;animation:cloud-move linear infinite;filter:blur(2px)}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud:before{width:80px;height:80px;top:-40px;left:30px}.cloud:after{width:60px;height:60px;top:-30px;right:40px}@keyframes cloud-move{0%{transform:translate(0)}to{transform:translate(calc(100vw + 400px))}}.light-particle{position:absolute;bottom:-20px;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);border-radius:50%;animation:particle-rise linear infinite;pointer-events:none}@keyframes particle-rise{0%{transform:translateY(0) scale(0);opacity:0}20%{opacity:.6;transform:translateY(-20vh) scale(1)}80%{opacity:.6}to{transform:translateY(-100vh) scale(.5);opacity:0}}.app.night{background:#000}.night-bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;opacity:0;transition:opacity 1s var(--ease-out-expo);pointer-events:none}.night .night-bg{opacity:1}.moon{position:absolute;top:10%;right:12%;width:80px;height:80px;background:radial-gradient(circle at 30% 30%,#fffde7,#fff9c4,#e8e4c9);border-radius:50%;box-shadow:0 0 30px 10px #fff9c44d,0 0 60px 30px #fff9c426,inset -10px -10px 20px #0000001a;animation:moon-glow 6s ease-in-out infinite}.moon-glow{position:absolute;top:10%;right:12%;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(255,249,196,.2) 0%,transparent 60%);transform:scale(3);animation:moon-halo 8s ease-in-out infinite}@keyframes moon-glow{0%,to{opacity:1}50%{opacity:.85}}@keyframes moon-halo{0%,to{transform:scale(3);opacity:.5}50%{transform:scale(3.5);opacity:.3}}.star{position:absolute;background:#fff;border-radius:50%;animation:star-twinkle ease-in-out infinite}@keyframes star-twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.gradient-sphere{position:absolute;border-radius:50%;filter:blur(100px);opacity:0;transition:opacity 2s var(--ease-out-expo)}.mounted.night .gradient-sphere{opacity:1}.sphere-1{width:800px;height:800px;background:radial-gradient(circle,rgba(191,90,242,.4) 0%,transparent 70%);top:-20%;right:-10%;animation:float-1 25s ease-in-out infinite}.sphere-2{width:600px;height:600px;background:radial-gradient(circle,rgba(41,151,255,.35) 0%,transparent 70%);bottom:-15%;left:-5%;animation:float-2 30s ease-in-out infinite}.sphere-3{width:500px;height:500px;background:radial-gradient(circle,rgba(255,55,95,.25) 0%,transparent 70%);top:40%;left:50%;transform:translate(-50%);animation:float-3 20s ease-in-out infinite}@keyframes float-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-50px,30px) scale(1.1)}66%{transform:translate(30px,-20px) scale(.95)}}@keyframes float-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.05)}66%{transform:translate(-30px,20px) scale(1.1)}}@keyframes float-3{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.2)}}.snow{position:absolute;top:-10px;background:#fff;border-radius:50%;animation:snowfall linear infinite;will-change:transform}@keyframes snowfall{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) translate(100px) rotate(360deg);opacity:0}}.content{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;max-width:1200px;margin:0 auto}.header{position:absolute;top:40px;left:50%;transform:translate(-50%);opacity:0;animation:fade-in 1s var(--ease-out-expo) .2s forwards}.logo{font-size:24px;display:block;transition:color .5s ease}.night .logo{color:var(--color-text-secondary)}.day .logo{color:#0006}.hero{text-align:center;margin-bottom:80px}.eyebrow{font-family:var(--font-display);font-size:17px;font-weight:500;letter-spacing:.02em;margin-bottom:20px;opacity:0;transform:translateY(20px);animation:slide-up 1s var(--ease-out-expo) .3s forwards;transition:color .5s ease}.night .eyebrow{color:var(--color-accent)}.day .eyebrow{color:#d97706}.headline{font-family:var(--font-display);font-size:clamp(48px,12vw,120px);font-weight:700;line-height:1;letter-spacing:-.025em;margin-bottom:24px;opacity:0;transform:translateY(30px);animation:slide-up 1.2s var(--ease-out-expo) .4s forwards;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:background .5s ease}.night .headline{background:linear-gradient(135deg,#fff,#fff 40%,#bf5af2e6 60%,#ff375fe6);-webkit-background-clip:text;background-clip:text}.day .headline{background:linear-gradient(135deg,#1a1a2e,#1a1a2e,#d97706 60%,#dc2626);-webkit-background-clip:text;background-clip:text}.subheadline{font-family:var(--font-display);font-size:clamp(18px,3vw,24px);font-weight:400;letter-spacing:-.01em;opacity:0;transform:translateY(20px);animation:slide-up 1s var(--ease-out-expo) .6s forwards;transition:color .5s ease}.night .subheadline{color:var(--color-text-secondary)}.day .subheadline{color:#00000080}.countdown{width:100%;max-width:900px;margin-bottom:80px;opacity:0;transform:translateY(30px);animation:slide-up 1.2s var(--ease-out-expo) .7s forwards}.countdown-grid{display:flex;align-items:center;justify-content:center;gap:clamp(16px,4vw,40px);padding:48px;border-radius:24px;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);transition:all .5s ease}.night .countdown-grid{background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.day .countdown-grid{background:#fff9;border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #00000014}.time-unit{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:80px}.time-value{font-family:var(--font-display);font-size:clamp(40px,10vw,80px);font-weight:200;letter-spacing:-.02em;line-height:1;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-variant-numeric:tabular-nums;transition:background .5s ease}.night .time-value{background:linear-gradient(180deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text}.day .time-value{background:linear-gradient(180deg,#1a1a2e,#1a1a2eb3);-webkit-background-clip:text;background-clip:text}.time-label{font-family:var(--font-text);font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;transition:color .5s ease}.night .time-label{color:var(--color-text-tertiary)}.day .time-label{color:#00000059}.time-separator{width:4px;height:4px;border-radius:50%;align-self:flex-start;margin-top:clamp(20px,5vw,40px);transition:background .5s ease}.night .time-separator{background:var(--color-text-tertiary)}.day .time-separator{background:#0003}.quote{text-align:center;margin-bottom:60px;opacity:0;transform:translateY(20px);animation:slide-up 1s var(--ease-out-expo) .9s forwards}.quote blockquote{font-family:var(--font-display);font-size:clamp(18px,3vw,28px);font-weight:300;font-style:italic;letter-spacing:-.01em;max-width:600px;margin:0 auto;transition:color .5s ease}.night .quote blockquote{color:var(--color-text-secondary)}.day .quote blockquote{color:#00000080}.footer{text-align:center;opacity:0;animation:fade-in 1s var(--ease-out-expo) 1.1s forwards}.footer-line{width:40px;height:1px;margin:0 auto 20px;transition:background .5s ease}.night .footer-line{background:linear-gradient(90deg,transparent,var(--color-text-tertiary),transparent)}.day .footer-line{background:linear-gradient(90deg,transparent,rgba(0,0,0,.2),transparent)}.footer p{font-size:14px;letter-spacing:.02em;transition:color .5s ease}.night .footer p{color:var(--color-text-tertiary)}.day .footer p{color:#00000059}.glass-accent{position:fixed;bottom:-200px;left:50%;transform:translate(-50%);width:80%;max-width:800px;height:400px;border-radius:50% 50% 0 0;pointer-events:none;z-index:5;transition:background .5s ease}.night .glass-accent{background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%)}.day .glass-accent{background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,transparent 100%)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.theme-toggle{top:20px;right:20px;width:48px;height:48px}.toggle-icon{font-size:20px}.sun{width:80px;height:80px;top:5%;right:10%}.moon{width:60px;height:60px;top:5%;right:10%}.countdown-grid{padding:32px 20px;gap:12px}.time-unit{min-width:60px}.time-separator{width:3px;height:3px}.hero,.countdown{margin-bottom:60px}}@media (max-width: 480px){.countdown-grid{flex-wrap:wrap;gap:24px 16px}.time-separator{display:none}.time-unit{flex:1 1 40%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.snow,.star,.cloud,.light-particle{display:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #000000;--color-text: #f5f5f7;--color-text-secondary: rgba(245, 245, 247, .6);--color-text-tertiary: rgba(245, 245, 247, .3);--color-accent: #2997ff;--color-accent-secondary: #bf5af2;--color-accent-tertiary: #ff375f;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quint: cubic-bezier(.22, 1, .36, 1)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-text);background:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}