.landing{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:linear-gradient(135deg,#0f0f0f,#1a1a1a,#0f0f0f);overflow:hidden}.landing:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 50%,rgba(255,255,255,.02) 0%,transparent 50%),radial-gradient(circle at 15% 85%,rgba(74,144,226,.06) 0%,transparent 25%),radial-gradient(circle at 85% 15%,rgba(74,144,226,.04) 0%,transparent 20%);pointer-events:none}.landing:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.4) 100%);pointer-events:none}.landing-nav{position:absolute;top:0;left:0;right:0;padding:2rem 3rem;display:flex;justify-content:space-between;align-items:center;z-index:10}.nav-left{display:flex;align-items:center;gap:2rem}.nav-link{font-size:.9rem;font-weight:500;letter-spacing:.05em;text-transform:lowercase;color:var(--color-text-muted);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--color-text);transition:width .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover:after{width:100%}.nav-signin{padding:.5rem 1.25rem;border:1px solid rgba(74,144,226,.5);border-radius:6px;color:#4a90e2;transition:all .3s ease}.nav-signin:hover{background:#4a90e226;border-color:#4a90e2;color:#4a90e2}.nav-signin:after{display:none}.landing-content{text-align:center;z-index:1;opacity:0;transform:translateY(30px);transition:all 1.2s cubic-bezier(.4,0,.2,1)}.landing-content.visible{opacity:1;transform:translateY(0)}.landing-title{font-size:clamp(3rem,12vw,8rem);font-weight:300;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em;color:var(--color-accent)}.title-emphasis{font-weight:600;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.landing-subtitle{font-size:clamp(1rem,2vw,1.25rem);font-weight:400;color:var(--color-text-muted);margin-bottom:3rem;letter-spacing:.03em;max-width:600px;margin-left:auto;margin-right:auto}.landing-cta{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.cta-button{padding:1rem 2.5rem;font-size:.95rem;font-weight:500;letter-spacing:.05em;border-radius:2px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-transform:lowercase}.cta-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.cta-button:hover:before{width:300px;height:300px}.cta-button.primary{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;box-shadow:0 4px 20px #4a90e24d}.cta-button.primary:hover{box-shadow:0 6px 30px #4a90e280;transform:translateY(-2px)}.cta-button.secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-text-muted)}.cta-button.secondary:hover{border-color:var(--color-text);transform:translateY(-2px)}.landing-footer{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;z-index:10}.instagram-link{font-size:.85rem;color:#e8e8e880;text-decoration:none;letter-spacing:.03em;transition:all .3s ease}.instagram-link:hover{color:#e1306c}.footer-links{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.footer-links a{color:#e8e8e859;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#e8e8e8b3}.footer-links .divider{color:#e8e8e833}@media (max-width: 768px){.landing-nav{padding:1.5rem;gap:1.5rem}.landing-cta{flex-direction:column;align-items:center}.cta-button{min-width:200px}}.about{min-height:100vh;background:linear-gradient(135deg,#0f0f0f,#1a1a1a,#0f0f0f);position:relative}.about-nav{position:fixed;top:0;right:0;padding:2rem 3rem;display:flex;gap:2.5rem;z-index:10}.about-content{max-width:700px;margin:0 auto;padding:6rem 2rem;text-align:center}.about-header{margin-bottom:5rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1)}.about-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:300;letter-spacing:-.02em;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-location{font-size:1.1rem;color:var(--color-text-muted);letter-spacing:.05em;font-weight:300}.section-title{font-size:1.5rem;font-weight:500;letter-spacing:.02em;margin-bottom:2rem;color:var(--color-accent)}.origin-story{line-height:1.8;font-size:1.05rem;color:var(--color-text-muted)}.origin-story p{margin-bottom:1.5rem;opacity:0;animation:fadeIn .8s ease-out forwards}.origin-story p:nth-child(1){animation-delay:.6s}.origin-story p:nth-child(2){animation-delay:.8s}.origin-story p:nth-child(3){animation-delay:1s}.origin-story p:nth-child(4){animation-delay:1.2s}.origin-story p:nth-child(5){animation-delay:1.4s}.origin-story p:nth-child(6){animation-delay:1.6s}.origin-story p:nth-child(7){animation-delay:1.8s}.origin-story p:nth-child(8){animation-delay:2s}.origin-story p:nth-child(9){animation-delay:2.2s}.origin-story p:nth-child(10){animation-delay:2.4s}.origin-highlight{font-size:1.15rem;font-weight:500;color:var(--color-text)!important;padding:2rem;background:linear-gradient(135deg,#4a90e21a,#00d0841a);border:1px solid rgba(255,255,255,.1);border-radius:8px;margin-top:1rem}.about-cta{margin-top:3rem;opacity:0;animation:fadeIn .8s ease-out forwards;animation-delay:2.6s}.cta-button{display:inline-block;padding:1rem 2.5rem;font-size:1rem;font-weight:500;letter-spacing:.05em;color:var(--color-text);background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:4px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-button:hover{background:#ffffff14;border-color:#ffffff80;transform:translateY(-2px)}@media (max-width: 768px){.about-nav{padding:1.5rem;gap:1.5rem}.about-content{padding:4rem 1.5rem}}.blog-page{min-height:100vh;display:flex;flex-direction:column;background:var(--background)}.blog-nav{display:flex;justify-content:space-between;padding:1.5rem 2rem;position:sticky;top:0;background:#0d0d0dcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid rgba(255,255,255,.05)}.blog-nav .nav-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.blog-nav .nav-link:hover{color:var(--text-primary)}.blog-container{flex:1;max-width:720px;margin:0 auto;padding:2rem 1.5rem 4rem;width:100%}.blog-header{margin-bottom:4rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.08);text-align:center}.blog-header h1{font-size:2.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-subtitle{color:var(--text-muted);font-size:1rem;letter-spacing:.02em}.posts-list{display:flex;flex-direction:column;gap:1.25rem}.post-card{position:relative;padding:1.75rem;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(135deg,#ffffff08,#ffffff03);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.post-card:before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,#ffffff1a,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s}.post-card:hover:before{opacity:1}.post-card:hover{border-color:#ffffff26;background:linear-gradient(135deg,#ffffff0d,#ffffff05);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.post-link{text-decoration:none;display:block}.post-meta{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:.5rem;margin-bottom:.875rem;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.post-title{font-size:1.375rem;font-weight:600;color:var(--text-primary);margin-bottom:.625rem;transition:color .2s;line-height:1.35;letter-spacing:-.01em}.post-link:hover .post-title{background:linear-gradient(135deg,#fff 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.post-excerpt{color:var(--text-secondary);font-size:.95rem;line-height:1.65;margin:0;opacity:.85}.meta-divider{color:var(--text-muted);opacity:.4}.no-posts,.loading-posts{text-align:center;color:var(--text-secondary);padding:4rem 0;font-size:1rem}.blog-post{max-width:720px;margin:0 auto;padding:3rem 1.5rem 4rem;width:100%}.post-header{margin-bottom:3.5rem;text-align:center}.post-header h1{font-size:2.75rem;font-weight:600;color:var(--text-primary);margin-bottom:1.25rem;line-height:1.2;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,silver);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.post-header .post-meta{justify-content:center;margin-bottom:0;font-size:.85rem}.post-content{color:var(--text-primary);font-size:1.125rem;line-height:1.85}.post-content h2{font-size:1.625rem;font-weight:600;margin-top:3rem;margin-bottom:1.25rem;color:var(--text-primary);letter-spacing:-.02em}.post-content h3{font-size:1.25rem;font-weight:600;margin-top:2.5rem;margin-bottom:1rem;color:var(--text-primary)}.post-content p{margin-bottom:1.75rem;color:#ffffffe6}.post-content ul,.post-content ol{margin-bottom:1.75rem;padding-left:1.5rem}.post-content li{margin-bottom:.625rem;color:#ffffffe6}.post-content blockquote{border-left:3px solid var(--accent);padding:.5rem 0 .5rem 1.5rem;margin:2.5rem 0;color:var(--text-secondary);font-style:italic;font-size:1.1rem;background:linear-gradient(90deg,rgba(255,255,255,.03) 0%,transparent 100%);border-radius:0 8px 8px 0}.post-content code{background:#ffffff14;padding:.2rem .5rem;border-radius:6px;font-size:.875em;font-family:SF Mono,Fira Code,monospace}.post-content pre{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:1.25rem;border-radius:12px;overflow-x:auto;margin-bottom:1.75rem}.post-content pre code{background:none;padding:0;font-size:.9em}.post-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.post-content a:hover{border-bottom-color:var(--accent)}.post-content strong{font-weight:600;color:var(--text-primary)}.post-content em{font-style:italic}.post-content hr{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin:3rem 0}.post-content img{max-width:100%;border-radius:12px;margin:2rem 0}.post-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08)}.back-to-blog{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:color .2s;display:inline-flex;align-items:center;gap:.5rem}.back-to-blog:hover{color:var(--accent)}.blog-footer{padding:2rem 1.5rem;text-align:center;margin-top:auto;border-top:1px solid rgba(255,255,255,.05);background:#ffffff05}.blog-footer a{color:var(--text-muted);text-decoration:none;font-size:.85rem;transition:color .2s}.blog-footer a:hover{color:var(--text-secondary)}.blog-footer .divider{color:var(--text-muted);margin:0 .75rem;opacity:.5}@media (max-width: 768px){.blog-container{padding:1.5rem 1.25rem 3rem}.blog-header h1{font-size:2rem}.post-card{padding:1.25rem}.post-title{font-size:1.2rem}}@media (max-width: 480px){.blog-header{margin-bottom:2.5rem}.blog-header h1{font-size:1.75rem}.post-header h1{font-size:1.875rem}.post-content{font-size:1rem;line-height:1.75}.post-content h2{font-size:1.375rem}.posts-list{gap:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.post-card{animation:fadeInUp .4s ease-out backwards}.post-card:nth-child(1){animation-delay:0s}.post-card:nth-child(2){animation-delay:.1s}.post-card:nth-child(3){animation-delay:.2s}.post-card:nth-child(4){animation-delay:.3s}.post-card:nth-child(5){animation-delay:.4s}.post-card:nth-child(6){animation-delay:.5s}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#0f0f0f,#1a1a1a)}.auth-container{max-width:400px;width:100%;padding:2.5rem;background-color:#2d2d2d99;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}.auth-container h1{margin-bottom:.5rem;font-size:1.75rem;font-weight:300;color:#e8e8e8;letter-spacing:.05em}.auth-subtitle{color:#e8e8e880;margin-bottom:2rem;font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-form .form-group{display:flex;flex-direction:column;gap:.5rem}.auth-form .form-group label{font-size:.8rem;color:#e8e8e899;text-transform:lowercase;letter-spacing:.05em}.auth-form .form-group input{padding:.875rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background-color:#ffffff08;color:#e8e8e8;font-size:1rem;transition:all .2s ease}.auth-form .form-group input:focus{outline:none;border-color:#4a90e2;background-color:#ffffff0d}.auth-form .form-group input::placeholder{color:#e8e8e84d}.auth-button{padding:1rem;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;margin-top:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:lowercase;letter-spacing:.05em}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4a90e24d}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-error{padding:.875rem 1rem;background-color:#dc354526;border:1px solid rgba(220,53,69,.3);border-radius:8px;color:#ff6b6b;font-size:.875rem}.auth-footer{margin-top:1.75rem;text-align:center;color:#e8e8e880;font-size:.875rem}.auth-footer a{color:#4a90e2;text-decoration:none;transition:color .2s ease}.auth-footer a:hover{color:#6ba5e7}.back-link{display:block;margin-top:1.25rem;text-align:center;color:#e8e8e866;font-size:.8rem;text-decoration:none;transition:color .2s ease}.back-link:hover{color:#e8e8e8b3}.input-disabled{opacity:.6;cursor:not-allowed;background-color:#ffffff05!important}.forgot-password-link{display:block;text-align:center;margin-top:1rem;color:#e8e8e866;font-size:.8rem;text-decoration:none;transition:color .2s ease}.forgot-password-link:hover{color:#4a90e2}.auth-success{padding:.875rem 1rem;background-color:#00d08426;border:1px solid rgba(0,208,132,.3);border-radius:8px;color:#00d084;font-size:.875rem;text-align:center;margin-bottom:1rem}.auth-info{padding:.875rem 1rem;background-color:#4a90e226;border:1px solid rgba(74,144,226,.3);border-radius:8px;color:#4a90e2;font-size:.875rem;text-align:center;margin-bottom:1rem}.waitlist-container{max-width:500px}.waitlist-container textarea{padding:.875rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background-color:#ffffff08;color:#e8e8e8;font-size:1rem;font-family:inherit;resize:vertical;min-height:100px;transition:all .2s ease}.waitlist-container textarea:focus{outline:none;border-color:#4a90e2;background-color:#ffffff0d}.waitlist-container textarea::placeholder{color:#e8e8e84d}.char-count{font-size:.75rem;color:#e8e8e866;text-align:right;display:block;margin-top:.25rem}.waitlist-success{text-align:center}.waitlist-success h1,.waitlist-success .auth-subtitle{margin-bottom:1rem}.waitlist-note{font-size:.85rem;color:#e8e8e866;margin-bottom:2rem;line-height:1.6}.privacy-note{font-size:.8rem;color:#e8e8e866;text-align:center;margin-top:1rem;line-height:1.5}.privacy-note a{color:#88aaffb3;text-decoration:none;transition:color .2s ease}.privacy-note a:hover{color:#aaccffe6;text-decoration:underline}.pricing-page{min-height:100vh;display:flex;flex-direction:column}.pricing-nav{display:flex;justify-content:space-between;padding:1.5rem 2rem;position:absolute;top:0;left:0;right:0}.pricing-nav .nav-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.pricing-nav .nav-link:hover{color:var(--text-primary)}.pricing-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem 2rem;max-width:420px;margin:0 auto;width:100%}.pricing-header{text-align:center;margin-bottom:2rem}.pricing-header h1{font-size:2rem;font-weight:300;margin-bottom:.5rem;color:var(--text-primary)}.pricing-subtitle{color:var(--text-secondary);font-size:1rem}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;width:100%}.price-tag{text-align:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.price-tag .price{font-size:3rem;font-weight:600;color:var(--text-primary)}.price-tag .period{font-size:1.1rem;color:var(--text-secondary)}.features-list{list-style:none;padding:0;margin:0 0 1.5rem}.features-list li{padding:.5rem 0;color:var(--text-secondary);font-size:.95rem;display:flex;align-items:center;gap:.75rem}.features-list li:before{content:"✓";color:var(--accent);font-weight:600}.pricing-form{margin-top:1.5rem}.pricing-form .form-group{margin-bottom:1rem}.pricing-form label{display:block;margin-bottom:.4rem;font-size:.85rem;color:var(--text-secondary)}.pricing-form input{width:100%;padding:.75rem;background:var(--background);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:1rem;transition:border-color .2s}.pricing-form input:focus{outline:none;border-color:var(--accent)}.pricing-button{width:100%;padding:1rem;margin-top:.5rem;font-size:1.1rem;font-weight:500}.pricing-note{text-align:center;font-size:.8rem;color:var(--text-muted);margin-top:1rem}.invite-option{margin-top:2rem;text-align:center}.invite-option p{color:var(--text-secondary);font-size:.9rem}.invite-option a{color:var(--accent);text-decoration:none}.invite-option a:hover{text-decoration:underline}.pricing-footer{padding:1.5rem;text-align:center}.pricing-footer a{color:var(--text-muted);text-decoration:none;font-size:.85rem}.pricing-footer a:hover{color:var(--text-secondary)}.pricing-footer .divider{color:var(--text-muted);margin:0 .75rem}.legal-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a);padding:3rem 1rem;display:flex;justify-content:center}.legal-container{max-width:700px;width:100%;color:#ffffffe6}.legal-container h1{font-size:2.5rem;font-weight:300;letter-spacing:.1em;margin-bottom:.5rem;color:#fff}.legal-updated{color:#fff6;font-size:.9rem;margin-bottom:3rem}.legal-container section{margin-bottom:2.5rem}.legal-container h2{font-size:1.2rem;font-weight:500;color:#fffc;margin-bottom:.75rem;letter-spacing:.05em}.legal-container p{line-height:1.7;color:#ffffffb3;margin-bottom:.75rem}.legal-container ul{list-style:none;padding:0;margin:.75rem 0}.legal-container li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;line-height:1.6;color:#ffffffb3}.legal-container li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;background:#ffffff4d;border-radius:50%}.legal-container li strong{color:#ffffffe6}.legal-container a{color:#8af;text-decoration:none;transition:color .2s ease}.legal-container a:hover{color:#acf;text-decoration:underline}.legal-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:2rem;flex-wrap:wrap}.legal-footer a{color:#ffffff80;font-size:.9rem}.legal-footer a:hover{color:#fffc}@media (max-width: 600px){.legal-page{padding:2rem 1rem}.legal-container h1{font-size:2rem}.legal-footer{flex-direction:column;gap:1rem}}.habit-checkbox{position:relative;display:inline-block}.checkbox-btn{position:relative;width:48px;height:48px;border-radius:50%;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:visible;display:flex;align-items:center;justify-content:center}.checkbox-btn:hover{background:#ffffff14;border-color:#fff3;transform:scale(1.05)}.checkbox-btn:active{transform:scale(.95)}.checkbox-btn.complete{background:var(--checkbox-color);border-color:var(--checkbox-color);box-shadow:0 0 20px var(--checkbox-color)}.progress-ring{position:absolute;width:100%;height:100%;top:0;left:0;transform:scale(1.1);pointer-events:none}.progress-ring-fill{transition:stroke-dashoffset .4s cubic-bezier(.4,0,.2,1)}.checkbox-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;color:var(--color-text)}.checkbox-btn.complete .checkbox-content{color:#fff}.checkmark{width:24px;height:24px;animation:checkmarkDraw .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes checkmarkDraw{0%{opacity:0;transform:scale(0) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0)}}.check-count{font-size:.75rem;font-weight:600;letter-spacing:.02em}.particle{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--color);top:50%;left:50%;pointer-events:none;animation:particleBurst .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes particleBurst{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-40px) scale(0);opacity:0}}.habit-checkbox.compact .checkbox-btn{width:28px;height:28px;border-width:1px}.habit-checkbox.compact .checkmark{width:14px;height:14px}.habit-checkbox.compact .check-count{font-size:.6rem}.habit-checkbox.compact .particle{width:4px;height:4px}.habit-checkbox.disabled{opacity:.5}.checkbox-btn.locked{cursor:not-allowed;background:#ffffff05;border-color:#ffffff0d}.checkbox-btn.locked:hover{transform:none;background:#ffffff05;border-color:#ffffff0d}.checkbox-btn.locked.complete{opacity:.6;box-shadow:none}@media (max-width: 768px){.checkbox-btn{width:40px;height:40px}.habit-checkbox.compact .checkbox-btn{width:24px;height:24px}}.checkbox-btn.glow-rare.complete{box-shadow:0 0 20px var(--checkbox-color),0 0 40px #fff3;animation:rareGlow 2s ease-in-out infinite}@keyframes rareGlow{0%,to{box-shadow:0 0 20px var(--checkbox-color),0 0 40px #fff3}50%{box-shadow:0 0 30px var(--checkbox-color),0 0 60px #ffffff4d}}.checkbox-btn.glow-epic.complete{box-shadow:0 0 25px var(--checkbox-color),0 0 50px var(--checkbox-color),0 0 80px #ffffff4d;animation:epicGlow 1.5s ease-in-out infinite}@keyframes epicGlow{0%,to{box-shadow:0 0 25px var(--checkbox-color),0 0 50px var(--checkbox-color),0 0 80px #ffffff4d;transform:scale(1)}50%{box-shadow:0 0 35px var(--checkbox-color),0 0 70px var(--checkbox-color),0 0 100px #fff6;transform:scale(1.05)}}.checkbox-btn.glow-legendary.complete{box-shadow:0 0 30px var(--checkbox-color),0 0 60px var(--checkbox-color),0 0 100px var(--checkbox-color),0 0 150px #ffd70066;animation:legendaryGlow 1s ease-in-out infinite,legendaryPulse 3s ease-in-out infinite}@keyframes legendaryGlow{0%,to{box-shadow:0 0 30px var(--checkbox-color),0 0 60px var(--checkbox-color),0 0 100px var(--checkbox-color),0 0 150px #ffd70066}50%{box-shadow:0 0 40px var(--checkbox-color),0 0 80px var(--checkbox-color),0 0 120px var(--checkbox-color),0 0 180px #ffd70099}}@keyframes legendaryPulse{0%,to{filter:hue-rotate(0deg) brightness(1)}33%{filter:hue-rotate(15deg) brightness(1.1)}66%{filter:hue-rotate(-15deg) brightness(1.1)}}.streak-aura{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:200%;border-radius:50%;pointer-events:none;z-index:-1}.aura-rare{background:radial-gradient(circle,var(--checkbox-color) 0%,transparent 70%);opacity:.3;animation:auraBreath 3s ease-in-out infinite}.aura-epic{background:radial-gradient(circle,var(--checkbox-color) 0%,rgba(255,255,255,.2) 40%,transparent 70%);opacity:.4;animation:auraBreath 2s ease-in-out infinite}.aura-legendary{background:radial-gradient(circle,var(--checkbox-color) 0%,transparent 50%),radial-gradient(circle,rgba(255,215,0,.5) 0%,transparent 70%);opacity:.5;animation:auraBreath 1.5s ease-in-out infinite,auraRotate 8s linear infinite}@keyframes auraBreath{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.5}}@keyframes auraRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.checkbox-btn.epic-celebration{animation:epicBounce .6s cubic-bezier(.68,-.55,.265,1.55) forwards,epicShine 2s ease-in-out infinite;z-index:100}@keyframes epicBounce{0%{transform:scale(1)}30%{transform:scale(1.4)}50%{transform:scale(1.2)}70%{transform:scale(1.3)}to{transform:scale(1.2)}}@keyframes epicShine{0%,to{box-shadow:0 0 50px var(--checkbox-color),0 0 100px var(--checkbox-color),0 0 150px var(--checkbox-color),0 0 200px #ffd700cc,inset 0 0 30px #ffffff80}50%{box-shadow:0 0 70px var(--checkbox-color),0 0 140px var(--checkbox-color),0 0 200px var(--checkbox-color),0 0 280px gold,inset 0 0 50px #ffffffb3}}.particle.epic-particle{animation:epicParticleBurst 1.5s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:var(--delay);width:8px;height:8px}@keyframes epicParticleBurst{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(1);opacity:1}50%{opacity:1}to{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--distance) * -1)) scale(0);opacity:0}}.shockwave{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:3px solid var(--checkbox-color);transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none}.shockwave-1{animation:shockwaveExpand 1s ease-out forwards}.shockwave-2{animation:shockwaveExpand 1s ease-out .15s forwards}.shockwave-3{animation:shockwaveExpand 1s ease-out .3s forwards}@keyframes shockwaveExpand{0%{transform:translate(-50%,-50%) scale(0);opacity:1;border-width:4px}to{transform:translate(-50%,-50%) scale(6);opacity:0;border-width:1px}}body.epic-flash:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at center,rgba(255,215,0,.4) 0%,transparent 70%);pointer-events:none;z-index:9999;animation:flashFade .3s ease-out forwards}@keyframes flashFade{0%{opacity:1}to{opacity:0}}.habit-checkbox.epic-mode{z-index:100}.habit-checkbox.tier-up-mode{z-index:50}.checkbox-btn.tier-up-celebration{animation:tierUpBounce .5s cubic-bezier(.68,-.55,.265,1.55) forwards,tierUpGlow 1.2s ease-in-out}@keyframes tierUpBounce{0%{transform:scale(1)}40%{transform:scale(1.3)}60%{transform:scale(1.15)}80%{transform:scale(1.2)}to{transform:scale(1.1)}}@keyframes tierUpGlow{0%,to{box-shadow:0 0 30px var(--tier-color),0 0 60px var(--tier-color),0 0 90px var(--tier-color)}50%{box-shadow:0 0 50px var(--tier-color),0 0 100px var(--tier-color),0 0 150px var(--tier-color)}}.particle.tier-up-particle{animation:tierUpParticleBurst 1s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:var(--delay);width:7px;height:7px;box-shadow:0 0 6px var(--color)}@keyframes tierUpParticleBurst{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(1);opacity:1}60%{opacity:1}to{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--distance) * -1)) scale(0);opacity:0}}.shockwave.tier-up-shockwave{border-color:var(--tier-color);box-shadow:0 0 10px var(--tier-color)}body.tier-up-flash:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at center,var(--tier-up-color, #ffd700) 0%,transparent 60%);opacity:.3;pointer-events:none;z-index:9999;animation:tierFlashFade .4s ease-out forwards}@keyframes tierFlashFade{0%{opacity:.4}to{opacity:0}}.particle{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--color);top:50%;left:50%;pointer-events:none;animation:particleBurst .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:var(--delay, 0ms)}@keyframes particleBurst{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--distance, -40px) * -1)) scale(0);opacity:0}}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:var(--color-secondary);border:1px solid rgba(255,255,255,.1);border-radius:12px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{font-size:1.5rem;font-weight:500;margin:0}.modal-close{font-size:2rem;color:var(--color-text-muted);background:none;border:none;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background:#ffffff1a;color:var(--color-text)}.habit-form{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--color-text)}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date]{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--color-text);font-size:1rem;font-family:inherit;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--color-highlight);background:#ffffff14}.form-group small{color:var(--color-text-muted);font-size:.85rem}.color-picker{display:flex;gap:.75rem;flex-wrap:wrap}.color-option{width:40px;height:40px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s;position:relative}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px var(--color-secondary),0 0 20px currentColor}.color-option.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.2rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5)}.form-actions{display:flex;gap:1rem;margin-top:1rem}.btn-cancel,.btn-submit{flex:1;padding:.875rem 1.5rem;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:#ffffff0d;color:var(--color-text-muted);border:1px solid rgba(255,255,255,.1)}.btn-cancel:hover{background:#ffffff14;color:var(--color-text)}.btn-submit{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;box-shadow:0 4px 12px #4a90e24d}.btn-submit:hover{box-shadow:0 6px 20px #4a90e266;transform:translateY(-1px)}.btn-submit:active{transform:translateY(0)}@media (max-width: 768px){.modal-content{width:95%}.modal-header{padding:1.25rem 1.5rem}.habit-form{padding:1.5rem}}.monthly-badge{position:relative;display:flex;align-items:center;justify-content:center}.badge-small{width:80px;height:80px}.badge-medium{width:120px;height:120px}.badge-large{width:160px;height:160px}.badge-frame{position:relative;width:85%;height:85%;border-radius:50%;border:3px solid #444;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}.badge-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .6s cubic-bezier(.4,0,.2,1)}.badge-glow{position:absolute;inset:-20%;border-radius:50%;pointer-events:none}.badge-icon{width:70%;height:70%;z-index:1}.badge-shine{position:absolute;inset:0;border-radius:50%;pointer-events:none}.progress-ring{position:absolute;inset:0;transform:rotate(-90deg);pointer-events:none}.progress-ring circle{fill:none;stroke-width:3;stroke-linecap:round}.progress-bg{stroke-dasharray:352 352}.progress-fill{transition:stroke-dasharray .8s cubic-bezier(.4,0,.2,1)}.tier-none .badge-frame{border-color:#333;background:#141414cc}.tier-none .badge-icon{opacity:.2;filter:grayscale(1)}.tier-bronze .badge-frame{border-width:3px;background:linear-gradient(135deg,#50321e66,#28190f99)}.tier-bronze.animate .badge-icon{animation:bronzePulse 3s ease-in-out infinite}@keyframes bronzePulse{0%,to{filter:brightness(1) saturate(.9)}50%{filter:brightness(1.1) saturate(1)}}.tier-silver .badge-frame{border-width:4px;background:linear-gradient(135deg,#64646e66,#3c3c4699)}.tier-silver .badge-shine{animation:silverShine 4s ease-in-out infinite}@keyframes silverShine{0%,to{opacity:.3}50%{opacity:.6}}.tier-silver.animate .badge-icon{animation:silverPulse 2.5s ease-in-out infinite}@keyframes silverPulse{0%,to{filter:brightness(1) drop-shadow(0 0 5px rgba(192,192,192,.3))}50%{filter:brightness(1.15) drop-shadow(0 0 10px rgba(192,192,192,.5))}}.tier-gold .badge-frame{border-width:4px;background:linear-gradient(135deg,#64501e80,#3c2d0fb3)}.tier-gold .badge-shine{animation:goldShine 3s ease-in-out infinite}@keyframes goldShine{0%,to{opacity:.4;transform:rotate(0)}50%{opacity:.7}}.tier-gold.animate .badge-icon{animation:goldPulse 2s ease-in-out infinite}@keyframes goldPulse{0%,to{filter:brightness(1) drop-shadow(0 0 8px rgba(255,215,0,.4));transform:scale(1)}50%{filter:brightness(1.2) drop-shadow(0 0 15px rgba(255,215,0,.6));transform:scale(1.02)}}.tier-gold .badge-glow{animation:goldGlow 3s ease-in-out infinite}@keyframes goldGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.tier-diamond .badge-frame{border-width:5px;background:linear-gradient(135deg,#3c506480,#1e3246b3);animation:diamondFrame 4s linear infinite}@keyframes diamondFrame{0%{border-color:#b9f2ff}25%{border-color:#ffb9f2}50%{border-color:#f2ffb9}75%{border-color:#b9ffb9}to{border-color:#b9f2ff}}.tier-diamond .badge-shine{background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,transparent 40%,rgba(255,255,255,.2) 60%,transparent 100%);animation:diamondShine 2s ease-in-out infinite}@keyframes diamondShine{0%,to{opacity:.5;transform:rotate(0) scale(1)}50%{opacity:1;transform:rotate(5deg) scale(1.05)}}.tier-diamond.animate .badge-icon{animation:diamondPulse 1.5s ease-in-out infinite}@keyframes diamondPulse{0%,to{filter:brightness(1) drop-shadow(0 0 10px rgba(185,242,255,.5)) hue-rotate(0deg);transform:scale(1)}50%{filter:brightness(1.3) drop-shadow(0 0 20px rgba(185,242,255,.8)) hue-rotate(15deg);transform:scale(1.03)}}.tier-diamond .badge-glow{animation:diamondGlow 2s ease-in-out infinite}@keyframes diamondGlow{0%,to{opacity:.6;transform:scale(1);filter:hue-rotate(0deg)}50%{opacity:1;transform:scale(1.15);filter:hue-rotate(30deg)}}.diamond-sparkles{position:absolute;inset:-10px;pointer-events:none;z-index:10}.sparkle{position:absolute;font-size:12px;color:#fff;text-shadow:0 0 8px rgba(185,242,255,1);animation:sparkleFloat 1.5s ease-in-out infinite}.sparkle.s1{top:5%;left:20%;animation-delay:0s}.sparkle.s2{top:15%;right:15%;animation-delay:.4s}.sparkle.s3{bottom:20%;left:10%;animation-delay:.8s}.sparkle.s4{bottom:10%;right:20%;animation-delay:1.2s}@keyframes sparkleFloat{0%,to{opacity:0;transform:scale(.5) translateY(0)}50%{opacity:1;transform:scale(1.2) translateY(-5px)}}.tier-mythic .badge-frame{border-width:5px;background:linear-gradient(135deg,#50285099,#28143ccc);animation:mythicFrame 3s linear infinite}@keyframes mythicFrame{0%{border-color:#f6f;box-shadow:0 0 25px #f6f9,inset 0 0 15px #f6f6}33%{border-color:#6ff;box-shadow:0 0 25px #6ff9,inset 0 0 15px #6ff6}66%{border-color:#ff6;box-shadow:0 0 25px #ff69,inset 0 0 15px #ff66}to{border-color:#f6f;box-shadow:0 0 25px #f6f9,inset 0 0 15px #f6f6}}.tier-mythic .badge-shine{background:linear-gradient(135deg,rgba(255,255,255,.5) 0%,transparent 35%,rgba(255,102,255,.3) 50%,transparent 65%,rgba(255,255,255,.3) 100%);animation:mythicShine 1.5s ease-in-out infinite}@keyframes mythicShine{0%,to{opacity:.6;transform:rotate(-5deg) scale(1)}50%{opacity:1;transform:rotate(5deg) scale(1.1)}}.tier-mythic.animate .badge-icon{animation:mythicPulseIcon 1.2s ease-in-out infinite}@keyframes mythicPulseIcon{0%,to{filter:brightness(1.1) drop-shadow(0 0 15px rgba(255,102,255,.6)) hue-rotate(0deg);transform:scale(1)}50%{filter:brightness(1.4) drop-shadow(0 0 25px rgba(255,102,255,.9)) hue-rotate(20deg);transform:scale(1.05)}}.tier-mythic .badge-glow{animation:mythicGlow 1.5s ease-in-out infinite}@keyframes mythicGlow{0%,to{opacity:.7;transform:scale(1);filter:hue-rotate(0deg)}50%{opacity:1;transform:scale(1.2);filter:hue-rotate(40deg)}}.mythic-sparkles{position:absolute;inset:-15px;pointer-events:none;z-index:10}.mythic-sparkles .sparkle{color:#f6f;text-shadow:0 0 12px rgba(255,102,255,1),0 0 20px rgba(255,102,255,.8);animation:mythicSparkle 1.2s ease-in-out infinite}.mythic-sparkles .sparkle.s1{top:0%;left:15%;animation-delay:0s}.mythic-sparkles .sparkle.s2{top:10%;right:10%;animation-delay:.2s}.mythic-sparkles .sparkle.s3{bottom:15%;left:5%;animation-delay:.4s}.mythic-sparkles .sparkle.s4{bottom:5%;right:15%;animation-delay:.6s}.mythic-sparkles .sparkle.s5{top:50%;left:-5%;animation-delay:.8s;font-size:14px}.mythic-sparkles .sparkle.s6{top:50%;right:-5%;animation-delay:1s}@keyframes mythicSparkle{0%,to{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1.4) rotate(180deg)}}.stage-ember .badge-icon{opacity:.6}.stage-blaze .badge-icon{opacity:.75}.stage-inferno .badge-icon{opacity:.9}.stage-transcendent .badge-icon{opacity:1}.stage-ember .badge-glow{opacity:.3}.stage-blaze .badge-glow{opacity:.5}.stage-inferno .badge-glow{opacity:.7}.stage-transcendent .badge-glow{opacity:1}.monthly-badge:hover .badge-frame{transform:scale(1.05)}.monthly-badge:hover .badge-icon{filter:brightness(1.2)}@media (max-width: 768px){.badge-small{width:60px;height:60px}.badge-medium{width:100px;height:100px}.badge-large{width:130px;height:130px}.sparkle{font-size:10px}}@media (max-width: 500px){.badge-small{width:50px;height:50px}.badge-medium{width:80px;height:80px}.badge-large{width:110px;height:110px}}.mythic-evolution-badge{position:relative;display:flex;align-items:center;justify-content:center}.mythic-evolution-badge .mythic-evolution{z-index:5}.mythic-evolution-badge .evolution-ring{position:absolute;inset:-5%;width:110%;height:110%;z-index:1}.mythic-evolution-badge .mythic-sparkles{z-index:10}.mythic-evolution-badge.badge-small .mythic-evolution{width:75px;height:75px}.mythic-evolution-badge.badge-medium .mythic-evolution{width:115px;height:115px}.mythic-evolution-badge.badge-large .mythic-evolution{width:155px;height:155px}.mythic-evolution{display:flex;align-items:center;justify-content:center}.mythic-size-small{width:70px;height:70px}.mythic-size-medium{width:110px;height:110px}.mythic-size-large{width:160px;height:160px}.mythic-svg{width:100%;height:100%}.mythic-tier-bronze{filter:drop-shadow(0 0 8px rgba(205,127,50,.5))}.mythic-tier-silver{filter:drop-shadow(0 0 10px rgba(192,192,192,.6))}.mythic-tier-gold{filter:drop-shadow(0 0 15px rgba(255,215,0,.7))}.mythic-tier-diamond{filter:drop-shadow(0 0 20px rgba(185,242,255,.8))}.mythic-tier-mythic{filter:drop-shadow(0 0 25px rgba(255,102,255,.9));animation:mythicTierPulse 1.5s ease-in-out infinite}@keyframes mythicTierPulse{0%,to{filter:drop-shadow(0 0 25px rgba(255,102,255,.9))}50%{filter:drop-shadow(0 0 40px rgba(255,102,255,1)) drop-shadow(0 0 60px rgba(136,255,255,.5))}}.frost-dragon .dragon-eye{animation:eyeGlow 2s ease-in-out infinite}.frost-dragon .ice-float{animation:iceFloat 3s ease-in-out infinite}@keyframes iceFloat{0%,to{transform:translateY(0) rotate(0);opacity:.8}50%{transform:translateY(-8px) rotate(10deg);opacity:1}}.phoenix-heart .flame-outer{animation:flameOuter 2s ease-in-out infinite}.phoenix-heart .flame-inner{animation:flameInner 1.5s ease-in-out infinite}.phoenix-heart .heart-pulse{animation:heartPulse 1s ease-in-out infinite}.phoenix-heart .phoenix-eye{animation:phoenixEye 2s ease-in-out infinite}@keyframes flameOuter{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.05)}}@keyframes flameInner{0%,to{opacity:.8;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.08)}}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes phoenixEye{0%,to{opacity:1}50%{opacity:.6}}.fire-rise{animation:fireRise 1.2s ease-out infinite}@keyframes fireRise{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-25px) scale(.3)}}.storm-blossom .electric-pulse{animation:electricPulse 2s ease-in-out infinite}.storm-blossom .petal-glow{animation:petalGlow 2s ease-in-out infinite}.storm-blossom .orb-pulse{animation:orbPulse 1.5s ease-in-out infinite}.storm-blossom .lightning-vein{animation:lightningVein 1s ease-in-out infinite}.storm-blossom .bolt-flash{animation:boltFlash .8s ease-in-out infinite}@keyframes electricPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes petalGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes orbPulse{0%,to{filter:brightness(1) drop-shadow(0 0 5px currentColor)}50%{filter:brightness(1.4) drop-shadow(0 0 15px currentColor)}}@keyframes lightningVein{0%,to{opacity:.5}50%{opacity:1}}@keyframes boltFlash{0%,40%,to{opacity:0}50%,60%{opacity:1}}.rain-spirit .water-flow{animation:waterFlow 3s ease-in-out infinite}.rain-spirit .spirit-eye{animation:spiritEye 3s ease-in-out infinite}.rain-spirit .droplet-float{animation:dropletFloat 2.5s ease-in-out infinite}.rain-spirit .ripple{animation:ripple 2s ease-out infinite}@keyframes waterFlow{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.02)}}@keyframes spiritEye{0%,to{opacity:1}50%{opacity:.7}}@keyframes dropletFloat{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(-10px);opacity:1}}@keyframes ripple{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.3);opacity:0}}.chrysalis-butterfly .wing-upper-l,.chrysalis-butterfly .wing-upper-r{animation:wingFlap 1.5s ease-in-out infinite;transform-origin:center right}.chrysalis-butterfly .wing-upper-r{transform-origin:center left;animation-delay:.1s}.chrysalis-butterfly .wing-lower-l,.chrysalis-butterfly .wing-lower-r{animation:wingFlapLower 1.5s ease-in-out infinite}.chrysalis-butterfly .wing-spot{animation:wingSpot 2s ease-in-out infinite}.chrysalis-butterfly .antenna-glow{animation:antennaGlow 1.5s ease-in-out infinite}.chrysalis-butterfly .sparkle-trail{animation:sparkleTrail 2s ease-out infinite}@keyframes wingFlap{0%,to{transform:rotate(-15deg) scaleX(1)}50%{transform:rotate(-15deg) scaleX(.95)}}@keyframes wingFlapLower{0%,to{transform:rotate(-10deg) scaleX(1)}50%{transform:rotate(-10deg) scaleX(.97)}}@keyframes wingSpot{0%,to{opacity:1}50%{opacity:.6}}@keyframes antennaGlow{0%,to{filter:brightness(1) drop-shadow(0 0 3px currentColor)}50%{filter:brightness(1.5) drop-shadow(0 0 8px currentColor)}}@keyframes sparkleTrail{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-15px)}}.solar-crown .sun-ray{animation:sunRay 3s ease-in-out infinite}.solar-crown .sun-ray-secondary{animation:sunRaySecondary 2.5s ease-in-out infinite}.solar-crown .sun-body{animation:sunBody 4s ease-in-out infinite}.solar-crown .crown-point{animation:crownPoint 2s ease-in-out infinite}.solar-crown .heat-wave{animation:heatWave 2s ease-in-out infinite}@keyframes sunRay{0%,to{opacity:1;transform:scaleY(1) rotate(var(--r, 0deg))}50%{opacity:.7;transform:scaleY(1.15) rotate(var(--r, 0deg))}}@keyframes sunRaySecondary{0%,to{opacity:.7}50%{opacity:1}}@keyframes sunBody{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}@keyframes crownPoint{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes heatWave{0%,to{transform:translate(0);opacity:.4}50%{transform:translate(5px);opacity:.7}}.cosmic-nebula .nebula-outer{animation:nebulaOuter 8s ease-in-out infinite}.cosmic-nebula .nebula-mid{animation:nebulaMid 6s ease-in-out infinite}.cosmic-nebula .spiral-arm{animation:spiralArm 10s linear infinite}.cosmic-nebula .core-pulse{animation:corePulse 2s ease-in-out infinite}.cosmic-nebula .star-twinkle{animation:starTwinkle 1.5s ease-in-out infinite}.cosmic-nebula .star-glow{animation:starGlow 1.5s ease-in-out infinite}@keyframes nebulaOuter{0%,to{transform:rotate(-20deg) scale(1)}50%{transform:rotate(-15deg) scale(1.05)}}@keyframes nebulaMid{0%,to{transform:rotate(15deg) scale(1)}50%{transform:rotate(20deg) scale(1.03)}}@keyframes spiralArm{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes corePulse{0%,to{filter:brightness(1) drop-shadow(0 0 10px currentColor)}50%{filter:brightness(1.3) drop-shadow(0 0 20px currentColor)}}@keyframes starTwinkle{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes starGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.5)}}.golden-phoenix .wing-left{animation:wingLeft 2s ease-in-out infinite;transform-origin:right center}.golden-phoenix .wing-right{animation:wingRight 2s ease-in-out infinite;transform-origin:left center}.golden-phoenix .crest-flame{animation:crestFlame 1.5s ease-in-out infinite}.golden-phoenix .tail-flame{animation:tailFlame 1.5s ease-in-out infinite}@keyframes wingLeft{0%,to{transform:rotate(0)}50%{transform:rotate(-5deg)}}@keyframes wingRight{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}@keyframes crestFlame{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.15)}}@keyframes tailFlame{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(1.1);opacity:.8}}.harvest-moon .moon-glow{animation:moonGlow 4s ease-in-out infinite}.harvest-moon .moon-body{animation:moonBody 5s ease-in-out infinite}.harvest-moon .leaf-fall{animation:leafFall 4s ease-in-out infinite}@keyframes moonGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes moonBody{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}@keyframes leafFall{0%{opacity:0;transform:translateY(-20px) rotate(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(30px) rotate(180deg)}}.shadow-flame .ghost-flame-outer{animation:ghostFlameOuter 2s ease-in-out infinite}.shadow-flame .ghost-flame-inner{animation:ghostFlameInner 1.5s ease-in-out infinite}.shadow-flame .skull-eye{animation:skullEye 2s ease-in-out infinite}.shadow-flame .wisp-float{animation:wispFloat 3s ease-in-out infinite}.shadow-flame .ember-rise{animation:emberRise 1.5s ease-out infinite}@keyframes ghostFlameOuter{0%,to{opacity:.6;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(1.05)}}@keyframes ghostFlameInner{0%,to{opacity:.7;transform:scaleY(1)}50%{opacity:.9;transform:scaleY(1.08)}}@keyframes skullEye{0%,to{filter:brightness(1) drop-shadow(0 0 5px currentColor)}50%{filter:brightness(1.5) drop-shadow(0 0 12px currentColor)}}@keyframes wispFloat{0%,to{opacity:.5;transform:translateY(0) translate(0)}50%{opacity:.8;transform:translateY(-10px) translate(5px)}}@keyframes emberRise{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.amber-heart .crystal-glow{animation:crystalGlow 3s ease-in-out infinite}.amber-heart .crystal-body{animation:crystalBody 4s ease-in-out infinite}.amber-heart .inner-pulse{animation:innerPulse 2s ease-in-out infinite}.amber-heart .amber-float{animation:amberFloat 3s ease-in-out infinite}@keyframes crystalGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes crystalBody{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}@keyframes innerPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes amberFloat{0%,to{transform:translateY(0) rotate(0);opacity:.6}50%{transform:translateY(-8px) rotate(15deg);opacity:.9}}.aurora-crown .aurora-wave-1{animation:auroraWave1 4s ease-in-out infinite}.aurora-crown .aurora-wave-2{animation:auroraWave2 3.5s ease-in-out infinite}.aurora-crown .aurora-wave-3{animation:auroraWave3 3s ease-in-out infinite}.aurora-crown .crown-gem{animation:crownGem 2s ease-in-out infinite}.aurora-crown .aurora-star{animation:auroraStar 2s ease-in-out infinite}.aurora-crown .snowflake-fall{animation:snowflakeFall 4s linear infinite}@keyframes auroraWave1{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-10px);opacity:.6}}@keyframes auroraWave2{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-8px);opacity:.7}}@keyframes auroraWave3{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-6px);opacity:.8}}@keyframes crownGem{0%,to{filter:brightness(1) drop-shadow(0 0 3px currentColor)}50%{filter:brightness(1.4) drop-shadow(0 0 10px currentColor)}}@keyframes auroraStar{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes snowflakeFall{0%{opacity:0;transform:translateY(-10px)}20%{opacity:.7}80%{opacity:.7}to{opacity:0;transform:translateY(20px)}}@keyframes eyeGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.monthly-progress{position:fixed;left:max(1rem,calc(50% - 720px));top:50%;transform:translateY(-50%);width:200px;max-height:85vh;overflow-y:auto;background:#0f0f0ff2;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.25rem;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:1rem}.progress-header{text-align:center}.month-name{font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.2em}.theme-name{font-size:1rem;font-weight:700;color:var(--color-text);margin-top:.2rem;background:linear-gradient(135deg,#8df,#f8c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.badge-display{display:flex;justify-content:center;padding:.5rem 0}.displayed-habit-name{text-align:center;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-top:-.5rem;margin-bottom:.25rem;text-shadow:0 0 10px currentColor}.progress-info{display:flex;flex-direction:column;gap:.6rem}.days-count{display:flex;align-items:baseline;justify-content:center;gap:.15rem}.days-number{font-size:2rem;font-weight:800;color:var(--color-text);line-height:1}.days-separator{font-size:1.2rem;color:var(--color-text-muted);margin:0 .1rem}.days-total{font-size:1.2rem;font-weight:600;color:var(--color-text-muted)}.days-label{font-size:.7rem;color:var(--color-text-muted);margin-left:.3rem;text-transform:uppercase;letter-spacing:.1em}.progress-bar-container{position:relative;height:6px;background:#ffffff1a;border-radius:3px;overflow:visible}.progress-bar-fill{height:100%;border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px currentColor}.tier-markers{position:absolute;inset:0;pointer-events:none}.tier-markers .marker{position:absolute;top:-3px;width:2px;height:12px;border-radius:1px;opacity:.5}.marker.bronze{background:#cd7f32}.marker.silver{background:silver}.marker.gold{background:gold}.tier-display{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.tier-badge{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.tier-next{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--color-text-muted)}.tier-arrow{opacity:.5}.tier-target{font-weight:600}.tier-days{background:#ffffff1a;padding:.1rem .3rem;border-radius:4px;font-size:.65rem}.progress-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);margin:.25rem 0}.habit-streaks{display:flex;flex-direction:column;gap:.4rem}.streaks-title{font-size:.65rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.2rem}.habit-streak-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;background:#ffffff08;border-radius:6px;transition:all .2s ease;cursor:pointer;border:1px solid transparent;width:100%;text-align:left;font-family:inherit}.habit-streak-item:hover{background:#ffffff14;transform:translate(2px)}.habit-streak-item.selected{background:#ffffff1a;border-width:1px;border-style:solid}.habit-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.habit-name{flex:1;font-size:.75rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.habit-days{font-size:.85rem;font-weight:700;min-width:1.5rem;text-align:right}.reliquary-link{display:block;text-align:center;font-size:.7rem;color:var(--color-text-muted);text-decoration:none;padding:.5rem;border-radius:8px;background:#ffffff08;transition:all .2s ease;margin-top:.5rem}.reliquary-link:hover{background:#ffffff14;color:var(--color-text)}.monthly-progress::-webkit-scrollbar{width:4px}.monthly-progress::-webkit-scrollbar-track{background:#ffffff08}.monthly-progress::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}@media (max-width: 1200px){.monthly-progress{position:static;transform:none;width:100%;max-width:500px;max-height:none;margin:0 auto 1.5rem;flex-direction:column}.badge-display{padding:1rem 0}.habit-streaks{flex-direction:row;flex-wrap:wrap;gap:.5rem}.habit-streak-item{flex:1 1 calc(50% - .5rem);min-width:120px}.streaks-title{width:100%}}@media (max-width: 500px){.monthly-progress{padding:1rem;border-radius:12px}.theme-name{font-size:.9rem}.days-number{font-size:1.6rem}.habit-streak-item{flex:1 1 100%}}.habit-stats{margin-top:2rem;padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px}.stats-title{font-size:.85rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.stats-table{width:100%}.stats-header{display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr 1.5fr;gap:1rem;padding:.75rem 1rem;background:#ffffff08;border-radius:8px;margin-bottom:.5rem}.stats-header .stats-col{font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.stats-body{display:flex;flex-direction:column;gap:.25rem}.stats-row{display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr 1.5fr;gap:1rem;padding:.75rem 1rem;border-radius:8px;transition:background .2s ease}.stats-row:hover{background:#ffffff08}.stats-col{display:flex;align-items:center;gap:.5rem}.col-habit{font-weight:500;color:var(--color-text);font-size:.85rem}.habit-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.col-total,.col-current,.col-best{justify-content:flex-start}.stat-value{font-size:1.1rem;font-weight:700;color:var(--color-text)}.stat-value.active{color:#ff8c00}.stat-value.best{color:gold}.stat-value.upgrade{color:#0cf}.stat-value.legendary-status{background:linear-gradient(45deg,red,#f80,#ff0,#0f0,#0ff,#08f,#80f,#f0f);background-size:300% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rainbowText 1.5s linear infinite;font-weight:900}@keyframes rainbowText{0%{background-position:0% center}to{background-position:300% center}}.stat-label{font-size:.65rem;color:var(--color-text-muted)}.col-upgrade{flex-direction:column;align-items:flex-start;gap:.1rem}@media (max-width: 768px){.stats-header{display:none}.stats-row{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#ffffff05;margin-bottom:.5rem}.col-habit{font-size:.9rem;margin-bottom:.5rem}.stats-row .stats-col:not(.col-habit){justify-content:space-between}.stats-row .stats-col:not(.col-habit):before{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase}.col-total:before{content:"Total"}.col-current:before{content:"Current"}.col-best:before{content:"Best"}.col-upgrade:before{content:"Next"}.col-upgrade{flex-direction:row;align-items:center;gap:.5rem}}.daily-countdown{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:1rem}.daily-countdown.urgent{background:linear-gradient(135deg,#ff64641a,#ff32320d);border-color:#ff64644d}.daily-countdown.grace-period{background:linear-gradient(135deg,#ffb4321a,#ff96000d);border-color:#ffb4324d}.countdown-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#fff9;margin-bottom:.5rem}.countdown-timer{display:flex;align-items:baseline;gap:.25rem;font-family:SF Mono,Consolas,monospace}.time-segment{display:flex;align-items:baseline}.time-value{font-size:1.5rem;font-weight:600;color:#ffffffe6}.time-unit{font-size:.75rem;color:#fff6;margin-left:1px}.time-separator{font-size:1.25rem;color:#ffffff4d;margin:0 .1rem}.daily-countdown.urgent .time-value{color:#ff6b6b}.daily-countdown.grace-period .time-value{color:#ffb432}.countdown-warning{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem;padding:.25rem .75rem;border-radius:4px;animation:pulse 2s ease-in-out infinite}.daily-countdown.urgent .countdown-warning{background:#ff646433;color:#ff6b6b}.daily-countdown.grace-period .countdown-warning{background:#ffb43233;color:#ffb432}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 768px){.daily-countdown{padding:.75rem 1rem}.time-value{font-size:1.25rem}.time-separator{font-size:1rem}}.celebration-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#000000f2,#000000fa);opacity:0;transition:opacity .5s ease}.celebration-overlay.enter,.celebration-overlay.transform,.celebration-overlay.reveal{opacity:1}.celebration-overlay.exit{opacity:0}.celebration-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.c-particle{position:absolute;width:6px;height:6px;background:var(--color);border-radius:50%;left:var(--x);top:var(--y);opacity:0;animation:particleFloat 4s ease-in-out infinite;animation-delay:var(--delay);box-shadow:0 0 10px var(--color),0 0 20px var(--color)}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(0) scale(0)}10%{opacity:1;transform:translateY(0) scale(1)}90%{opacity:.5;transform:translateY(-100px) scale(.5)}}.celebration-burst{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,var(--burst-color) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:all .8s cubic-bezier(.25,.46,.45,.94)}.celebration-overlay.transform .celebration-burst,.celebration-overlay.reveal .celebration-burst{width:200vmax;height:200vmax;opacity:.3}.celebration-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:2rem;z-index:1}.tier-up-container{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.badge-from,.badge-to{position:absolute;transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.badge-from{opacity:1;transform:scale(1.5)}.badge-from.hide{opacity:0;transform:scale(2) rotate(180deg);filter:blur(10px)}.badge-to{opacity:0;transform:scale(.5)}.badge-to.show{opacity:1;transform:scale(1.5);animation:badgeReveal .8s cubic-bezier(.68,-.55,.265,1.55)}@keyframes badgeReveal{0%{opacity:0;transform:scale(0) rotate(-180deg);filter:blur(20px)}50%{filter:blur(5px)}to{opacity:1;transform:scale(1.5) rotate(0);filter:blur(0)}}.transform-effect{position:absolute;inset:-50%;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0}.transform-effect.active{opacity:1}.transform-ring{position:absolute;border-radius:50%;border:3px solid currentColor;opacity:0}.transform-ring.ring-1{width:100%;height:100%;animation:ringExpand 1s ease-out forwards;color:var(--burst-color, #ffd700)}.transform-ring.ring-2{width:100%;height:100%;animation:ringExpand 1s ease-out .2s forwards;color:var(--burst-color, #ffd700)}.transform-ring.ring-3{width:100%;height:100%;animation:ringExpand 1s ease-out .4s forwards;color:var(--burst-color, #ffd700)}@keyframes ringExpand{0%{transform:scale(0);opacity:1;border-width:8px}to{transform:scale(3);opacity:0;border-width:1px}}.transform-flash{position:absolute;width:50%;height:50%;background:#fff;border-radius:50%;opacity:0;animation:transformFlash .3s ease-out .3s forwards}@keyframes transformFlash{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(2)}to{opacity:0;transform:scale(4)}}.perfect-month-container{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center}.egg-container{position:relative;transition:all .5s ease;transform:scale(1.5)}.egg-container.cracking{animation:eggShake .5s ease-in-out infinite}.egg-container.hatched{opacity:0;transform:scale(.5)}@keyframes eggShake{0%,to{transform:scale(1.5) rotate(-2deg)}25%{transform:scale(1.5) rotate(2deg)}50%{transform:scale(1.5) rotate(-2deg)}75%{transform:scale(1.5) rotate(2deg)}}.crack-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.crack{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 5px rgba(255,255,255,.8))}.egg-container.cracking .crack{animation:crackDraw 1.5s ease-out forwards}.crack-1{animation-delay:0s}.crack-2{animation-delay:.3s}.crack-3{animation-delay:.6s}.crack-4{animation-delay:.9s}@keyframes crackDraw{to{stroke-dashoffset:0}}.shell-fragments{position:absolute;inset:0}.shell-fragment{position:absolute;top:50%;left:50%;width:20px;height:30px;background:linear-gradient(135deg,#fffc,#c8c8c899);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);animation:fragmentFly 1s ease-out forwards;animation-delay:var(--delay)}@keyframes fragmentFly{0%{transform:translate(-50%,-50%) rotate(0) translateY(0);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-150px) rotate(720deg);opacity:0}}.dragon-container{position:absolute;top:50%;left:50%;width:250px;height:250px;opacity:0;transform:translate(-50%,-50%) scale(0);transition:all .8s cubic-bezier(.68,-.55,.265,1.55);display:flex;align-items:center;justify-content:center}.dragon-container.show{opacity:1;transform:translate(-50%,-50%) scale(1);animation:dragonReveal 1.5s ease-out forwards}@keyframes dragonReveal{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(-30deg);filter:brightness(3) blur(10px)}50%{filter:brightness(2) blur(5px)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0);filter:brightness(1) blur(0)}}.dragon-svg{width:100%;height:100%;filter:drop-shadow(0 0 20px currentColor)}.dragon-wings .wing{transform-origin:center;animation:wingFlap 2s ease-in-out infinite}.wing-left{animation-delay:0s}.wing-right{animation-delay:.1s}@keyframes wingFlap{0%,to{transform:scaleY(1) rotate(0)}50%{transform:scaleY(.9) rotate(-5deg)}}.dragon-eye{animation:eyeGlow 2s ease-in-out infinite}@keyframes eyeGlow{0%,to{filter:drop-shadow(0 0 5px currentColor)}50%{filter:drop-shadow(0 0 15px currentColor) drop-shadow(0 0 25px currentColor)}}.dragon-tail{animation:tailSway 3s ease-in-out infinite;transform-origin:left center}@keyframes tailSway{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}.ice-crystal{animation:crystalSpin 4s linear infinite;transform-origin:100px 100px}@keyframes crystalSpin{0%{opacity:.5}to{opacity:.9}}.dragon-bronze{color:#cd7f32;filter:drop-shadow(0 0 40px rgba(205,127,50,.8)) drop-shadow(0 0 80px rgba(139,69,19,.4));animation:bronzeIntense 2s ease-in-out infinite}@keyframes bronzeIntense{0%,to{filter:drop-shadow(0 0 40px rgba(205,127,50,.8)) drop-shadow(0 0 80px rgba(139,69,19,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 60px rgba(205,127,50,1)) drop-shadow(0 0 100px rgba(255,100,0,.6));transform:scale(1.02)}}.dragon-silver{color:silver;filter:drop-shadow(0 0 40px rgba(192,192,192,.8)) drop-shadow(0 0 80px rgba(220,220,255,.4));animation:silverIntense 2.5s ease-in-out infinite}@keyframes silverIntense{0%,to{filter:drop-shadow(0 0 40px rgba(192,192,192,.8)) drop-shadow(0 0 80px rgba(220,220,255,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 60px rgba(255,255,255,1)) drop-shadow(0 0 100px rgba(200,200,255,.6));transform:scale(1.02)}}.dragon-gold{color:gold;filter:drop-shadow(0 0 50px rgba(255,215,0,.9)) drop-shadow(0 0 100px rgba(255,140,0,.5));animation:goldenFury 1.5s ease-in-out infinite}@keyframes goldenFury{0%,to{filter:drop-shadow(0 0 50px rgba(255,215,0,.9)) drop-shadow(0 0 100px rgba(255,140,0,.5));transform:scale(1)}25%{filter:drop-shadow(0 0 70px rgba(255,200,0,1)) drop-shadow(0 0 120px rgba(255,100,0,.7))}50%{filter:drop-shadow(0 0 80px rgba(255,180,0,1)) drop-shadow(0 0 150px rgba(255,80,0,.8));transform:scale(1.03)}75%{filter:drop-shadow(0 0 70px rgba(255,200,0,1)) drop-shadow(0 0 120px rgba(255,100,0,.7))}}.dragon-diamond{color:#b9f2ff;filter:drop-shadow(0 0 50px rgba(185,242,255,.9)) drop-shadow(0 0 100px rgba(100,200,255,.5));animation:diamondFrost 2s ease-in-out infinite}@keyframes diamondFrost{0%,to{filter:drop-shadow(0 0 50px rgba(185,242,255,.9)) drop-shadow(0 0 100px rgba(100,200,255,.5)) hue-rotate(0deg);transform:scale(1)}50%{filter:drop-shadow(0 0 80px rgba(200,255,255,1)) drop-shadow(0 0 150px rgba(150,220,255,.8)) hue-rotate(15deg);transform:scale(1.03)}}.dragon-mythic{color:#f6f;filter:drop-shadow(0 0 60px rgba(255,102,255,1)) drop-shadow(0 0 120px rgba(102,255,255,.6));animation:mythicChaos 1.2s ease-in-out infinite}@keyframes mythicChaos{0%{filter:drop-shadow(0 0 60px rgba(255,102,255,1)) drop-shadow(0 0 120px rgba(102,255,255,.6)) hue-rotate(0deg);transform:scale(1)}25%{filter:drop-shadow(0 0 80px rgba(102,255,255,1)) drop-shadow(0 0 150px rgba(255,255,102,.7)) hue-rotate(90deg);transform:scale(1.02)}50%{filter:drop-shadow(0 0 100px rgba(255,255,102,1)) drop-shadow(0 0 180px rgba(255,102,255,.8)) hue-rotate(180deg);transform:scale(1.04)}75%{filter:drop-shadow(0 0 80px rgba(102,255,102,1)) drop-shadow(0 0 150px rgba(102,255,255,.7)) hue-rotate(270deg);transform:scale(1.02)}to{filter:drop-shadow(0 0 60px rgba(255,102,255,1)) drop-shadow(0 0 120px rgba(102,255,255,.6)) hue-rotate(360deg);transform:scale(1)}}.dragon-eye{animation:eyePulse 1s ease-in-out infinite}@keyframes eyePulse{0%,to{opacity:.9}50%{opacity:1;filter:brightness(1.5)}}.nostril-glow{animation:nostrilFlicker .5s ease-in-out infinite}@keyframes nostrilFlicker{0%,to{opacity:.4}50%{opacity:.8}}.fire-particle{animation:fireRise 1s ease-out infinite}@keyframes fireRise{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.3)}}.ice-crystal{animation:crystalShimmer 2s ease-in-out infinite}@keyframes crystalShimmer{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.celebration-title{display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.celebration-title.show{opacity:1;transform:translateY(0)}.title-small{font-size:1rem;font-weight:600;letter-spacing:.3em;color:#fff9;text-transform:uppercase}.title-large{font-size:3rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 30px currentColor,0 0 60px currentColor;animation:titlePulse 2s ease-in-out infinite}@keyframes titlePulse{0%,to{text-shadow:0 0 30px currentColor,0 0 60px currentColor}50%{text-shadow:0 0 50px currentColor,0 0 100px currentColor,0 0 150px currentColor}}.title-subtitle{font-size:1.2rem;font-weight:500;color:#ffffff80;font-style:italic}.celebration-dismiss{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffff80;padding:.75rem 2rem;border-radius:30px;font-size:.9rem;cursor:pointer;transition:all .3s ease;animation:fadeInUp .5s ease .5s both}.celebration-dismiss:hover{background:#ffffff1a;border-color:#fff6;color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.badge-from,.badge-to,.badge-to.show,.egg-container{transform:scale(1.2)}.dragon-container{width:200px;height:200px}.title-large{font-size:2rem}}.forgiveness-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.forgiveness-modal{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;max-width:380px;width:90%;text-align:center;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.forgiveness-icon{font-size:3rem;margin-bottom:1rem}.forgiveness-modal h3{font-size:1.25rem;font-weight:500;color:#e8e8e8;margin:0 0 1rem}.forgiveness-date{font-size:1.1rem;color:#4a90e2;margin:0 0 .25rem;font-weight:500}.forgiveness-habit{font-size:.9rem;color:#e8e8e899;margin:0 0 1.25rem}.forgiveness-description{font-size:.9rem;color:#e8e8e8b3;line-height:1.6;margin:0 0 1rem}.forgiveness-description strong{color:#e8e8e8}.forgiveness-warning{font-size:.9rem;color:#e8e8e880;margin:0 0 1.5rem}.forgiveness-actions{display:flex;gap:.75rem;justify-content:center}.forgiveness-cancel{padding:.75rem 1.5rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#e8e8e8b3;cursor:pointer;font-size:.9rem;transition:all .2s ease}.forgiveness-cancel:hover{background:#ffffff0d;border-color:#ffffff4d;color:#e8e8e8}.forgiveness-confirm{padding:.75rem 1.5rem;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.forgiveness-confirm:hover{transform:translateY(-1px);box-shadow:0 4px 15px #4a90e24d}.habit-tracker{min-height:100vh;background:linear-gradient(135deg,#0f0f0f,#1a1a1a,#0f0f0f);position:relative}.tracker-nav{position:fixed;top:0;left:0;right:0;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:10;background:linear-gradient(180deg,#0f0f0ff2,#0f0f0f00)}.nav-user{color:#e8e8e880;font-size:.85rem}.logout-btn{background:none;border:none;cursor:pointer;padding:0;font-size:inherit;font-family:inherit}.tracker-container{max-width:1000px;margin:0 auto;padding:4rem 2rem}.tracker-header{margin-bottom:3rem}.header-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.tracker-title{font-size:clamp(2rem,6vw,3.5rem);font-weight:300;letter-spacing:-.02em;margin:0;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tracker-controls{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.view-toggle{display:flex;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden}.toggle-btn{padding:.625rem 1.25rem;font-size:.9rem;font-weight:500;color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;transition:all .2s}.toggle-btn.active{background:var(--color-highlight);color:#fff}.toggle-btn:not(.active):hover{background:#ffffff0d;color:var(--color-text)}.date-navigation{display:flex;align-items:center;gap:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.5rem 1rem}.nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-text-muted);border:none;border-radius:4px;cursor:pointer;transition:all .2s;font-size:1.25rem}.nav-btn:hover{background:#ffffff1a;color:var(--color-text)}.current-period{font-size:.95rem;color:var(--color-text);min-width:200px;text-align:center;font-weight:500}.add-habit-btn{padding:.625rem 1.5rem;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #4a90e24d;margin-left:auto}.add-habit-btn:hover{box-shadow:0 6px 20px #4a90e266;transform:translateY(-1px)}.empty-state{text-align:center;padding:6rem 2rem;color:var(--color-text-muted)}.empty-state p{font-size:1.1rem;margin-bottom:2rem}.cta-add-btn{padding:1rem 2.5rem;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px #4a90e24d}.cta-add-btn:hover{box-shadow:0 6px 30px #4a90e280;transform:translateY(-2px)}.tracker-content{margin-top:2rem}.week-view{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.week-header{display:grid;grid-template-columns:200px repeat(7,1fr);background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.day-header{padding:1rem;text-align:center;border-right:1px solid rgba(255,255,255,.05)}.day-header:last-child{border-right:none}.habit-column-header{border-right:1px solid rgba(255,255,255,.1)}.day-name{font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.day-number{font-size:1.25rem;font-weight:500;color:var(--color-text)}.day-header.today{background:linear-gradient(180deg,#4a90e240,#4a90e226);border-left:3px solid #4a90e2;border-right:3px solid #4a90e2;position:relative;animation:todayPulse 2s ease-in-out infinite}.day-header.today:before{content:"TODAY";position:absolute;top:4px;left:50%;transform:translate(-50%);font-size:.55rem;font-weight:700;letter-spacing:.1em;color:#4a90e2;background:#4a90e233;padding:2px 6px;border-radius:3px}.day-header.today .day-name{margin-top:.75rem}.day-header.today .day-name,.day-header.today .day-number{color:#4a90e2;font-weight:700;text-shadow:0 0 10px rgba(74,144,226,.5)}@keyframes todayPulse{0%,to{box-shadow:inset 0 0 20px #4a90e233}50%{box-shadow:inset 0 0 30px #4a90e259}}.habits-grid{display:flex;flex-direction:column}.habit-row{display:grid;grid-template-columns:200px repeat(7,1fr);border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s}.habit-row:last-child{border-bottom:none}.habit-row:hover{background:#ffffff05}.habit-info{display:flex;align-items:center;gap:.75rem;padding:1rem;border-right:1px solid rgba(255,255,255,.05)}.habit-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.habit-name{font-size:.95rem;color:var(--color-text);flex:1}.habit-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.habit-row:hover .habit-actions{opacity:1}.edit-habit-btn,.delete-habit-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-text-muted);border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;line-height:1;transition:all .2s}.edit-habit-btn:hover{background:#4a90e233;color:#4a90e2}.delete-habit-btn{font-size:1.5rem}.delete-habit-btn:hover{background:#f003;color:#ff6b6b}.habit-checks{display:grid;grid-template-columns:repeat(7,1fr);grid-column:span 7}.check-cell{display:flex;align-items:center;justify-content:center;padding:1rem;border-right:1px solid rgba(255,255,255,.05)}.check-cell:last-child{border-right:none}.check-cell.disabled{background:#0003;opacity:.3}.month-view{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;padding:1rem}.month-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:.5rem}.weekday-label{text-align:center;font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:.5rem}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.month-cell{aspect-ratio:1;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;transition:all .2s}.month-cell:hover:not(.empty){background:#ffffff0d;border-color:#ffffff26}.month-cell.empty{background:transparent;border:none}.cell-date{font-size:.9rem;font-weight:500;color:var(--color-text)}.month-cell.today{background:linear-gradient(135deg,#4a90e240,#4a90e226);border:2px solid #4a90e2;box-shadow:0 0 20px #4a90e266,inset 0 0 15px #4a90e21a;animation:todayCellPulse 2s ease-in-out infinite;position:relative}.month-cell.today:after{content:"";position:absolute;inset:-2px;border:2px solid #4a90e2;border-radius:10px;animation:todayRing 2s ease-in-out infinite;pointer-events:none}.month-cell.today .cell-date{color:#4a90e2;font-weight:700;text-shadow:0 0 8px rgba(74,144,226,.5)}@keyframes todayCellPulse{0%,to{box-shadow:0 0 20px #4a90e266,inset 0 0 15px #4a90e21a}50%{box-shadow:0 0 30px #4a90e299,inset 0 0 20px #4a90e226}}@keyframes todayRing{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.cell-habits{display:flex;flex-wrap:wrap;gap:.25rem;flex:1}@media (max-width: 1200px){.week-header,.habit-row{grid-template-columns:150px repeat(7,1fr)}}@media (max-width: 768px){.tracker-nav{padding:1.5rem;gap:1.5rem}.tracker-container{padding:3rem 1rem}.tracker-controls{flex-direction:column;align-items:stretch}.add-habit-btn{margin-left:0}.week-view{overflow-x:auto}.week-header,.habit-row{grid-template-columns:120px repeat(7,80px);min-width:100%}.month-grid{gap:.25rem}.month-cell{padding:.25rem}.cell-date{font-size:.75rem}}.reliquary{min-height:100vh;background:var(--color-primary)}.reliquary-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0f0f0ff2;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-left,.nav-right{display:flex;align-items:center;gap:1.5rem}.nav-link{color:var(--color-text-muted);text-decoration:none;font-size:.85rem;transition:color .2s ease}.nav-link:hover{color:var(--color-text)}.nav-user{color:var(--color-text);font-weight:500;font-size:.85rem}.logout-btn{background:none;border:none;cursor:pointer;font-size:.85rem}.reliquary-container{max-width:1200px;margin:0 auto;padding:2rem}.reliquary-header{text-align:center;margin-bottom:2rem}.reliquary-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#b9f2ff,gold,#f8c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.reliquary-subtitle{font-size:1rem;color:var(--color-text-muted);font-style:italic}.year-selector{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem}.year-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s ease}.year-btn:hover:not(:disabled){background:#ffffff1a}.year-btn:disabled{opacity:.3;cursor:not-allowed}.year-display{font-size:1.5rem;font-weight:700;color:var(--color-text);min-width:80px;text-align:center}.stats-bar{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:2.5rem;padding:1rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:70px}.stat-value{font-size:1.5rem;font-weight:800;color:var(--color-text)}.stat-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.stat-item.mythic .stat-value{color:#f6f;text-shadow:0 0 10px rgba(255,102,255,.5)}.stat-item.diamond .stat-value{color:#b9f2ff}.stat-item.gold .stat-value{color:gold}.stat-item.silver .stat-value{color:silver}.stat-item.bronze .stat-value{color:#cd7f32}.stat-item.streak .stat-value{color:#f8c}.badge-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.25rem}.badge-card{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.badge-card:hover:not(.locked){background:#ffffff0f;transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.badge-card.current{border-color:#ffd7004d;background:#ffd7000d}.badge-card.tier-mythic{border-color:#f6f6;box-shadow:0 0 20px #f6f3;animation:mythicPulse 3s ease-in-out infinite}@keyframes mythicPulse{0%,to{box-shadow:0 0 20px #f6f3}50%{box-shadow:0 0 30px #f6f6,0 0 60px #f6f3}}.badge-card.tier-diamond{border-color:#b9f2ff4d}.badge-card.tier-gold{border-color:#ffd70033}.badge-card.tier-silver{border-color:#c0c0c033}.badge-card.tier-bronze{border-color:#cd7f3233}.badge-card.locked{cursor:default;opacity:.5}.badge-month{font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.15em}.badge-theme{font-size:.85rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem}.badge-visual{margin:.5rem 0}.badge-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:.5rem}.badge-tier{font-size:.7rem;font-weight:700;letter-spacing:.1em}.tier-none .badge-tier{color:#666}.tier-bronze .badge-tier{color:#cd7f32}.tier-silver .badge-tier{color:silver}.tier-gold .badge-tier{color:gold}.tier-diamond .badge-tier{color:#b9f2ff}.tier-mythic .badge-tier{color:#f6f;text-shadow:0 0 8px rgba(255,102,255,.6)}.badge-streak-level{font-size:.75rem;color:#f8c;font-weight:600}.badge-days{font-size:.65rem;color:var(--color-text-muted)}.badge-habit-name{font-size:.6rem;font-weight:600;opacity:.9;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-badge{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(135deg,#ffd70033,#f8c3);color:var(--color-text);font-size:.6rem;font-weight:600;text-align:center;padding:.3rem;letter-spacing:.1em}.locked-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:16px}.lock-icon{font-size:1.5rem;opacity:.5}.badge-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.badge-modal{background:#19191efa;border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:2rem;max-width:400px;width:100%;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;transition:color .2s ease}.modal-close:hover{color:var(--color-text)}.modal-header{text-align:center;margin-bottom:1.5rem}.modal-month{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.2em}.modal-theme{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#8df,#f8c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.modal-badge{display:flex;justify-content:center;padding:1.5rem 0}.modal-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.modal-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.modal-stat-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.modal-stat-value{font-size:1.25rem;font-weight:700;color:var(--color-text)}.modal-stat-value.tier-bronze{color:#cd7f32}.modal-stat-value.tier-silver{color:silver}.modal-stat-value.tier-gold{color:gold}.modal-stat-value.tier-diamond{color:#b9f2ff}.modal-stat-value.tier-mythic{color:#f6f;text-shadow:0 0 10px rgba(255,102,255,.5)}.modal-stat-value.streak{color:#f8c}.loading-state{text-align:center;padding:4rem 2rem;color:var(--color-text-muted);font-size:1rem}@media (max-width: 1200px){.badge-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 900px){.badge-grid{grid-template-columns:repeat(3,1fr)}.stats-bar{gap:1rem}}@media (max-width: 600px){.reliquary-container{padding:1rem}.reliquary-title{font-size:1.8rem}.badge-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.badge-card{padding:.75rem}.badge-theme{font-size:.75rem}.stats-bar{padding:.75rem;gap:.75rem}.stat-value{font-size:1.2rem}.stat-item{min-width:55px}}@media (max-width: 400px){.badge-grid{grid-template-columns:repeat(2,1fr)}}.badge-card.needs-hatching{cursor:pointer;animation:eggPulse 2s ease-in-out infinite}@keyframes eggPulse{0%,to{box-shadow:0 0 10px #ffffff1a}50%{box-shadow:0 0 20px #fff3,0 0 40px #ffc86426}}.egg-wrapper{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.egg-svg{width:100%;height:100%;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.egg-glow{position:absolute;inset:-20%;border-radius:50%;animation:eggGlow 3s ease-in-out infinite;pointer-events:none}@keyframes eggGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.egg-wrapper.cracking{animation:eggShakeHatch .3s ease-in-out infinite}@keyframes eggShakeHatch{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.egg-cracks .crack-line{stroke-dasharray:50;stroke-dashoffset:50;animation:crackAppear .5s ease-out forwards}.egg-cracks .crack-line.delay-1{animation-delay:.3s}.egg-cracks .crack-line.delay-2{animation-delay:.6s}@keyframes crackAppear{to{stroke-dashoffset:0}}.badge-card.hatching .egg-wrapper{animation:eggShakeIntense .2s ease-in-out infinite}@keyframes eggShakeIntense{0%,to{transform:rotate(-5deg) scale(1.05)}50%{transform:rotate(5deg) scale(1.05)}}.badge-card.hatching .egg-glow{animation:eggGlowIntense .5s ease-in-out infinite}@keyframes eggGlowIntense{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.hatch-prompt{margin-top:.5rem;text-align:center}.hatch-text{font-size:.7rem;color:#ffc864cc;text-transform:uppercase;letter-spacing:.1em;animation:hatchTextPulse 1.5s ease-in-out infinite}@keyframes hatchTextPulse{0%,to{opacity:.6}50%{opacity:1}}.hatching-text{margin-top:.5rem;font-size:.75rem;color:#fffc;text-transform:uppercase;letter-spacing:.15em;animation:hatchingTextGlow .5s ease-in-out infinite}@keyframes hatchingTextGlow{0%,to{text-shadow:0 0 10px rgba(255,215,0,.5)}50%{text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,140,0,.5)}}.settings-page{min-height:100vh;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:#e8e8e8}.settings-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.05)}.settings-nav .nav-link{color:#e8e8e899;text-decoration:none;font-size:.9rem;transition:color .2s ease}.settings-nav .nav-link:hover{color:#4a90e2}.settings-nav .nav-user{color:#e8e8e880;font-size:.85rem}.settings-container{max-width:600px;margin:0 auto;padding:2rem}.settings-container h1{font-size:1.75rem;font-weight:300;margin-bottom:2rem;letter-spacing:.05em}.settings-message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.settings-message.success{background:#00d08426;border:1px solid rgba(0,208,132,.3);color:#00d084}.settings-message.error{background:#ff6b6b26;border:1px solid rgba(255,107,107,.3);color:#ff6b6b}.settings-section{background:#2d2d2d66;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.settings-section h2{font-size:1rem;font-weight:500;margin-bottom:1rem;color:#e8e8e8cc;text-transform:lowercase;letter-spacing:.03em}.info-grid{display:flex;flex-direction:column;gap:.75rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-item:last-child{border-bottom:none}.info-label{font-size:.85rem;color:#e8e8e880}.info-value{font-size:.9rem;color:#e8e8e8}.export-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;font-size:.9rem}.export-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #4a90e24d}.export-btn:disabled{opacity:.6;cursor:not-allowed}.danger-zone{border:1px solid rgba(255,107,107,.2)}.danger-zone h2{color:#ff6b6b}.delete-account-btn{padding:.75rem 1.5rem;background:transparent;border:1px solid rgba(255,107,107,.4);border-radius:6px;color:#ff6b6b;cursor:pointer;transition:all .2s ease;font-size:.9rem}.delete-account-btn:hover{background:#ff6b6b1a;border-color:#ff6b6b}.delete-confirm{background:#ff6b6b0d;padding:1.25rem;border-radius:8px;border:1px solid rgba(255,107,107,.2)}.confirm-warning{font-size:.9rem;color:#e8e8e8cc;margin-bottom:1rem;line-height:1.5}.confirm-warning strong{color:#ff6b6b;font-weight:600}.confirm-input{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,107,107,.3);border-radius:6px;color:#e8e8e8;font-size:1rem;margin-bottom:1rem}.confirm-input:focus{outline:none;border-color:#ff6b6b}.confirm-input::placeholder{color:#e8e8e84d}.confirm-buttons{display:flex;gap:.75rem}.cancel-btn{padding:.75rem 1.25rem;background:#ffffff1a;border:none;border-radius:6px;color:#e8e8e8b3;cursor:pointer;transition:all .2s ease;font-size:.9rem}.cancel-btn:hover:not(:disabled){background:#ffffff26;color:#e8e8e8}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.confirm-delete-btn{flex:1;padding:.75rem 1.25rem;background:#ff6b6b;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.confirm-delete-btn:hover:not(:disabled){background:#ff5252;box-shadow:0 4px 15px #ff6b6b66}.confirm-delete-btn:disabled{opacity:.5;cursor:not-allowed;background:#ff6b6b80}@media (max-width: 600px){.settings-container{padding:1rem}.settings-section{padding:1.25rem}.confirm-buttons{flex-direction:column}.cancel-btn{order:2}}@media (prefers-color-scheme: dark){.wmde-markdown,.wmde-markdown-var{color-scheme:dark;--color-prettylights-syntax-comment: #8b949e;--color-prettylights-syntax-constant: #79c0ff;--color-prettylights-syntax-entity: #d2a8ff;--color-prettylights-syntax-storage-modifier-import: #c9d1d9;--color-prettylights-syntax-entity-tag: #7ee787;--color-prettylights-syntax-keyword: #ff7b72;--color-prettylights-syntax-string: #a5d6ff;--color-prettylights-syntax-variable: #ffa657;--color-prettylights-syntax-brackethighlighter-unmatched: #f85149;--color-prettylights-syntax-invalid-illegal-text: #f0f6fc;--color-prettylights-syntax-invalid-illegal-bg: #8e1519;--color-prettylights-syntax-carriage-return-text: #f0f6fc;--color-prettylights-syntax-carriage-return-bg: #b62324;--color-prettylights-syntax-string-regexp: #7ee787;--color-prettylights-syntax-markup-list: #f2cc60;--color-prettylights-syntax-markup-heading: #1f6feb;--color-prettylights-syntax-markup-italic: #c9d1d9;--color-prettylights-syntax-markup-bold: #c9d1d9;--color-prettylights-syntax-markup-deleted-text: #ffdcd7;--color-prettylights-syntax-markup-deleted-bg: #67060c;--color-prettylights-syntax-markup-inserted-text: #aff5b4;--color-prettylights-syntax-markup-inserted-bg: #033a16;--color-prettylights-syntax-markup-changed-text: #ffdfb6;--color-prettylights-syntax-markup-changed-bg: #5a1e02;--color-prettylights-syntax-markup-ignored-text: #c9d1d9;--color-prettylights-syntax-markup-ignored-bg: #1158c7;--color-prettylights-syntax-meta-diff-range: #d2a8ff;--color-prettylights-syntax-brackethighlighter-angle: #8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;--color-prettylights-syntax-constant-other-reference-link: #a5d6ff;--color-fg-default: #c9d1d9;--color-fg-muted: #8b949e;--color-fg-subtle: #484f58;--color-canvas-default: #0d1117;--color-canvas-subtle: #161b22;--color-border-default: #30363d;--color-border-muted: #21262d;--color-neutral-muted: rgba(110, 118, 129, .4);--color-accent-fg: #58a6ff;--color-accent-emphasis: #1f6feb;--color-attention-subtle: rgba(187, 128, 9, .15);--color-danger-fg: #f85149;--color-danger-emphasis: #da3633;--color-attention-fg: #d29922;--color-attention-emphasis: #9e6a03;--color-done-fg: #a371f7;--color-done-emphasis: #8957e5;--color-success-fg: #3fb950;--color-success-emphasis: #238636;--color-copied-active-bg: #2e9b33}}@media (prefers-color-scheme: light){.wmde-markdown,.wmde-markdown-var{color-scheme:light;--color-prettylights-syntax-comment: #6e7781;--color-prettylights-syntax-constant: #0550ae;--color-prettylights-syntax-entity: #8250df;--color-prettylights-syntax-storage-modifier-import: #24292f;--color-prettylights-syntax-entity-tag: #116329;--color-prettylights-syntax-keyword: #cf222e;--color-prettylights-syntax-string: #0a3069;--color-prettylights-syntax-variable: #953800;--color-prettylights-syntax-brackethighlighter-unmatched: #82071e;--color-prettylights-syntax-invalid-illegal-text: #f6f8fa;--color-prettylights-syntax-invalid-illegal-bg: #82071e;--color-prettylights-syntax-carriage-return-text: #f6f8fa;--color-prettylights-syntax-carriage-return-bg: #cf222e;--color-prettylights-syntax-string-regexp: #116329;--color-prettylights-syntax-markup-list: #3b2300;--color-prettylights-syntax-markup-heading: #0550ae;--color-prettylights-syntax-markup-italic: #24292f;--color-prettylights-syntax-markup-bold: #24292f;--color-prettylights-syntax-markup-deleted-text: #82071e;--color-prettylights-syntax-markup-deleted-bg: #ffebe9;--color-prettylights-syntax-markup-inserted-text: #116329;--color-prettylights-syntax-markup-inserted-bg: #dafbe1;--color-prettylights-syntax-markup-changed-text: #953800;--color-prettylights-syntax-markup-changed-bg: #ffd8b5;--color-prettylights-syntax-markup-ignored-text: #eaeef2;--color-prettylights-syntax-markup-ignored-bg: #0550ae;--color-prettylights-syntax-meta-diff-range: #8250df;--color-prettylights-syntax-brackethighlighter-angle: #57606a;--color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;--color-prettylights-syntax-constant-other-reference-link: #0a3069;--color-fg-default: #24292f;--color-fg-muted: #57606a;--color-fg-subtle: #6e7781;--color-canvas-default: #ffffff;--color-canvas-subtle: #f6f8fa;--color-border-default: #d0d7de;--color-border-muted: hsl(210, 18%, 87%);--color-neutral-muted: rgba(175, 184, 193, .2);--color-accent-fg: #0969da;--color-accent-emphasis: #0969da;--color-attention-subtle: #fff8c5;--color-danger-fg: #d1242f;--color-danger-emphasis: #cf222e;--color-attention-fg: #9a6700;--color-attention-emphasis: #9a6700;--color-done-fg: #8250df;--color-done-emphasis: #8250df;--color-success-fg: #1a7f37;--color-success-emphasis: #1f883d;--color-copied-active-bg: #2e9b33}}[data-color-mode*=dark] .wmde-markdown,[data-color-mode*=dark] .wmde-markdown-var,.wmde-markdown-var[data-color-mode*=dark],.wmde-markdown[data-color-mode*=dark],body[data-color-mode*=dark]{color-scheme:dark;--color-prettylights-syntax-comment: #8b949e;--color-prettylights-syntax-constant: #79c0ff;--color-prettylights-syntax-entity: #d2a8ff;--color-prettylights-syntax-storage-modifier-import: #c9d1d9;--color-prettylights-syntax-entity-tag: #7ee787;--color-prettylights-syntax-keyword: #ff7b72;--color-prettylights-syntax-string: #a5d6ff;--color-prettylights-syntax-variable: #ffa657;--color-prettylights-syntax-brackethighlighter-unmatched: #f85149;--color-prettylights-syntax-invalid-illegal-text: #f0f6fc;--color-prettylights-syntax-invalid-illegal-bg: #8e1519;--color-prettylights-syntax-carriage-return-text: #f0f6fc;--color-prettylights-syntax-carriage-return-bg: #b62324;--color-prettylights-syntax-string-regexp: #7ee787;--color-prettylights-syntax-markup-list: #f2cc60;--color-prettylights-syntax-markup-heading: #1f6feb;--color-prettylights-syntax-markup-italic: #c9d1d9;--color-prettylights-syntax-markup-bold: #c9d1d9;--color-prettylights-syntax-markup-deleted-text: #ffdcd7;--color-prettylights-syntax-markup-deleted-bg: #67060c;--color-prettylights-syntax-markup-inserted-text: #aff5b4;--color-prettylights-syntax-markup-inserted-bg: #033a16;--color-prettylights-syntax-markup-changed-text: #ffdfb6;--color-prettylights-syntax-markup-changed-bg: #5a1e02;--color-prettylights-syntax-markup-ignored-text: #c9d1d9;--color-prettylights-syntax-markup-ignored-bg: #1158c7;--color-prettylights-syntax-meta-diff-range: #d2a8ff;--color-prettylights-syntax-brackethighlighter-angle: #8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;--color-prettylights-syntax-constant-other-reference-link: #a5d6ff;--color-fg-default: #c9d1d9;--color-fg-muted: #8b949e;--color-fg-subtle: #484f58;--color-canvas-default: #0d1117;--color-canvas-subtle: #161b22;--color-border-default: #30363d;--color-border-muted: #21262d;--color-neutral-muted: rgba(110, 118, 129, .4);--color-accent-fg: #58a6ff;--color-accent-emphasis: #1f6feb;--color-attention-subtle: rgba(187, 128, 9, .15);--color-danger-fg: #f85149}[data-color-mode*=light] .wmde-markdown,[data-color-mode*=light] .wmde-markdown-var,.wmde-markdown-var[data-color-mode*=light],.wmde-markdown[data-color-mode*=light],body[data-color-mode*=light]{color-scheme:light;--color-prettylights-syntax-comment: #6e7781;--color-prettylights-syntax-constant: #0550ae;--color-prettylights-syntax-entity: #8250df;--color-prettylights-syntax-storage-modifier-import: #24292f;--color-prettylights-syntax-entity-tag: #116329;--color-prettylights-syntax-keyword: #cf222e;--color-prettylights-syntax-string: #0a3069;--color-prettylights-syntax-variable: #953800;--color-prettylights-syntax-brackethighlighter-unmatched: #82071e;--color-prettylights-syntax-invalid-illegal-text: #f6f8fa;--color-prettylights-syntax-invalid-illegal-bg: #82071e;--color-prettylights-syntax-carriage-return-text: #f6f8fa;--color-prettylights-syntax-carriage-return-bg: #cf222e;--color-prettylights-syntax-string-regexp: #116329;--color-prettylights-syntax-markup-list: #3b2300;--color-prettylights-syntax-markup-heading: #0550ae;--color-prettylights-syntax-markup-italic: #24292f;--color-prettylights-syntax-markup-bold: #24292f;--color-prettylights-syntax-markup-deleted-text: #82071e;--color-prettylights-syntax-markup-deleted-bg: #ffebe9;--color-prettylights-syntax-markup-inserted-text: #116329;--color-prettylights-syntax-markup-inserted-bg: #dafbe1;--color-prettylights-syntax-markup-changed-text: #953800;--color-prettylights-syntax-markup-changed-bg: #ffd8b5;--color-prettylights-syntax-markup-ignored-text: #eaeef2;--color-prettylights-syntax-markup-ignored-bg: #0550ae;--color-prettylights-syntax-meta-diff-range: #8250df;--color-prettylights-syntax-brackethighlighter-angle: #57606a;--color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;--color-prettylights-syntax-constant-other-reference-link: #0a3069;--color-fg-default: #24292f;--color-fg-muted: #57606a;--color-fg-subtle: #6e7781;--color-canvas-default: #ffffff;--color-canvas-subtle: #f6f8fa;--color-border-default: #d0d7de;--color-border-muted: hsl(210, 18%, 87%);--color-neutral-muted: rgba(175, 184, 193, .2);--color-accent-fg: #0969da;--color-accent-emphasis: #0969da;--color-attention-subtle: #fff8c5;--color-danger-fg: #cf222e}.wmde-markdown{-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:16px;line-height:1.5;word-wrap:break-word;color:var(--color-fg-default);background-color:var(--color-canvas-default)}.wmde-markdown details,.wmde-markdown figcaption,.wmde-markdown figure{display:block}.wmde-markdown summary{display:list-item}.wmde-markdown [hidden]{display:none!important}.wmde-markdown a{background-color:transparent;color:var(--color-accent-fg);text-decoration:none}.wmde-markdown a:active,.wmde-markdown a:hover{outline-width:0}.wmde-markdown abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.wmde-markdown b,.wmde-markdown strong{font-weight:600}.wmde-markdown dfn{font-style:italic}.wmde-markdown h1{margin:.67em 0;font-weight:600;padding-bottom:.3em;font-size:2em;border-bottom:1px solid var(--color-border-muted)}.wmde-markdown mark{background-color:var(--color-attention-subtle);color:var(--color-text-primary)}.wmde-markdown small{font-size:90%}.wmde-markdown sub,.wmde-markdown sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.wmde-markdown sub{bottom:-.25em}.wmde-markdown sup{top:-.5em}.wmde-markdown img{display:inline-block;border-style:none;max-width:100%;box-sizing:content-box;background-color:var(--color-canvas-default)}.wmde-markdown code,.wmde-markdown kbd,.wmde-markdown pre,.wmde-markdown samp{font-family:monospace,monospace;font-size:1em}.wmde-markdown figure{margin:1em 40px}.wmde-markdown hr{box-sizing:content-box;overflow:hidden;background:transparent;border:0;border-bottom:1px solid var(--color-border-muted);height:.25em;padding:0;margin:24px 0;background-color:var(--color-border-default)}.wmde-markdown input{font:inherit;margin:0;overflow:visible;font-family:inherit;font-size:inherit;line-height:inherit}.wmde-markdown [type=button],.wmde-markdown [type=reset],.wmde-markdown [type=submit]{-webkit-appearance:button}.wmde-markdown [type=button]::-moz-focus-inner,.wmde-markdown [type=reset]::-moz-focus-inner,.wmde-markdown [type=submit]::-moz-focus-inner{border-style:none;padding:0}.wmde-markdown [type=button]:-moz-focusring,.wmde-markdown [type=reset]:-moz-focusring,.wmde-markdown [type=submit]:-moz-focusring{outline:1px dotted ButtonText}.wmde-markdown [type=checkbox],.wmde-markdown [type=radio]{box-sizing:border-box;padding:0}.wmde-markdown [type=number]::-webkit-inner-spin-button,.wmde-markdown [type=number]::-webkit-outer-spin-button{height:auto}.wmde-markdown [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.wmde-markdown [type=search]::-webkit-search-cancel-button,.wmde-markdown [type=search]::-webkit-search-decoration{-webkit-appearance:none}.wmde-markdown ::-webkit-input-placeholder{color:inherit;opacity:.54}.wmde-markdown ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.wmde-markdown a:hover{text-decoration:underline}.wmde-markdown hr:before{display:table;content:""}.wmde-markdown hr:after{display:table;clear:both;content:""}.wmde-markdown table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%}.wmde-markdown td,.wmde-markdown th{padding:0}.wmde-markdown details summary{cursor:pointer}.wmde-markdown details:not([open])>*:not(summary){display:none!important}.wmde-markdown kbd{display:inline-block;padding:3px 5px;font:11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;line-height:10px;color:var(--color-fg-default);vertical-align:middle;background-color:var(--color-canvas-subtle);border:solid 1px var(--color-neutral-muted);border-bottom-color:var(--color-neutral-muted);border-radius:6px;box-shadow:inset 0 -1px 0 var(--color-neutral-muted)}.wmde-markdown h1,.wmde-markdown h2,.wmde-markdown h3,.wmde-markdown h4,.wmde-markdown h5,.wmde-markdown h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.wmde-markdown h2{font-weight:600;padding-bottom:.3em;font-size:1.5em;border-bottom:1px solid var(--color-border-muted)}.wmde-markdown h3{font-weight:600;font-size:1.25em}.wmde-markdown h4{font-weight:600;font-size:1em}.wmde-markdown h5{font-weight:600;font-size:.875em}.wmde-markdown h6{font-weight:600;font-size:.85em;color:var(--color-fg-muted)}.wmde-markdown p{margin-top:0;margin-bottom:10px}.wmde-markdown blockquote{margin:0;padding:0 1em;color:var(--color-fg-muted);border-left:.25em solid var(--color-border-default)}.wmde-markdown ul,.wmde-markdown ol{margin-top:0;margin-bottom:0;padding-left:2em}.wmde-markdown ol ol,.wmde-markdown ul ol{list-style-type:lower-roman}.wmde-markdown ul ul ol,.wmde-markdown ul ol ol,.wmde-markdown ol ul ol,.wmde-markdown ol ol ol{list-style-type:lower-alpha}.wmde-markdown dd{margin-left:0}.wmde-markdown tt,.wmde-markdown code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.wmde-markdown pre{margin-top:0;margin-bottom:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;word-wrap:normal}.wmde-markdown .octicon{display:inline-block;overflow:visible!important;vertical-align:text-bottom;fill:currentColor}.wmde-markdown ::placeholder{color:var(--color-fg-subtle);opacity:1}.wmde-markdown input::-webkit-outer-spin-button,.wmde-markdown input::-webkit-inner-spin-button{margin:0;appearance:none}.wmde-markdown [data-catalyst]{display:block}.wmde-markdown:before{display:table;content:""}.wmde-markdown:after{display:table;clear:both;content:""}.wmde-markdown>*:first-child{margin-top:0!important}.wmde-markdown>*:last-child{margin-bottom:0!important}.wmde-markdown a:not([href]){color:inherit;text-decoration:none}.wmde-markdown .absent{color:var(--color-danger-fg)}.wmde-markdown a.anchor{float:left;padding-right:4px;margin-left:-20px;line-height:1}.wmde-markdown .anchor:focus{outline:none}.wmde-markdown p,.wmde-markdown blockquote,.wmde-markdown ul,.wmde-markdown ol,.wmde-markdown dl,.wmde-markdown table,.wmde-markdown pre,.wmde-markdown details{margin-top:0;margin-bottom:16px}.wmde-markdown blockquote>:first-child{margin-top:0}.wmde-markdown blockquote>:last-child{margin-bottom:0}.wmde-markdown sup>a:before{content:"["}.wmde-markdown sup>a:after{content:"]"}.wmde-markdown h1 .octicon-link,.wmde-markdown h2 .octicon-link,.wmde-markdown h3 .octicon-link,.wmde-markdown h4 .octicon-link,.wmde-markdown h5 .octicon-link,.wmde-markdown h6 .octicon-link{color:var(--color-fg-default);vertical-align:middle;visibility:hidden}.wmde-markdown h1:hover .anchor,.wmde-markdown h2:hover .anchor,.wmde-markdown h3:hover .anchor,.wmde-markdown h4:hover .anchor,.wmde-markdown h5:hover .anchor,.wmde-markdown h6:hover .anchor{text-decoration:none}.wmde-markdown h1:hover .anchor .octicon-link,.wmde-markdown h2:hover .anchor .octicon-link,.wmde-markdown h3:hover .anchor .octicon-link,.wmde-markdown h4:hover .anchor .octicon-link,.wmde-markdown h5:hover .anchor .octicon-link,.wmde-markdown h6:hover .anchor .octicon-link{visibility:visible}.wmde-markdown h1 tt,.wmde-markdown h1 code,.wmde-markdown h2 tt,.wmde-markdown h2 code,.wmde-markdown h3 tt,.wmde-markdown h3 code,.wmde-markdown h4 tt,.wmde-markdown h4 code,.wmde-markdown h5 tt,.wmde-markdown h5 code,.wmde-markdown h6 tt,.wmde-markdown h6 code{padding:0 .2em;font-size:inherit}.wmde-markdown ul.no-list,.wmde-markdown ol.no-list{padding:0;list-style-type:none}.wmde-markdown ol[type="1"]{list-style-type:decimal}.wmde-markdown ol[type=a]{list-style-type:lower-alpha}.wmde-markdown ol[type=i]{list-style-type:lower-roman}.wmde-markdown div>ol:not([type]){list-style-type:decimal}.wmde-markdown ul ul,.wmde-markdown ul ol,.wmde-markdown ol ol,.wmde-markdown ol ul{margin-top:0;margin-bottom:0}.wmde-markdown li>p{margin-top:16px}.wmde-markdown li+li{margin-top:.25em}.wmde-markdown dl{padding:0}.wmde-markdown dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:600}.wmde-markdown dl dd{padding:0 16px;margin-bottom:16px}.wmde-markdown table th{font-weight:600}.wmde-markdown table th,.wmde-markdown table td{padding:6px 13px;border:1px solid var(--color-border-default)}.wmde-markdown table tr{background-color:var(--color-canvas-default);border-top:1px solid var(--color-border-muted)}.wmde-markdown table tr:nth-child(2n){background-color:var(--color-canvas-subtle)}.wmde-markdown table img{background-color:transparent}.wmde-markdown img[align=right]{padding-left:20px}.wmde-markdown img[align=left]{padding-right:20px}.wmde-markdown .emoji{max-width:none;vertical-align:text-top;background-color:transparent}.wmde-markdown span.frame{display:block;overflow:hidden}.wmde-markdown span.frame>span{display:block;float:left;width:auto;padding:7px;margin:13px 0 0;overflow:hidden;border:1px solid var(--color-border-default)}.wmde-markdown span.frame span img{display:block;float:left}.wmde-markdown span.frame span span{display:block;padding:5px 0 0;clear:both;color:var(--color-fg-default)}.wmde-markdown span.align-center{display:block;overflow:hidden;clear:both}.wmde-markdown span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.wmde-markdown span.align-center span img{margin:0 auto;text-align:center}.wmde-markdown span.align-right{display:block;overflow:hidden;clear:both}.wmde-markdown span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.wmde-markdown span.align-right span img{margin:0;text-align:right}.wmde-markdown span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.wmde-markdown span.float-left span{margin:13px 0 0}.wmde-markdown span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.wmde-markdown span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.wmde-markdown code,.wmde-markdown tt{padding:.2em .4em;margin:0;font-size:85%;background-color:var(--color-neutral-muted);border-radius:6px}.wmde-markdown code br,.wmde-markdown tt br{display:none}.wmde-markdown del code{text-decoration:inherit}.wmde-markdown pre code{font-size:100%}.wmde-markdown pre>code{padding:0;margin:0;word-break:normal;white-space:pre;background:transparent;border:0}.wmde-markdown pre{font-size:85%;line-height:1.45;background-color:var(--color-canvas-subtle);border-radius:6px}.wmde-markdown pre code,.wmde-markdown pre tt{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.wmde-markdown pre>code{padding:16px;overflow:auto;display:block}.wmde-markdown pre>code::-webkit-scrollbar{background:transparent;width:8px;height:8px}.wmde-markdown pre>code::-webkit-scrollbar-thumb{background:var(--color-fg-muted);border-radius:10px}.wmde-markdown .csv-data td,.wmde-markdown .csv-data th{padding:5px;overflow:hidden;font-size:12px;line-height:1;text-align:left;white-space:nowrap}.wmde-markdown .csv-data .blob-num{padding:10px 8px 9px;text-align:right;background:var(--color-canvas-default);border:0}.wmde-markdown .csv-data tr{border-top:0}.wmde-markdown .csv-data th{font-weight:600;background:var(--color-canvas-subtle);border-top:0}.wmde-markdown .footnotes{font-size:12px;color:var(--color-fg-muted);border-top:1px solid var(--color-border-default)}.wmde-markdown .footnotes ol{padding-left:16px}.wmde-markdown .footnotes li{position:relative}.wmde-markdown .footnotes li:target:before{position:absolute;inset:-8px -8px -8px -24px;pointer-events:none;content:"";border:2px solid var(--color-accent-emphasis);border-radius:6px}.wmde-markdown .footnotes li:target{color:var(--color-fg-default)}.wmde-markdown .footnotes .data-footnote-backref g-emoji{font-family:monospace}.wmde-markdown .task-list-item{list-style-type:none}.wmde-markdown .task-list-item label{font-weight:400}.wmde-markdown .task-list-item.enabled label{cursor:pointer}.wmde-markdown .task-list-item+.wmde-markdown .task-list-item{margin-top:3px}.wmde-markdown .task-list-item .handle{display:none}.wmde-markdown .task-list-item-checkbox,.wmde-markdown .contains-task-list input[type=checkbox]{margin:0 .2em .25em -1.6em;vertical-align:middle}.wmde-markdown .contains-task-list:dir(rtl) .task-list-item-checkbox,.wmde-markdown .contains-task-list:dir(rtl) input[type=checkbox]{margin:0 -1.6em .25em .2em}.wmde-markdown ::-webkit-calendar-picker-indicator{filter:invert(50%)}.wmde-markdown pre{position:relative}.wmde-markdown pre .copied{visibility:hidden;display:flex;position:absolute;cursor:pointer;color:var(--color-fg-default);top:6px;right:6px;border-radius:5px;background:var(--color-border-default);padding:6px;font-size:12px;transition:all .3s}.wmde-markdown pre .copied .octicon-copy{display:block}.wmde-markdown pre .copied .octicon-check{display:none}.wmde-markdown pre:hover .copied{visibility:visible}.wmde-markdown pre:hover .copied:hover{background:var(--color-prettylights-syntax-entity-tag);color:var(--color-canvas-default)}.wmde-markdown pre:hover .copied:active,.wmde-markdown pre .copied.active{background:var(--color-copied-active-bg);color:var(--color-canvas-default)}.wmde-markdown pre .active .octicon-copy{display:none}.wmde-markdown pre .active .octicon-check{display:block}.wmde-markdown .markdown-alert{padding:.5rem 1em;color:inherit;margin-bottom:16px;border-left:.25em solid var(--borderColor-default, var(--color-border-default))}.wmde-markdown .markdown-alert>:last-child{margin-bottom:0!important}.wmde-markdown .markdown-alert .markdown-alert-title{display:flex;align-items:center;line-height:1;font-weight:500;font-size:14px}.wmde-markdown .markdown-alert .markdown-alert-title svg.octicon{margin-right:var(--base-size-8, 8px)!important}.wmde-markdown .markdown-alert.markdown-alert-note{border-left-color:var(--borderColor-accent-emphasis, var(--color-accent-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-note .markdown-alert-title{color:var(--fgColor-accent, var(--color-accent-fg))}.wmde-markdown .markdown-alert.markdown-alert-tip{border-left-color:var(--borderColor-success-emphasis, var(--color-success-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-tip .markdown-alert-title{color:var(--fgColor-success, var(--color-success-fg))}.wmde-markdown .markdown-alert.markdown-alert-important{border-left-color:var(--borderColor-done-emphasis, var(--color-done-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-important .markdown-alert-title{color:var(--fgColor-done, var(--color-done-fg))}.wmde-markdown .markdown-alert.markdown-alert-warning{border-left-color:var(--borderColor-attention-emphasis, var(--color-attention-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-warning .markdown-alert-title{color:var(--fgColor-attention, var(--color-attention-fg))}.wmde-markdown .markdown-alert.markdown-alert-caution{border-left-color:var(--borderColor-danger-emphasis, var(--color-danger-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-caution .markdown-alert-title{color:var(--fgColor-danger, var(--color-danger-fg))}.wmde-markdown .highlight-line{background-color:var(--color-neutral-muted)}.wmde-markdown .code-line.line-number:before{display:inline-block;width:1rem;text-align:right;margin-right:16px;color:var(--color-fg-subtle);content:attr(line);white-space:nowrap}.wmde-markdown .token.comment,.wmde-markdown .token.prolog,.wmde-markdown .token.doctype,.wmde-markdown .token.cdata{color:var(--color-prettylights-syntax-comment)}.wmde-markdown .token.namespace{opacity:.7}.wmde-markdown .token.property,.wmde-markdown .token.tag,.wmde-markdown .token.selector,.wmde-markdown .token.constant,.wmde-markdown .token.symbol,.wmde-markdown .token.deleted{color:var(--color-prettylights-syntax-entity-tag)}.wmde-markdown .token.maybe-class-name{color:var(--color-prettylights-syntax-variable)}.wmde-markdown .token.property-access,.wmde-markdown .token.operator,.wmde-markdown .token.boolean,.wmde-markdown .token.number,.wmde-markdown .token.selector .token.class,.wmde-markdown .token.attr-name,.wmde-markdown .token.string,.wmde-markdown .token.char,.wmde-markdown .token.builtin{color:var(--color-prettylights-syntax-constant)}.wmde-markdown .token.deleted{color:var(--color-prettylights-syntax-markup-deleted-text)}.wmde-markdown .code-line .token.deleted{background-color:var(--color-prettylights-syntax-markup-deleted-bg)}.wmde-markdown .token.inserted{color:var(--color-prettylights-syntax-markup-inserted-text)}.wmde-markdown .code-line .token.inserted{background-color:var(--color-prettylights-syntax-markup-inserted-bg)}.wmde-markdown .token.variable{color:var(--color-prettylights-syntax-constant)}.wmde-markdown .token.entity,.wmde-markdown .token.url,.wmde-markdown .language-css .token.string,.wmde-markdown .style .token.string,.wmde-markdown .token.color,.wmde-markdown .token.atrule,.wmde-markdown .token.attr-value,.wmde-markdown .token.function,.wmde-markdown .token.class-name{color:var(--color-prettylights-syntax-string)}.wmde-markdown .token.rule,.wmde-markdown .token.regex,.wmde-markdown .token.important,.wmde-markdown .token.keyword{color:var(--color-prettylights-syntax-keyword)}.wmde-markdown .token.coord{color:var(--color-prettylights-syntax-meta-diff-range)}.wmde-markdown .token.important,.wmde-markdown .token.bold{font-weight:700}.wmde-markdown .token.italic{font-style:italic}.wmde-markdown .token.entity{cursor:help}.w-md-editor-toolbar-child{position:absolute;border-radius:3px;box-shadow:0 0 0 1px var(--md-editor-box-shadow-color),0 0 0 var(--md-editor-box-shadow-color),0 1px 1px var(--md-editor-box-shadow-color);background-color:var(--md-editor-background-color);z-index:1;display:none}.w-md-editor-toolbar-child.active{display:block}.w-md-editor-toolbar-child .w-md-editor-toolbar{border-bottom:0;padding:3px;border-radius:3px}.w-md-editor-toolbar-child .w-md-editor-toolbar ul>li{display:block}.w-md-editor-toolbar-child .w-md-editor-toolbar ul>li button{width:-webkit-fill-available;height:initial;box-sizing:border-box;padding:3px 4px 2px;margin:0}.w-md-editor-toolbar{border-bottom:1px solid var(--md-editor-box-shadow-color);background-color:var(--md-editor-background-color);padding:3px;display:flex;justify-content:space-between;align-items:center;border-radius:3px 3px 0 0;-webkit-user-select:none;user-select:none;flex-wrap:wrap}.w-md-editor-toolbar.bottom{border-bottom:0px;border-top:1px solid var(--md-editor-box-shadow-color);border-radius:0 0 3px 3px}.w-md-editor-toolbar ul,.w-md-editor-toolbar li{margin:0;padding:0;list-style:none;line-height:initial}.w-md-editor-toolbar li{display:inline-block;font-size:14px}.w-md-editor-toolbar li+li{margin:0}.w-md-editor-toolbar li>button{border:none;height:20px;line-height:14px;background:none;padding:4px;margin:0 1px;border-radius:2px;text-transform:none;font-weight:400;overflow:visible;outline:none;cursor:pointer;transition:all .3s;white-space:nowrap;color:var(--color-fg-default)}.w-md-editor-toolbar li>button:hover,.w-md-editor-toolbar li>button:focus{background-color:var(--color-neutral-muted);color:var(--color-accent-fg)}.w-md-editor-toolbar li>button:active{background-color:var(--color-neutral-muted);color:var(--color-danger-fg)}.w-md-editor-toolbar li>button:disabled{color:var(--md-editor-box-shadow-color);cursor:not-allowed}.w-md-editor-toolbar li>button:disabled:hover{background-color:transparent;color:var(--md-editor-box-shadow-color)}.w-md-editor-toolbar li.active>button{color:var(--color-accent-fg);background-color:var(--color-neutral-muted)}.w-md-editor-toolbar-divider{height:14px;width:1px;margin:-3px 3px 0!important;vertical-align:middle;background-color:var(--md-editor-box-shadow-color)}.w-md-editor-area{overflow:auto;border-radius:5px}.w-md-editor-text{min-height:100%;position:relative;text-align:left;white-space:pre-wrap;word-break:keep-all;overflow-wrap:break-word;box-sizing:border-box;padding:10px;margin:0;font-size:14px!important;line-height:18px!important;font-variant-ligatures:common-ligatures}.w-md-editor-text-pre,.w-md-editor-text-input,.w-md-editor-text>.w-md-editor-text-pre{margin:0;border:0;background:none;box-sizing:inherit;display:inherit;font-family:inherit;font-family:var(--md-editor-font-family)!important;font-size:inherit;font-style:inherit;font-variant-ligatures:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;tab-size:inherit;text-indent:inherit;text-rendering:inherit;text-transform:inherit;white-space:inherit;overflow-wrap:inherit;word-break:inherit;word-break:normal;padding:0}.w-md-editor-text-pre{position:relative;margin:0!important;pointer-events:none;background-color:transparent!important}.w-md-editor-text-pre>code{padding:0!important;font-family:var(--md-editor-font-family)!important;font-size:14px!important;line-height:18px!important}.w-md-editor-text-input{position:absolute;top:0;left:0;height:100%;width:100%;resize:none;color:inherit;overflow:hidden;outline:0;padding:inherit;-webkit-font-smoothing:antialiased;-webkit-text-fill-color:transparent}.w-md-editor-text-input:empty{-webkit-text-fill-color:inherit!important}.w-md-editor-text-pre,.w-md-editor-text-input{word-wrap:pre;word-break:break-word;white-space:pre-wrap}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.w-md-editor-text-input{color:transparent!important}.w-md-editor-text-input::selection{background-color:#accef7!important;color:transparent!important}}.w-md-editor-text-pre .punctuation{color:var(--color-prettylights-syntax-comment, #8b949e)!important}.w-md-editor-text-pre .token.url,.w-md-editor-text-pre .token.content{color:var(--color-prettylights-syntax-constant, #0550ae)!important}.w-md-editor-text-pre .token.title.important{color:var(--color-prettylights-syntax-markup-bold, #24292f)}.w-md-editor-text-pre .token.code-block .function{color:var(--color-prettylights-syntax-entity, #8250df)}.w-md-editor-text-pre .token.bold{font-weight:unset!important}.w-md-editor-text-pre .token.title{line-height:unset!important;font-size:unset!important;font-weight:unset!important}.w-md-editor-text-pre .token.code.keyword{color:var(--color-prettylights-syntax-constant, #0550ae)!important}.w-md-editor-text-pre .token.strike,.w-md-editor-text-pre .token.strike .content{color:var(--color-prettylights-syntax-markup-deleted-text, #82071e)!important}.w-md-editor-bar{position:absolute;cursor:s-resize;right:0;bottom:0;margin-top:-11px;margin-right:0;width:14px;z-index:3;height:10px;border-radius:0 0 3px;-webkit-user-select:none;user-select:none}.w-md-editor-bar svg{display:block;margin:0 auto}.w-md-editor{text-align:left;border-radius:3px;padding-bottom:1px;position:relative;color:var(--color-fg-default);--md-editor-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;--md-editor-background-color: var(--color-canvas-default, #ffffff);--md-editor-box-shadow-color: var(--color-border-default, #d0d7de);box-shadow:0 0 0 1px var(--md-editor-box-shadow-color),0 0 0 var(--md-editor-box-shadow-color),0 1px 1px var(--md-editor-box-shadow-color);background-color:var(--md-editor-background-color);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;flex-direction:column}.w-md-editor.w-md-editor-rtl{direction:rtl!important;text-align:right!important}.w-md-editor.w-md-editor-rtl .w-md-editor-preview{right:unset!important;left:0;text-align:right!important;box-shadow:inset -1px 0 0 0 var(--md-editor-box-shadow-color)}.w-md-editor.w-md-editor-rtl .w-md-editor-text{text-align:right!important}.w-md-editor-toolbar{height:-webkit-fit-content;height:fit-content}.w-md-editor-content{height:100%;overflow:auto;position:relative;border-radius:0 0 3px}.w-md-editor .copied{display:none!important}.w-md-editor-input{width:50%;height:100%}.w-md-editor-text-pre>code{word-break:break-word!important;white-space:pre-wrap!important}.w-md-editor-preview{width:50%;box-sizing:border-box;box-shadow:inset 1px 0 0 0 var(--md-editor-box-shadow-color);position:absolute;padding:10px 20px;overflow:auto;top:0;right:0;bottom:0;border-radius:0 0 5px;display:flex;flex-direction:column}.w-md-editor-preview .anchor{display:none}.w-md-editor-preview .contains-task-list li.task-list-item{list-style:none}.w-md-editor-show-preview .w-md-editor-input{width:0%;overflow:hidden;background-color:var(--md-editor-background-color)}.w-md-editor-show-preview .w-md-editor-preview{width:100%;box-shadow:inset 0 0}.w-md-editor-show-edit .w-md-editor-input{width:100%}.w-md-editor-show-edit .w-md-editor-preview{width:0%;padding:0}.w-md-editor-fullscreen{overflow:hidden;position:fixed;z-index:99999;inset:0;height:100%!important}.w-md-editor-fullscreen .w-md-editor-content{height:100%}.admin-page{min-height:100vh;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:#e8e8e8}.admin-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.05)}.admin-nav .nav-link{color:#e8e8e899;text-decoration:none;font-size:.9rem;transition:color .2s ease}.admin-nav .nav-link:hover{color:#4a90e2}.admin-nav .nav-user{color:#e8e8e880;font-size:.85rem}.admin-container{max-width:900px;margin:0 auto;padding:2rem}.admin-container h1{font-size:1.75rem;font-weight:300;margin-bottom:2rem;letter-spacing:.05em}.admin-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.admin-tabs button{padding:.75rem 1.25rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e8e8e899;cursor:pointer;transition:all .2s ease;font-size:.9rem}.admin-tabs button:hover{border-color:#fff3;color:#e8e8e8}.admin-tabs button.active{background:#4a90e233;border-color:#4a90e2;color:#4a90e2}.admin-message{padding:1rem;background:#4a90e226;border:1px solid rgba(74,144,226,.3);border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.admin-section h3{font-size:1.1rem;font-weight:400;margin-bottom:1.25rem;color:#e8e8e8cc}.invite-generator{background:#2d2d2d66;padding:1.5rem;border-radius:12px;margin-bottom:2rem}.invite-options{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.invite-options label{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;color:#e8e8e899}.invite-options input{padding:.625rem .875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e8e8e8;width:120px}.invite-options input:focus{outline:none;border-color:#4a90e2}.generate-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease}.generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #4a90e24d}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.empty-state{color:#e8e8e866;font-style:italic}.codes-grid{display:grid;gap:1rem}.code-card{background:#2d2d2d66;padding:1.25rem;border-radius:10px;display:flex;flex-direction:column;gap:.75rem}.code-card.expired{opacity:.5}.code-value{display:flex;align-items:center;gap:.75rem}.code-value code{font-family:SF Mono,Monaco,monospace;font-size:1.1rem;color:#4a90e2;letter-spacing:.1em}.copy-btn{padding:.375rem .75rem;background:#ffffff1a;border:none;border-radius:4px;color:#e8e8e8b3;cursor:pointer;font-size:.75rem;transition:all .2s ease}.copy-btn:hover{background:#ffffff26;color:#e8e8e8}.code-meta{display:flex;justify-content:space-between;font-size:.8rem;color:#e8e8e880}.code-meta .valid{color:#00d084}.code-meta .invalid{color:#ff6b6b}.delete-btn{padding:.5rem;background:transparent;border:1px solid rgba(255,107,107,.3);border-radius:4px;color:#ff6b6b;cursor:pointer;font-size:.8rem;transition:all .2s ease;align-self:flex-start}.delete-btn:hover{background:#ff6b6b1a;border-color:#ff6b6b}.users-list{display:flex;flex-direction:column;gap:.75rem}.user-card{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#2d2d2d66;border-radius:8px}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:500}.user-email{font-size:.85rem;color:#e8e8e880}.user-role{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.user-role.admin{background:#4a90e233;color:#4a90e2}.user-role.user{background:#e8e8e81a;color:#e8e8e899}.create-user-form{max-width:400px;display:flex;flex-direction:column;gap:1.25rem}.create-user-form .form-group{display:flex;flex-direction:column;gap:.5rem}.create-user-form .form-group label{font-size:.85rem;color:#e8e8e899}.create-user-form .form-group input[type=text],.create-user-form .form-group input[type=email],.create-user-form .form-group input[type=password]{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e8e8e8;font-size:1rem}.create-user-form .form-group input:focus{outline:none;border-color:#4a90e2}.create-user-form .form-group.checkbox label{flex-direction:row;align-items:center;gap:.75rem;cursor:pointer}.create-user-form .form-group.checkbox input{width:18px;height:18px;cursor:pointer}.create-btn{padding:.875rem;background:linear-gradient(135deg,#00d084,#00b371);border:none;border-radius:6px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease}.create-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #00d0844d}.create-btn:disabled{opacity:.6;cursor:not-allowed}.waitlist-list{display:flex;flex-direction:column;gap:1rem}.waitlist-card{background:#2d2d2d66;padding:1.25rem;border-radius:10px;border-left:3px solid rgba(255,255,255,.1)}.waitlist-card.pending{border-left-color:#f0ad4e}.waitlist-card.approved{border-left-color:#00d084}.waitlist-card.rejected{border-left-color:#ff6b6b;opacity:.6}.waitlist-card.registered{border-left-color:#4a90e2}.waitlist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.waitlist-email{font-weight:500;color:#4a90e2}.status-badge{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.status-badge.pending{background:#f0ad4e33;color:#f0ad4e}.status-badge.approved{background:#00d08433;color:#00d084}.status-badge.rejected{background:#ff6b6b33;color:#ff6b6b}.status-badge.registered{background:#4a90e233;color:#4a90e2}.waitlist-habit,.waitlist-motivation{font-size:.9rem;color:#e8e8e8cc;margin-bottom:.5rem;line-height:1.5}.waitlist-habit strong,.waitlist-motivation strong{color:#e8e8e880;font-weight:400}.waitlist-meta{font-size:.8rem;color:#e8e8e866;margin-top:.5rem}.waitlist-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.approve-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#00d084,#00b371);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;transition:all .2s ease}.approve-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #00d0844d}.approve-btn:disabled{opacity:.6;cursor:not-allowed}.reject-btn{padding:.5rem 1rem;background:transparent;border:1px solid rgba(255,107,107,.3);border-radius:4px;color:#ff6b6b;cursor:pointer;font-size:.85rem;transition:all .2s ease}.reject-btn:hover{background:#ff6b6b1a;border-color:#ff6b6b}.resend-btn{padding:.5rem 1rem;background:#4a90e233;border:1px solid rgba(74,144,226,.4);border-radius:4px;color:#4a90e2;cursor:pointer;font-size:.85rem;transition:all .2s ease}.resend-btn:hover{background:#4a90e24d;border-color:#4a90e2}.link-expired{font-size:.85rem;color:#ff6b6bcc;font-style:italic}.link-generator{background:#2d2d2d66;padding:1.5rem;border-radius:12px;margin-bottom:2rem}.direct-link-form{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.direct-link-form input[type=email]{flex:1;min-width:200px;padding:.625rem .875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e8e8e8}.direct-link-form input:focus{outline:none;border-color:#4a90e2}.direct-link-form select{padding:.625rem .875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e8e8e8;cursor:pointer}.direct-link-form select:focus{outline:none;border-color:#4a90e2}.link-email{color:#4a90e2;font-size:.95rem}.copy-btn:disabled{opacity:.4;cursor:not-allowed}.demo-section{padding-bottom:3rem}.demo-description{color:#e8e8e899;margin-bottom:2rem;font-size:.95rem}.demo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:3rem}.demo-card{background:#2d2d2d80;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:all .3s ease}.demo-card:hover{background:#3c3c3c99;border-color:#ff66ff4d;transform:translateY(-4px);box-shadow:0 8px 25px #0000004d}.demo-card-header{text-align:center}.demo-month{display:block;font-size:.7rem;color:#e8e8e880;text-transform:uppercase;letter-spacing:.15em}.demo-theme{display:block;font-size:.9rem;font-weight:600;color:#e8e8e8;margin-top:.25rem}.demo-badge{padding:.5rem 0}.demo-play-btn{width:100%;padding:.6rem 1rem;background:linear-gradient(135deg,#f6f3,#8ff3);border:1px solid rgba(255,102,255,.4);border-radius:8px;color:#f6f;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.demo-play-btn:hover{background:linear-gradient(135deg,#ff66ff4d,#88ffff4d);border-color:#f6f9;transform:scale(1.02);box-shadow:0 0 15px #ff66ff4d}.demo-tier-ups{background:#2d2d2d66;padding:1.5rem;border-radius:12px;margin-top:2rem}.demo-tier-ups h4{font-size:1rem;font-weight:500;color:#e8e8e8cc;margin-bottom:1rem}.tier-up-buttons{display:flex;gap:1rem;flex-wrap:wrap}.tier-btn{padding:.75rem 1.5rem;border:2px solid;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:transparent}.tier-btn.bronze{border-color:#cd7f32;color:#cd7f32}.tier-btn.bronze:hover{background:#cd7f3233;box-shadow:0 0 15px #cd7f324d}.tier-btn.silver{border-color:silver;color:silver}.tier-btn.silver:hover{background:#c0c0c033;box-shadow:0 0 15px #c0c0c04d}.tier-btn.gold{border-color:gold;color:gold}.tier-btn.gold:hover{background:#ffd70033;box-shadow:0 0 15px #ffd7004d}@media (max-width: 1100px){.demo-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 800px){.demo-grid{grid-template-columns:repeat(2,1fr)}.tier-up-buttons{flex-direction:column}}@media (max-width: 500px){.demo-grid{grid-template-columns:1fr}.admin-container{padding:1rem}}.section-description{font-size:.9rem;color:#e8e8e899;margin-bottom:1.25rem;line-height:1.5}.blog-section{max-width:100%}.blog-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.blog-header-actions h3{margin:0}.blog-posts-list{display:flex;flex-direction:column;gap:1rem}.blog-post-card{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:border-color .2s}.blog-post-card:hover{border-color:#ffffff26}.blog-post-card.draft{opacity:.7}.blog-post-info h4{margin:0 0 .5rem;font-weight:500;font-size:1rem}.blog-post-meta{display:flex;gap:1rem;font-size:.8rem;color:#e8e8e880}.blog-status{padding:.15rem .5rem;border-radius:4px;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.blog-status.published{background:#00d08433;color:#00d084}.blog-status.draft{background:#ffc10733;color:#ffc107}.blog-post-actions{display:flex;gap:.5rem}.blog-post-actions .edit-btn,.blog-post-actions .view-btn{padding:.4rem .75rem;background:#4a90e226;border:1px solid rgba(74,144,226,.3);border-radius:4px;color:#4a90e2;cursor:pointer;font-size:.8rem;text-decoration:none;transition:all .2s}.blog-post-actions .edit-btn:hover,.blog-post-actions .view-btn:hover{background:#4a90e240}.blog-editor{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1.5rem}.blog-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.blog-editor-header h3{margin:0}.cancel-btn{padding:.4rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#e8e8e8b3;cursor:pointer;font-size:.85rem;transition:all .2s}.cancel-btn:hover{border-color:#fff6;color:#e8e8e8}.blog-editor-form .form-group{margin-bottom:1.25rem}.blog-editor-form label{display:block;margin-bottom:.5rem;font-size:.85rem;color:#e8e8e899}.blog-editor-form input[type=text]{width:100%;padding:.75rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e8e8e8;font-size:1rem}.blog-editor-form input[type=text]:focus{outline:none;border-color:#4a90e280}.blog-editor-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.save-draft-btn{padding:.75rem 1.5rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#e8e8e8cc;cursor:pointer;font-size:.9rem;transition:all .2s}.save-draft-btn:hover:not(:disabled){border-color:#fff6}.publish-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;transition:all .2s}.publish-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #4a90e24d}.publish-btn:disabled,.save-draft-btn:disabled{opacity:.6;cursor:not-allowed}.w-md-editor{background:#0000004d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:6px!important}.w-md-editor-toolbar{background:#0003!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.w-md-editor-text-pre>code,.w-md-editor-text-input{font-size:.95rem!important;line-height:1.6!important}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #1a1a1a;--color-secondary: #2d2d2d;--color-accent: #f5f5f5;--color-text: #e8e8e8;--color-text-muted: #a0a0a0;--color-highlight: #4a90e2;--color-success: #00d084;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:var(--color-text);background-color:var(--color-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}