@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap";:root{--font-main: "Inter", system-ui, -apple-system, sans-serif;--bg-gradient: linear-gradient(135deg, #1e1e24, #2a2a35);--text-color: #ffffff;--accent-color: #ff0055;--transition-speed: .5s}body.theme-christmas{--bg-gradient: linear-gradient(135deg, #0f2027, #203a43, #2c5364);--accent-color: #ff3333}body.theme-newyear{--bg-gradient: linear-gradient(135deg, #141E30, #243B55);--accent-color: #FFD700}body.theme-easter{--bg-gradient: linear-gradient(135deg, #FF9A8B 0%, #FF6A88 55%, #FF99AC 100%);--accent-color: #FEE140}body.theme-spring{--bg-gradient: linear-gradient(135deg, #11998e, #38ef7d);--accent-color: #ffffff}body.theme-summer{--bg-gradient: linear-gradient(135deg, #2980B9, #6DD5FA, #FFFFFF);--text-color: #003366;--accent-color: #FF9966}body.theme-autumn{--bg-gradient: linear-gradient(135deg, #e65c00, #F9D423);--text-color: #3e2723;--accent-color: #8d6e63}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--bg-gradient);color:var(--text-color);background-size:400% 400%;animation:gradientBG 15s ease infinite;height:100vh;overflow:hidden;transition:background 1s ease,color 1s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#app{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem}.countdown-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px}.days-number{font-size:clamp(6rem,25vw,15rem);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:2px var(--text-color);background:var(--text-color);-webkit-background-clip:text;background-clip:text;color:var(--text-color);-webkit-text-stroke:0;text-shadow:0 10px 30px rgba(0,0,0,.2);margin-bottom:0rem}.label-days{font-size:clamp(1.5rem,5vw,3rem);font-weight:300;text-transform:uppercase;letter-spacing:.2em;opacity:.8;margin-bottom:2rem}.event-title{font-size:clamp(2rem,8vw,4rem);font-weight:700;margin-bottom:.5rem}.event-date{font-size:clamp(1rem,3vw,1.5rem);font-weight:400;opacity:.6}.nav-controls{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 2rem;pointer-events:none}.nav-btn{pointer-events:auto;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:var(--text-color);width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .2s ease;opacity:.5}.nav-btn:hover{background:#ffffff40;transform:scale(1.1);opacity:1}.nav-btn:active{transform:scale(.95)}@media (max-width: 600px){.nav-controls{padding:0 1rem;top:auto;bottom:2rem;transform:none;justify-content:center;gap:2rem}}