*{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;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:relative;overflow:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 60% 70%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 40% 80%,rgba(255,255,255,.1) 1px,transparent 1px);background-size:200px 200px,150px 150px,180px 180px,160px 160px;background-position:0 0,50px 50px,100px 100px,150px 150px;animation:snow 20s linear infinite;pointer-events:none;z-index:0}@keyframes snow{0%{transform:translateY(0)}to{transform:translateY(100vh)}}min-height: 100vh; } #app{min-height:100vh;position:relative;z-index:1}.day-card[data-v-ce34d795]{position:relative;aspect-ratio:1;background:linear-gradient(135deg,#c41e3a,#8b0000);border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #c41e3a4d,0 0 20px #ffd7001a;overflow:hidden;border:2px solid rgba(255,215,0,.3)}.day-card[data-v-ce34d795]:before{content:"❄️";position:absolute;top:8px;left:8px;font-size:1.5rem;opacity:.8;z-index:3;animation:twinkle-ce34d795 2s ease-in-out infinite;pointer-events:none}.day-card.closed[data-v-ce34d795]{background:linear-gradient(135deg,#2d5016,#1a3009);border-color:#fff3}.day-card.closed[data-v-ce34d795]:before{content:"🎁";font-size:1.5rem;opacity:.9}.day-card.opened[data-v-ce34d795]{background:linear-gradient(135deg,gold,orange);transform:scale(1.05);border-color:#ffd70099;box-shadow:0 6px 20px #ffd70066,0 0 30px #ffd70033}.day-card.opened[data-v-ce34d795]:before{content:"✨";font-size:1.5rem;opacity:1;animation:sparkle-ce34d795 1.5s ease-in-out infinite}@keyframes twinkle-ce34d795{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes sparkle-ce34d795{0%,to{opacity:.6;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.day-card.can-open[data-v-ce34d795]:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 12px #0003}.day-card.opened.can-open[data-v-ce34d795]:hover{transform:translateY(-4px) scale(1.08)}.day-card.locked[data-v-ce34d795]{cursor:not-allowed;opacity:.6;filter:grayscale(.5)}.day-number[data-v-ce34d795]{font-size:2rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);z-index:1}.opened-badge[data-v-ce34d795]{position:absolute;top:8px;right:8px;background:#ffffffe6;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:gold;font-weight:700;box-shadow:0 2px 4px #0003}.locked-overlay[data-v-ce34d795]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;opacity:.8;z-index:2}@media(max-width:768px){.day-number[data-v-ce34d795]{font-size:1.5rem}.opened-badge[data-v-ce34d795]{width:24px;height:24px;font-size:1rem;top:4px;right:4px}}.modal-overlay[data-v-e54958d3]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-e54958d3 .3s ease}@keyframes fadeIn-e54958d3{0%{opacity:0}to{opacity:1}}.modal-content[data-v-e54958d3]{background:#fff;border-radius:20px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp-e54958d3 .3s ease;box-shadow:0 20px 60px #0000004d}@keyframes slideUp-e54958d3{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close[data-v-e54958d3]{position:absolute;top:16px;right:16px;background:#0000001a;border:none;border-radius:50%;width:40px;height:40px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;transition:all .2s ease;z-index:10}.modal-close[data-v-e54958d3]:hover{background:#0003;transform:rotate(90deg)}.modal-header[data-v-e54958d3]{padding:24px 24px 16px;text-align:center;border-bottom:2px solid #f0f0f0}.modal-header h2[data-v-e54958d3]{margin:0 0 8px;color:#333;font-size:2rem}.modal-date[data-v-e54958d3]{margin:0;color:#666;font-size:1rem}.modal-image[data-v-e54958d3]{width:100%;padding:20px;display:flex;justify-content:center;background:#f8f9fa}.modal-image img[data-v-e54958d3]{max-width:100%;height:auto;border-radius:12px;box-shadow:0 4px 8px #0000001a;display:block}.image-error[data-v-e54958d3]{padding:20px;text-align:center;color:#666}.image-error p[data-v-e54958d3]{margin:8px 0}.image-url[data-v-e54958d3]{font-size:.85rem;color:#999;word-break:break-all}.modal-body[data-v-e54958d3]{padding:24px}.modal-body h3[data-v-e54958d3]{margin:0 0 12px;color:#333;font-size:1.5rem}.modal-description[data-v-e54958d3]{margin:0;color:#666;line-height:1.6;font-size:1rem}@media(max-width:768px){.modal-content[data-v-e54958d3]{max-width:95%;border-radius:16px}.modal-header[data-v-e54958d3]{padding:20px 16px 12px}.modal-header h2[data-v-e54958d3]{font-size:1.5rem}.modal-body[data-v-e54958d3]{padding:20px 16px}.modal-close[data-v-e54958d3]{width:36px;height:36px;font-size:20px;top:12px;right:12px}}.modal-overlay[data-v-f099f8ac]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn-f099f8ac .3s ease}@keyframes fadeIn-f099f8ac{0%{opacity:0}to{opacity:1}}.modal-content[data-v-f099f8ac]{background:#fff;border-radius:20px;max-width:400px;width:100%;position:relative;animation:slideUp-f099f8ac .3s ease;box-shadow:0 20px 60px #0000004d}@keyframes slideUp-f099f8ac{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close[data-v-f099f8ac]{position:absolute;top:16px;right:16px;background:#0000001a;border:none;border-radius:50%;width:40px;height:40px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;transition:all .2s ease;z-index:10}.modal-close[data-v-f099f8ac]:hover{background:#0003;transform:rotate(90deg)}.modal-header[data-v-f099f8ac]{padding:24px 24px 16px;text-align:center;border-bottom:2px solid #f0f0f0}.modal-header h2[data-v-f099f8ac]{margin:0 0 8px;color:#333;font-size:1.8rem}.modal-subtitle[data-v-f099f8ac]{margin:0;color:#666;font-size:1rem}.modal-body[data-v-f099f8ac]{padding:24px}.input-group[data-v-f099f8ac]{margin-bottom:20px}.password-input[data-v-f099f8ac]{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.password-input[data-v-f099f8ac]:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd70033,0 0 15px #ffd7004d}.password-input[data-v-f099f8ac]:disabled{background:#f5f5f5;cursor:not-allowed}.error-message[data-v-f099f8ac]{margin:8px 0 0;color:#ff6b6b;font-size:.9rem;text-align:center}.button-group[data-v-f099f8ac]{display:flex;gap:12px}.btn[data-v-f099f8ac]{flex:1;padding:14px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn[data-v-f099f8ac]:disabled{opacity:.6;cursor:not-allowed}.btn-cancel[data-v-f099f8ac]{background:#f5f5f5;color:#333}.btn-cancel[data-v-f099f8ac]:hover:not(:disabled){background:#e0e0e0}.btn-submit[data-v-f099f8ac]{background:linear-gradient(135deg,#c41e3a,#8b0000);color:#fff;box-shadow:0 4px 15px #c41e3a4d}.btn-submit[data-v-f099f8ac]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #c41e3a80,0 0 20px #ffd7004d;background:linear-gradient(135deg,#d62839,#9b0f1f)}@media(max-width:768px){.modal-content[data-v-f099f8ac]{max-width:95%;border-radius:16px}.modal-header[data-v-f099f8ac]{padding:20px 16px 12px}.modal-header h2[data-v-f099f8ac]{font-size:1.5rem}.modal-body[data-v-f099f8ac]{padding:20px 16px}.button-group[data-v-f099f8ac]{flex-direction:column}}.app[data-v-a9d98fd1]{min-height:100vh;padding:20px;max-width:1200px;margin:0 auto}.header[data-v-a9d98fd1]{text-align:center;color:#fff;margin-bottom:32px;padding:24px;background:linear-gradient(135deg,#c41e3a4d,#2d50164d);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 16px #0000004d,0 0 30px #ffd70033;border:2px solid rgba(255,215,0,.3);position:relative;overflow:hidden}.header[data-v-a9d98fd1]:before{content:"🎄 ❄️ 🎁 ✨";position:absolute;top:10px;left:0;right:0;font-size:1.2rem;opacity:.3;animation:float-a9d98fd1 3s ease-in-out infinite}@keyframes float-a9d98fd1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.header h1[data-v-a9d98fd1]{font-size:2.5rem;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 20px rgba(255,215,0,.5);position:relative;z-index:1;animation:glow-a9d98fd1 2s ease-in-out infinite alternate}@keyframes glow-a9d98fd1{0%{text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 20px rgba(255,215,0,.5)}to{text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 30px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.6)}}.progress[data-v-a9d98fd1]{margin-top:16px}.progress span[data-v-a9d98fd1]{display:block;margin-bottom:8px;font-size:1.1rem;font-weight:500}.progress-bar[data-v-a9d98fd1]{width:100%;height:12px;background:#ffffff4d;border-radius:10px;overflow:hidden;margin-top:8px}.progress-fill[data-v-a9d98fd1]{height:100%;background:linear-gradient(90deg,gold,orange,tomato);border-radius:10px;transition:width .3s ease;box-shadow:0 2px 8px #ffd70066,inset 0 0 10px #fff3;position:relative;overflow:hidden}.progress-fill[data-v-a9d98fd1]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine-a9d98fd1 2s infinite}@keyframes shine-a9d98fd1{0%{left:-100%}to{left:100%}}.calendar[data-v-a9d98fd1]{margin-top:24px}.days-grid[data-v-a9d98fd1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;padding:0}.loading[data-v-a9d98fd1],.error[data-v-a9d98fd1]{text-align:center;color:#fff;font-size:1.5rem;padding:40px;background:#ffffff1a;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error[data-v-a9d98fd1]{color:#ff6b6b}@media(max-width:768px){.app[data-v-a9d98fd1]{padding:12px}.header[data-v-a9d98fd1]{padding:16px;margin-bottom:20px}.header h1[data-v-a9d98fd1]{font-size:1.8rem}.days-grid[data-v-a9d98fd1]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}}@media(max-width:480px){.header h1[data-v-a9d98fd1]{font-size:1.5rem}.days-grid[data-v-a9d98fd1]{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px}}