:root{--bg-color: #0f172a;--text-color: #f8fafc;--accent-color: #e11d48;--gold: #fbbf24;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(225,29,72,.1) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(251,191,36,.1) 0%,transparent 40%)}#root{min-height:100vh;display:flex;flex-direction:column;padding:0;position:relative;z-index:10}header{text-align:center;margin-bottom:3rem}h1{font-size:3rem;font-weight:800;background:linear-gradient(to right,#ef4444,#facc15,#ef4444);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 10px rgba(0,0,0,.1)}@media(min-width:768px){h1{font-size:4.5rem}}.subtitle{margin-top:1rem;font-size:1.25rem;color:#bfdbfe}main{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;padding:0 2rem 2rem}@media(min-width:768px){main{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){main{grid-template-columns:repeat(6,1fr)}}.day-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 30px #0000001a}.day-card:hover{transform:scale(1.05) rotate(2deg);border-color:var(--gold)}.day-card:active{transform:scale(.95)}.day-card .hover-gradient{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s}.day-card:hover .hover-gradient{opacity:1}.day-number{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:.5rem;z-index:10}.gift-icon{width:2rem;height:2rem;color:var(--gold);z-index:10;transition:color .3s}.day-card:hover .gift-icon{color:#fde047}.day-card.locked{cursor:default;opacity:.7;pointer-events:none}.day-card.locked:hover{transform:none;border-color:var(--glass-border)}.day-card.locked:active{transform:none}.blob-red{position:absolute;top:-1rem;right:-1rem;width:4rem;height:4rem;background:#ef444433;border-radius:50%;filter:blur(20px)}.blob-blue{position:absolute;bottom:-1rem;left:-1rem;width:4rem;height:4rem;background:#3b82f633;border-radius:50%;filter:blur(20px)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#1e293b;padding:2rem;border-radius:16px;width:66vw;height:66vh;max-width:1200px;position:relative;border:1px solid var(--gold);box-shadow:0 0 20px #fbbf2433;text-align:center;display:flex;flex-direction:column}@media(max-width:768px){.modal-content{width:90vw;height:80vh;padding:1rem}}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#94a3b8;cursor:pointer;transition:color .2s;z-index:20}.close-btn:hover{color:#fff}.modal-icon-wrapper{display:inline-flex;padding:1rem;border-radius:50%;background:#ef444433;color:#f87171;margin-bottom:1rem;flex-shrink:0}.modal-title{font-size:1.875rem;font-weight:700;color:var(--gold);margin-bottom:.5rem;flex-shrink:0}.modal-body{font-size:1.125rem;line-height:1.6;color:#e2e8f0;margin-bottom:1rem;overflow-y:auto;flex:1;padding-right:.5rem}.modal-close-action{padding:.75rem 2rem;background:linear-gradient(to right,#dc2626,#ef4444);color:#fff;border:none;border-radius:9999px;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s}.modal-close-action:hover{transform:scale(1.05);box-shadow:0 10px 15px #ef44444d}.snow{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:var(--bg-color);background-image:radial-gradient(circle at 10% 20%,rgba(225,29,72,.1) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(251,191,36,.1) 0%,transparent 40%)}.auth-modal{background:#1e293b;padding:3rem 2.5rem;border-radius:20px;max-width:450px;width:100%;border:1px solid var(--gold);box-shadow:0 0 30px #fbbf244d;position:relative;z-index:10}.auth-header{text-align:center;margin-bottom:2rem}.auth-icon{color:var(--gold);margin-bottom:1rem}.auth-header h2{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#cbd5e1;font-weight:500;font-size:.95rem}.form-group input{width:100%;padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s;font-family:Outfit,sans-serif}.form-group input:focus{outline:none;border-color:var(--gold);background:#ffffff14;box-shadow:0 0 0 3px #fbbf241a}.form-group input::placeholder{color:#64748b}.auth-button{width:100%;padding:1rem;background:linear-gradient(to right,#dc2626,#ef4444);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;margin-bottom:.75rem;font-family:Outfit,sans-serif;text-decoration:none;display:block;text-align:center}.auth-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ef44444d}.auth-button-secondary{width:100%;padding:1rem;background:#ffffff0d;color:#cbd5e1;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;font-family:Outfit,sans-serif}.auth-button-secondary:hover{background:#ffffff14;border-color:#fff3}.auth-info{text-align:center;color:#cbd5e1;margin-bottom:1.5rem;line-height:1.6}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;text-align:center}.register-info{text-align:center}.logout-button{position:absolute;top:2rem;right:2rem;padding:.5rem 1.25rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;font-family:Outfit,sans-serif;font-size:.9rem}.logout-button:hover{background:#ffffff26;border-color:var(--gold)}.modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:0}.modal-edit-action{padding:.75rem 2rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:9999px;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:all .2s}.modal-edit-action:hover{background:#ffffff26;border-color:var(--gold);transform:scale(1.05)}.top-bar{background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.1);width:100%;margin-bottom:2rem}.header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:flex-end;align-items:center;width:100%}.hero-section{text-align:center;margin-bottom:3rem;padding:0 2rem}.user-info{position:static;display:flex;align-items:center;gap:1.5rem}.user-details{display:flex;flex-direction:row;align-items:center;gap:1rem}.user-name{font-weight:700;color:var(--gold);font-size:1.1rem}.user-status{font-size:.8rem;padding:.2rem .6rem;border-radius:9999px;background:#ffffff1a;color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.status-admin{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.logout-button{position:static;margin:0}.modal-body-edit{display:flex;flex-direction:column;overflow:hidden;margin-bottom:0}.edit-textarea{width:100%;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;font-family:Outfit,sans-serif;resize:none;margin-bottom:1rem;flex:1}.edit-textarea:focus{outline:none;border-color:var(--gold);background:#ffffff14}.modal-save-action{padding:.75rem 2rem;background:linear-gradient(to right,#10b981,#059669);color:#fff;border:none;border-radius:9999px;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:all .2s}.modal-save-action:hover{transform:scale(1.05);box-shadow:0 10px 15px #10b9814d}.modal-cancel-action{padding:.75rem 2rem;background:#ffffff1a;color:#cbd5e1;border:1px solid rgba(255,255,255,.2);border-radius:9999px;font-weight:600;cursor:pointer;transition:all .2s}.modal-cancel-action:hover{background:#ffffff26;color:#fff}.markdown-content{text-align:left;line-height:1.6}.markdown-content p{margin-bottom:1rem}.markdown-content a{color:var(--gold);text-decoration:underline;transition:color .2s}.markdown-content a:hover{color:#fde047}.markdown-content ul,.markdown-content ol{margin-bottom:1rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.5rem}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:var(--gold);margin-top:1.5rem;margin-bottom:1rem}.markdown-content blockquote{border-left:4px solid var(--gold);padding-left:1rem;margin-left:0;margin-bottom:1rem;font-style:italic;color:#cbd5e1}.markdown-content code{background:#ffffff1a;padding:.2rem .4rem;border-radius:4px;font-family:monospace;font-size:.9em}.markdown-content pre{background:#0000004d;padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1rem}.markdown-content pre code{background:none;padding:0}