body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Veles;src:url(/static/media/Veles.04b3da1e927d5923895f.otf) format("truetype")}@font-face{font-family:Pomidorko;src:url(/static/media/Pomidorko.cf657f599d890d80e23d.ttf) format("truetype")}.App{background:linear-gradient(135deg,#1e3c72,#2a5298);font-family:Veles,Arial,sans-serif;min-height:100vh;overflow:hidden;position:relative;text-align:center}.christmass-days,.christmass-header{font-family:Pomidorko,Arial,sans-serif}.christmass-days{font-size:30px;font-weight:800}.App-header{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border-radius:20px;box-shadow:0 4px 16px #0000001a;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin:2rem;padding:2rem;position:relative;z-index:10}.App-header h1{font-size:3rem;margin-bottom:2rem;text-shadow:2px 2px 4px #00000080}.countdown-timer h2{color:gold;font-size:2.5rem;margin-bottom:1.5rem;text-shadow:2px 2px 4px #00000080}.timer-display{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.time-unit{align-items:center;background:#fff3;border-radius:15px;box-shadow:0 4px 15px #0003;display:flex;flex-direction:column;min-width:80px;padding:1rem}.number{color:#fff;font-size:2.5rem;font-weight:700}.label{color:gold;font-size:1rem;margin-top:.5rem}.calendar-progress h3{color:gold;font-size:2rem;margin-bottom:45px}.calendar-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));margin:0 auto 1rem;max-width:800px}.calendar-day{align-items:center;border:3px solid #ffffff4d;border-radius:10px;display:flex;flex-direction:column;font-size:1.2rem;font-weight:700;height:60px;justify-content:center;position:relative;transition:all .3s ease;width:60px}.calendar-day,.calendar-day.clickable{cursor:pointer}.calendar-day.clickable:hover{box-shadow:0 4px 15px #0000004d;transform:scale(1.1)}.calendar-day.past{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;color:#fff}.calendar-day.future{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px dashed #ffffff4d;color:#ffffffb3}.progress-info{margin:50px 0 0}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000c;border-radius:20px;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideIn .3s ease;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:90%}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:2rem;position:absolute;right:15px;top:10px;transition:color .3s ease}.close-button:hover{color:#333}.modal-content h2{color:#2c3e50;font-size:2rem;margin-bottom:1rem;text-align:center}.story-content{text-align:center}.story-content p{color:#34495e;font-size:1.2rem;line-height:1.6;margin-bottom:1.5rem}.story-emoji{animation:bounce 1s ease infinite;font-size:4rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.calendar-day.today{animation:pulse 2s infinite;background:linear-gradient(135deg,#ff9800,#f57c00);border:2px solid #ff9800;box-shadow:0 0 20px #ff9800cc;color:#fff}.calendar-day.christmas{background:linear-gradient(135deg,#e91e63,#c2185b);border-color:#e91e63;box-shadow:0 0 20px #e91e63cc;color:#fff}.day-number{font-size:1.5rem;font-weight:700}.day-check{color:gold;font-size:.8rem;position:absolute;right:2px;top:2px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.progress-info p{color:gold;font-size:1.2rem;margin-top:1rem}.snow-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.snowflake{animation:fall linear infinite;color:#fff;font-size:1rem;opacity:.8;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(100vh)}}.music-controls{margin-top:2rem}.music-button{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:none;border-radius:25px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:1.1rem;padding:12px 24px;transition:all .3s ease}.music-button:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}@media (max-width:950px){.App-header{min-height:90vh;padding:1rem}.App-header h1,.countdown-timer h2{font-size:2rem}.timer-display{gap:.5rem}.time-unit{min-width:60px;padding:.5rem}.number{font-size:2rem}.calendar-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));max-width:80vw}.calendar-day{font-size:1.2rem;height:60px;width:60px}.calendar-progress h3{font-size:1.5rem}.progress-info p{font-size:1rem}.modal-content{max-height:70vh;padding:1.5rem;width:95%}.modal-content h2{font-size:1.8rem}.story-content p{font-size:1rem}.story-emoji{font-size:3rem}.music-controls{margin-top:1.5rem}.music-button{font-size:1rem;padding:10px 20px}}@media (max-width:600px){.countdown-timer h2{font-size:1.8rem}.timer-display{gap:.3rem}.time-unit{min-width:50px;padding:.3rem}.number{font-size:1.8rem}.label{font-size:.9rem}.calendar-grid{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));max-width:100%}.calendar-day{font-size:1.2rem;height:60px;width:60px}}@media (max-width:480px){.App-header{margin:.5rem;padding:.5rem}.App-header h1,.countdown-timer h2{font-size:1.5rem}.timer-display{gap:.3rem}.time-unit{min-width:50px;padding:.3rem}.number{font-size:1.5rem}.label{font-size:.8rem}.calendar-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));max-width:100%}.calendar-day{height:60px;width:60px}.calendar-day,.calendar-progress h3{font-size:1.2rem}.progress-info p{font-size:.9rem}.modal-content{max-height:80vh;padding:1rem;width:98%}.modal-content h2{font-size:1.5rem}.story-content p{font-size:.9rem}.story-emoji{font-size:2.5rem}.music-button{font-size:.9rem;padding:8px 16px}}
/*# sourceMappingURL=main.2aeada51.css.map*/