.app{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d2818,#1a4d2e,#0d2818);position:relative;overflow:hidden}.app.christmas-eve{background:linear-gradient(135deg,#8b0000,brown,#8b0000)}.snowflakes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.snowflake{position:absolute;background:#fff;border-radius:50%;will-change:top,left}.app:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(220,20,60,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,215,0,.1) 0%,transparent 50%);pointer-events:none}.container{text-align:center;padding:2rem;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.title{font-size:2.5rem;font-weight:400;color:#fff;text-transform:uppercase;letter-spacing:.2em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.3)}.app.christmas-eve .title{color:#228b22}.video-container{width:200px;height:200px;display:flex;align-items:center;justify-content:center;margin:0 auto}.christmas-video{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.tree-emoji{font-size:12rem;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.countdown{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.time-display{display:flex;align-items:flex-end;gap:.5rem}.time-unit{display:flex;flex-direction:column;align-items:center;gap:.25rem}.time-digits{display:flex;align-items:center;gap:0}.time-label{font-size:.75rem;font-weight:400;color:#dc143c;text-transform:uppercase;letter-spacing:.1em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app.christmas-eve .time-label{color:#228b22}.time-separator{font-size:3rem;color:#dc143c;font-weight:700;font-family:Courier New,Monaco,Consolas,monospace;line-height:1;padding-bottom:.5rem}.app.christmas-eve .time-separator{color:#228b22}.christmas-fact{font-size:1rem;font-weight:300;color:#fff;text-align:center;max-width:600px;margin-top:2rem;padding:1rem;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;opacity:.9}.app.christmas-eve .christmas-fact{color:#228b22}@media (max-width: 768px){.title{font-size:1.5rem;letter-spacing:.15em}.tree-emoji{font-size:12rem}.time-value,.time-separator{font-size:2rem}.time-label{font-size:.6rem}.container{padding:1rem}}.flip-card-wrapper{display:inline-block;margin:0 .15rem}.flip-card{position:relative;width:60px;height:80px;perspective:1000px}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 2px 8px #0003;border:2px solid #dc143c}.app.christmas-eve .flip-card-front,.app.christmas-eve .flip-card-back{border:2px solid #228b22}.flip-card-front{transform:rotateY(0)}.flip-card-back{transform:rotateY(180deg)}.flip-card.flipping .flip-card-front{animation:flip-front .6s}.flip-card.flipping .flip-card-back{animation:flip-back .6s}.flip-card-content{font-size:2.5rem;font-weight:700;color:#dc143c;font-family:Courier New,Monaco,Consolas,monospace}.app.christmas-eve .flip-card-content{color:#228b22}@keyframes flip-front{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes flip-back{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@media (max-width: 768px){.flip-card{width:45px;height:60px}.flip-card-content{font-size:1.8rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}