@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.skeleton-chart,.skeleton-hero,.skeleton-stats{background:var(--bg-secondary);border-radius:16px;overflow:hidden;padding:2rem;position:relative}.skeleton-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.skeleton-title{border-radius:6px;height:24px;width:200px}.skeleton-emoji,.skeleton-title{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:var(--bg-tertiary)}.skeleton-emoji{border-radius:50%;height:32px;width:32px}.skeleton-chart-area{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:var(--bg-tertiary);border-radius:12px;height:300px}.skeleton-chart-content{animation:shimmer 2s infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-primary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;height:100%;width:100%}.skeleton-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skeleton-stat-card{align-items:center;background:var(--bg-secondary);border-radius:16px;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative}.skeleton-stat-icon{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:var(--bg-tertiary);border-radius:50%;height:48px;width:48px}.skeleton-stat-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.skeleton-stat-value{border-radius:6px;height:32px;width:80px}.skeleton-stat-label,.skeleton-stat-value{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:var(--bg-tertiary)}.skeleton-stat-label{border-radius:4px;height:16px;width:120px}.skeleton-hero{padding:4rem 2rem;text-align:center}.skeleton-hero-title{border-radius:8px;height:48px;margin:0 auto 1.5rem;width:400px}.skeleton-hero-subtitle,.skeleton-hero-title{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:var(--bg-tertiary)}.skeleton-hero-subtitle{border-radius:6px;height:24px;margin:0 auto 3rem;width:600px}.skeleton-hero-controls{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:var(--bg-tertiary);border-radius:12px;height:60px;margin:0 auto;width:300px}.skeleton-shimmer{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);width:100%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.skeleton-hero-title{height:36px;width:280px}.skeleton-hero-subtitle{height:20px;width:320px}.skeleton-hero-controls{height:50px;width:250px}.skeleton-stats{grid-template-columns:1fr}}.achievement-badge{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.achievement-badge.unlocked{border-color:var(--accent-color);box-shadow:0 4px 12px #3b82f626}.achievement-badge.locked{filter:grayscale(.3);opacity:.7}.badge-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.badge-icon-container{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px}.badge-icon{height:24px;width:24px}.badge-info{flex:1 1}.badge-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.badge-description{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0}.badge-progress{align-items:center;display:flex;gap:1rem}.progress-bar{background:var(--bg-tertiary);position:relative}.progress-text{font-size:.75rem}.unlock-effect{animation:bounce .6s ease-in-out;font-size:1.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(-50%) scale(1)}40%{transform:translateY(-50%) scale(1.2)}60%{transform:translateY(-50%) scale(1.1)}}.achievement-badge:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.achievement-badge.unlocked:hover{box-shadow:0 8px 24px #3b82f633}@media (max-width:768px){.achievement-badge{padding:1rem}.badge-header{gap:.75rem}.badge-icon-container{height:40px;width:40px}.badge-icon{height:20px;width:20px}.badge-title{font-size:.875rem}.badge-description{font-size:.8rem}}:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0;--accent-color:#3b82f6;--accent-hover:#2563eb;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--border-color:#334155;--accent-color:#60a5fa;--accent-hover:#3b82f6;--success-color:#34d399;--warning-color:#fbbf24;--error-color:#f87171;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #0000004d,0 8px 10px -6px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}.App{background:linear-gradient(135deg,#fff,#f8fafc);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);min-height:100vh;overflow-x:hidden;position:relative}.App:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#10b9811a 0,#0000 50%),radial-gradient(circle at 40% 40%,#fbbf240d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}*{transition:all .2s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--text-muted)}.container{margin:0 auto;max-width:1400px;padding:0 2rem}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}[data-theme=dark] .glass{background:#0003;border:1px solid #ffffff1a}.fade-in{animation:fadeIn .6s ease-out}.slide-up{animation:slideUp .6s ease-out}.bounce-in{animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}@media (max-width:768px){.container{padding:0 1rem}}.loading-screen{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);display:flex;flex-direction:column;gap:2rem;justify-content:center;min-height:100vh}.loading-spinner{border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border:4px solid var(--border-color);border-top-color:var(--accent-color);height:60px;width:60px}.loading-screen p{color:#64748b;color:var(--text-secondary);font-size:1.125rem;font-weight:500}button:focus,input:focus,select:focus{outline:2px solid #3b82f6;outline:2px solid var(--accent-color);outline-offset:2px}.loading{opacity:.6;pointer-events:none}.loading:after{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-top:2px solid #3b82f6;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-color);content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.navigation{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(var(--bg-primary-rgb),.8);border-bottom:1px solid var(--border-color);left:0;padding:1rem 0;position:fixed;right:0;top:0;z-index:1000}.navigation a,.navigation a:hover{text-decoration:none}.nav-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;position:relative;width:100%}.brand-link,.nav-brand{align-items:center;display:flex;gap:1rem}.brand-link{color:inherit;text-decoration:none}.logo{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:2px solid var(--border-color);border-radius:50%;box-shadow:0 4px 15px #0000001a;display:flex;height:3rem;justify-content:center;position:relative;width:3rem}.logo-icon{color:var(--text-color);height:1.5rem;width:1.5rem;z-index:2}.brand-text{display:flex;flex-direction:column}.title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0}.nav-links{gap:1rem;left:50%;position:absolute;transform:translateX(-50%)}.nav-btn,.nav-links{align-items:center;display:flex}.nav-btn{background:var(--card-bg);border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:var(--text-color);cursor:pointer;font-size:.875rem;font-weight:600;gap:.5rem;min-width:fit-content;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-btn:not(.active){color:#000}[data-theme=dark] .nav-btn:not(.active){color:#fff}.nav-btn:hover{background:var(--hover-color);box-shadow:0 4px 15px #00000026;text-decoration:none;transform:translateY(-2px)}.nav-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 15px #3b82f64d;color:#fff}.nav-controls{gap:1rem}.control-btn,.nav-controls{align-items:center;display:flex}.control-btn{background:var(--card-bg);border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:var(--text-color);cursor:pointer;font-size:.875rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1rem;position:relative;transition:all .3s ease}.control-btn,.control-btn:hover{text-decoration:none}.control-btn:hover{background:var(--hover-color);box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.control-icon{height:1.25rem;transition:transform .3s ease;width:1.25rem}.control-text{font-weight:600;transition:all .3s ease}.language-btn{overflow:hidden;position:relative}.theme-btn{background:linear-gradient(135deg,var(--card-bg),var(--hover-color))}.login-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid var(--border-color);color:#fff}.login-btn:hover{background:linear-gradient(135deg,#e5e7eb,#f3f4f6);color:#1f2937}.user-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border:2px solid var(--border-color);border-bottom:none;border-radius:50%;box-shadow:0 4px 15px #2563eb4d;color:#fff;cursor:pointer;display:flex;height:2.5rem;justify-content:center;position:relative;transition:all .3s ease;width:2.5rem}.user-avatar,.user-avatar:hover{text-decoration:none}.user-avatar:hover{box-shadow:0 6px 20px rgba(var(--primary-rgb),.4);transform:translateY(-2px)}.avatar-letter{color:#fff;font-size:1.25rem;font-weight:700;text-shadow:0 1px 2px #0000004d}.nav-background{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.floating-bubble{animation:float 6s ease-in-out infinite;font-size:1.5rem;opacity:.1}.floating-bubble:first-child{animation-delay:0s;left:10%;top:20%}.floating-bubble:nth-child(2){animation-delay:2s;right:15%;top:60%}.floating-bubble:nth-child(3){animation-delay:4s;bottom:30%;left:20%}@media (max-width:768px){.nav-content{flex-direction:column;gap:1rem}.nav-links{order:2}.nav-controls{flex-wrap:wrap;justify-content:center;order:3}.title{font-size:1.25rem}.nav-btn{font-size:.8rem;padding:.5rem 1rem}.control-btn{font-size:.8rem;padding:.5rem .75rem}.control-text{display:none}.user-avatar{height:2rem;width:2rem}.avatar-letter{font-size:.875rem}}@media (max-width:480px){.nav-links{flex-direction:column;gap:.5rem}.nav-controls{gap:.5rem}.logo{height:2.5rem;width:2.5rem}.logo-icon{height:1.25rem;width:1.25rem}}.footer{background:#0000;margin-top:auto;padding:20px 0;position:relative;width:100%;z-index:10}.footer-content{justify-content:center;margin:0 auto;max-width:1200px;padding:0 20px}.footer-content,.footer-text{align-items:center;display:flex}.footer-text{color:var(--text-secondary);font-size:.9rem;font-weight:500;gap:8px;opacity:.8;transition:opacity .3s ease}.footer-text:hover{opacity:1}.heart-icon{color:#ef4444}.heart-icon,.shampoo-icon{align-items:center;display:inline-flex}.shampoo-icon{color:var(--accent-color)}@media (max-width:768px){.footer{padding:16px 0}.footer-content{padding:0 16px}.footer-text{font-size:.8rem}}.dashboard{min-height:calc(100vh - 120px);padding-top:80px}.hero-section{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);overflow:hidden;padding:6rem 0 4rem;position:relative}.hero-section:before{background:radial-gradient(circle at 20% 80%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#10b9811a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{position:relative;text-align:center;z-index:1}.hero-title{background:linear-gradient(135deg,#3b82f6,#10b981);color:var(--text-primary);font-size:3.5rem;line-height:1.2;margin:0 0 1.5rem;text-shadow:0 2px 4px #0000001a}.hero-subtitle{color:var(--text-secondary);margin:0 auto 3rem}.hero-controls{display:flex;justify-content:center;margin-top:2rem}.main-content{padding:4rem 0}.data-disclaimer{border-left:4px solid var(--accent-color);border-radius:16px;margin-bottom:3rem;padding:1rem 1.5rem}.disclaimer-text{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.controls-section{margin-bottom:3rem}.group-selector{align-items:center;border-radius:16px;display:flex;gap:1rem;max-width:400px;padding:1.5rem}.selector-label{font-weight:600}.group-select,.selector-label{color:var(--text-primary);font-size:.875rem}.group-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;flex:1 1;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.group-select:hover{border-color:var(--accent-color);box-shadow:var(--shadow-sm)}.group-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.charts-grid{display:flex;flex-direction:column;gap:4rem;margin-bottom:3rem}.chart-container{border-radius:20px;box-shadow:var(--shadow-lg);min-height:500px;overflow:hidden;padding:3rem;position:relative;transition:all .3s ease;width:100%}.chart-container:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.chart-container:before{background:linear-gradient(90deg,var(--accent-color),var(--success-color),var(--warning-color));border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.chart-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.chart-emoji{font-size:1.5rem;opacity:.8}.chart-description{background:var(--bg-secondary);border-left:3px solid var(--accent-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1.5rem;padding:1rem}.stats-section{margin-top:2rem}.chart-placeholder{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;color:var(--text-muted);display:flex;font-size:.875rem;height:300px;justify-content:center}@media (max-width:1024px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.charts-grid{gap:3rem}.chart-container{padding:2rem}}@media (max-width:768px){.hero-section{padding:4rem 0 3rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.group-selector{align-items:stretch;flex-direction:column;gap:.75rem}.chart-container{min-height:400px;padding:1.5rem}.chart-header{align-items:flex-start;flex-direction:column;gap:.5rem}.chart-title{font-size:1.125rem}.stats-grid{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1rem}.stat-icon,.stat-value{font-size:1.5rem}}.achievements-section{margin-top:4rem}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}@media (max-width:480px){.charts-grid{gap:1rem}.chart-container{padding:.75rem}.chart-title{font-size:1rem}.stat-card{flex-direction:column;gap:.5rem;text-align:center}.achievements-grid{gap:1rem;grid-template-columns:1fr}}.auth-page{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);height:100vh;justify-content:center;overflow:hidden;padding:2rem 2rem 0;position:relative}.auth-layout,.auth-page{align-items:center;display:flex}.auth-layout{gap:120px;height:100%;justify-content:space-between;max-width:1600px;width:100%}.auth-background{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.floating-shower{font-size:3rem;left:10%;opacity:.1;top:20%}.floating-bubble,.floating-shower{filter:blur(1px);position:absolute}.floating-bubble{font-size:2rem;opacity:.08;right:15%;top:60%}.floating-drop{filter:blur(1px);font-size:2.5rem;opacity:.12;position:absolute;right:30%;top:30%}.auth-title-section{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-start;padding:4rem 2rem 0;position:relative;text-align:center;width:100%;z-index:2}.title-icon{font-size:8rem;margin-bottom:3rem;opacity:.9}.big-title{-webkit-text-fill-color:#0000;word-wrap:break-word;animation:gradientShift 8s ease infinite;background:linear-gradient(45deg,#4ecdc4,#45b7d1,#54a0ff,#5f27cd,#00d4aa,#09c,#6cf,#00bfff);-webkit-background-clip:text;background-clip:text;background-size:400% 400%;color:var(--text-primary);font-size:6rem;font-weight:900;line-height:1.2;margin:0;max-width:100%;text-shadow:0 0 30px #4ecdc44d}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.big-subtitle{display:none}.auth-container{flex-shrink:0;max-width:450px;position:relative;width:100%;z-index:2}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:24px;box-shadow:var(--shadow-xl);padding:3rem 2rem}.auth-header{margin-bottom:2rem;text-align:center}.auth-icon{align-items:center;border-radius:50%;box-shadow:0 8px 24px #3b82f64d;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 1.5rem;width:64px}.auth-icon,.auth-title{background:linear-gradient(135deg,var(--accent-color),var(--success-color))}.auth-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.auth-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0}.auth-form{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);height:20px;left:1rem;position:absolute;width:20px;z-index:2}.auth-input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s ease;width:100%}.auth-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.auth-input.error{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.email-error,.password-error{background:#ef44441a;border-left:3px solid var(--error-color);border-radius:8px;color:var(--error-color);font-size:.875rem;margin-top:.5rem;padding:.5rem}.auth-input::placeholder{color:var(--text-muted)}.auth-button{align-items:center;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.auth-button:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-hover),var(--accent-color));box-shadow:0 8px 24px #3b82f64d;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin 1s linear infinite}.error-message{background:var(--error-color);border-radius:8px;color:#fff;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem;text-align:center}.auth-footer{margin-bottom:2rem;text-align:center}.auth-switch{color:var(--text-secondary);font-size:.875rem;margin:0}.switch-button{background:none;border:none;color:var(--accent-color);cursor:pointer;font-weight:600;margin-left:.5rem;text-decoration:underline;transition:color .2s ease}.switch-button:hover{color:var(--accent-hover)}.auth-features{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:space-around;padding-top:2rem}.feature{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.75rem;gap:.5rem;text-align:center}.feature-icon{font-size:1.5rem;opacity:.8}@media (max-width:768px){.auth-page{padding:1rem}.auth-layout{flex-direction:column;gap:2rem;height:auto;padding:1rem}.auth-title-section{order:-1;padding:1rem}.title-icon{font-size:5rem;margin-bottom:1.5rem}.big-title{font-size:3.5rem;margin-bottom:.5rem}.big-subtitle{font-size:1.1rem}.auth-container{max-width:100%}.auth-card{padding:2rem 1.5rem}.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.875rem}.auth-features{flex-direction:column;gap:1rem}.feature{flex-direction:row;gap:.5rem;justify-content:center}.floating-bubble,.floating-drop,.floating-shower{display:none}}.profile-page{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);min-height:100vh;padding-bottom:2rem;padding-top:120px}.profile-container{margin:0 auto;max-width:1200px;padding:0 2rem}.profile-header{align-items:center;border-radius:20px;box-shadow:var(--shadow-lg);display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.profile-avatar{position:relative}.avatar-circle,.profile-avatar{align-items:center;display:flex}.avatar-circle{background:linear-gradient(135deg,var(--accent-color),var(--success-color));border-radius:50%;box-shadow:0 8px 24px #3b82f64d;color:#fff;font-size:2rem;height:80px;justify-content:center;width:80px}.avatar-circle img{border-radius:50%;height:100%;object-fit:cover;width:100%}.edit-avatar-btn{align-items:center;background:var(--accent-color);border:2px solid #fff;border-radius:50%;bottom:0;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:0;width:28px}.profile-info{flex:1 1;margin-left:2rem}.profile-name{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.profile-email{color:var(--text-secondary);font-size:1rem;margin:0 0 .25rem}.profile-join-date{color:var(--text-muted);font-size:.875rem;margin:0}.logout-btn{align-items:center;background:var(--error-color);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.logout-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.stats-section{margin-bottom:3rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{align-items:center;border-radius:16px;box-shadow:var(--shadow-md);display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{font-size:2rem;opacity:.8}.stat-content{flex:1 1}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-color),var(--success-color));-webkit-background-clip:text;background-clip:text;font-size:2rem;margin:0 0 .25rem}.stat-label{font-size:.875rem;font-weight:500;margin:0}.tabs-section{margin-bottom:2rem}.tabs-header{background:var(--bg-secondary);border-radius:12px;display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem}.tab-button{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.tab-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-button.active{background:var(--accent-color);color:#fff}.tab-content{border-radius:16px;min-height:400px;padding:2rem}.profile-tab h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 2rem}.profile-details{gap:1.5rem}.detail-item,.profile-details{display:flex;flex-direction:column}.detail-item{gap:.5rem}.detail-item label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.detail-item input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem}.detail-item input:read-only{background:var(--bg-tertiary);color:var(--text-muted)}.achievements-tab h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 2rem}.empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state p{font-size:1rem;margin:.5rem 0}.achievements-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.achievement-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .2s ease}.achievement-item.locked{background:var(--bg-secondary);opacity:.7}.achievement-item.unlocked{background:linear-gradient(135deg,var(--bg-secondary) 0,#22c55e0d 100%);border-color:var(--success-color)}.achievement-item.unlocked[data-type=extreme]{background:linear-gradient(135deg,var(--bg-secondary) 0,#f59e0b1a 100%);border-color:#f59e0b;box-shadow:0 0 20px #f59e0b4d}.achievement-item.unlocked[data-type=secret]{animation:secretGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,var(--bg-secondary) 0,#8b5cf61a 100%);border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf64d}@keyframes secretGlow{0%{box-shadow:0 0 20px #8b5cf64d}to{box-shadow:0 0 30px #8b5cf699}}.achievement-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.achievement-header{align-items:flex-start;display:flex;gap:1rem}.achievement-icon{flex-shrink:0;font-size:2rem;transition:all .2s ease}.achievement-icon.locked{opacity:.5}.achievement-icon.unlocked{animation:achievementUnlock .6s ease-out}@keyframes achievementUnlock{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.achievement-info{flex:1 1}.achievement-info h3{font-size:1.1rem;font-weight:600;margin:0 0 .25rem;transition:color .2s ease}.achievement-info h3.locked{color:var(--text-secondary)}.achievement-info h3.unlocked{color:var(--text-primary)}.achievement-info p{font-size:.875rem;margin:0 0 .5rem;transition:color .2s ease}.achievement-info p.locked{color:var(--text-muted)}.achievement-info p.unlocked{color:var(--text-secondary)}.achievement-info .unlock-date{color:var(--success-color);font-size:.75rem;font-weight:500}.achievement-progress{align-items:center;display:flex;gap:1rem}.progress-bar{background:var(--border-color);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--accent-color),var(--success-color));border-radius:4px;height:100%;transition:width .3s ease}.progress-fill.completed{background:linear-gradient(90deg,var(--success-color),#10b981)}.progress-text{color:var(--text-secondary);font-size:.875rem;font-weight:600;min-width:40px;text-align:right}.settings-tab h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 2rem}.settings-content{display:flex;flex-direction:column;gap:24px}.setting-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.setting-header{justify-content:space-between;margin-bottom:8px}.setting-header,.setting-label{align-items:center;display:flex}.setting-label{color:var(--text-primary);cursor:pointer;font-size:1.1rem;font-weight:600;gap:12px}.setting-label.danger{color:#ef4444}.setting-checkbox{accent-color:var(--accent-color);height:20px;width:20px}.setting-text{cursor:pointer}.setting-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.setting-select{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;margin-top:8px;padding:8px 12px}.setting-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.setting-btn.secondary{background:var(--accent-color);color:#fff}.setting-btn.danger{background:#ef4444;color:#fff}.setting-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.danger-zone{background:#ef44440d;border-color:#ef4444}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:20px;max-width:400px;padding:32px;text-align:center;width:100%}.modal-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:16px}.modal-content p{color:var(--text-secondary);line-height:1.5;margin-bottom:24px}.modal-actions{display:flex;gap:12px;justify-content:center}.modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.modal-btn.cancel{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary)}.modal-btn.danger{background:#ef4444;color:#fff}.modal-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}@media (max-width:768px){.profile-container{padding:0 1rem}.profile-header{flex-direction:column;gap:1.5rem;text-align:center}.profile-info{margin-left:0}.profile-name{font-size:1.5rem}.stats-grid{gap:1rem;grid-template-columns:1fr}.tabs-header{flex-direction:column}.tab-button{justify-content:center}.tab-content{padding:1.5rem}.achievements-grid{grid-template-columns:1fr}.achievement-header{align-items:center;flex-direction:column;text-align:center}.achievement-progress{flex-direction:column;gap:.5rem}.progress-text{text-align:center}}.about-page{min-height:100vh;overflow-x:hidden;padding-top:80px;position:relative}.about-hero{padding:4rem 0;position:relative;text-align:center}.hero-content{margin:0 auto;max-width:800px}.hero-icon{display:inline-block;font-size:4rem;margin-bottom:2rem}.hero-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;margin-bottom:1.5rem;text-shadow:0 4px 8px #0000001a}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8,#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:4.5rem;font-weight:900;letter-spacing:-.02em}.hero-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.8}.hero-cta{margin-top:2rem}.cta-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button:hover{box-shadow:0 6px 20px #3b82f666;color:#1f2937;transform:translateY(-2px)}.cta-button.large{font-size:1.25rem;padding:1.25rem 3rem}.mission-section{padding:4rem 0}.mission-content{margin:0 auto;max-width:800px;padding:3rem;text-align:center}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-shadow:0 2px 4px #0000001a}.mission-text{font-size:1.1rem;line-height:1.7;opacity:.9}.features-section{padding:4rem 0}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}.feature-card{border-radius:20px;padding:2.5rem;text-align:center;transition:all .3s ease}.feature-icon-wrapper{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;box-shadow:0 4px 15px rgba(var(--primary-rgb),.3);display:flex;height:4rem;justify-content:center;margin:0 auto 1.5rem;width:4rem}.feature-icon{color:#fff;height:2rem;width:2rem}.feature-title{color:var(--text-color);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-description{font-size:1rem;line-height:1.6;opacity:.8}.disclaimer-section{padding:4rem 0}.disclaimer-content{margin:0 auto;max-width:1200px;padding:3rem}.disclaimer-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.disclaimer-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;padding:2rem}.disclaimer-item h3{color:var(--text-color);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.disclaimer-item p{font-size:.95rem;line-height:1.6;opacity:.8}.cta-section{padding:4rem 0}.cta-content{margin:0 auto;max-width:600px;padding:3rem;text-align:center}.cta-text{font-size:1.1rem;line-height:1.7;margin-bottom:2rem;opacity:.9}.about-background{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.floating-element{font-size:2rem;opacity:.1;position:absolute}.floating-element:first-child{left:10%;top:20%}.floating-element:nth-child(2){right:15%;top:60%}.floating-element:nth-child(3){bottom:30%;left:20%}@media (max-width:768px){.about-page{padding-top:120px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.features-grid{gap:1.5rem;grid-template-columns:1fr}.feature-card{padding:2rem}.disclaimer-grid{gap:1.5rem;grid-template-columns:1fr}.cta-content,.disclaimer-content,.mission-content{padding:2rem}.cta-button.large{font-size:1.1rem;padding:1rem 2rem}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.75rem}.feature-card{padding:1.5rem}.feature-icon-wrapper{height:3rem;width:3rem}.feature-icon{height:1.5rem;width:1.5rem}.cta-content,.disclaimer-content,.mission-content{padding:1.5rem}}.log-shower-page{background:var(--bg-gradient);color:var(--text-primary);min-height:100vh;padding:120px 20px 40px}.log-shower-container{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:800px}.log-shower-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:20px;padding:32px;text-align:center}.log-shower-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:12px}.log-shower-header p{color:var(--text-secondary);font-size:1.1rem;margin:0}.success-message{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;color:#10b981;display:flex;font-weight:500;gap:12px;padding:16px 24px}.log-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:20px;gap:24px;padding:32px}.form-section,.log-form{display:flex;flex-direction:column}.form-section{gap:12px}.form-label{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:8px}.form-input,.form-textarea{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1rem;padding:12px 16px;transition:all .3s ease}.form-input:focus,.form-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-textarea{font-family:inherit;min-height:80px;resize:vertical}.toggle-container{display:flex;gap:12px}.toggle-btn{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.toggle-btn.active{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 4px 12px #6366f14d;color:#fff}.vibe-slider-container{display:flex;flex-direction:column;gap:16px}.vibe-slider{appearance:none;background:var(--bg-secondary);border-radius:4px;height:8px;outline:none;width:100%}.vibe-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-color);background:var(--vibe-color,var(--accent-color));border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:24px;-webkit-transition:all .3s ease;transition:all .3s ease;width:24px}.vibe-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.vibe-slider::-moz-range-thumb{background:var(--accent-color);background:var(--vibe-color,var(--accent-color));border:none;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:24px;width:24px}.vibe-display{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px}.vibe-number{color:var(--accent-color);color:var(--vibe-color,var(--accent-color));font-size:1.5rem;font-weight:700}.vibe-text{color:var(--text-primary);font-weight:600}.vibe-icon{color:var(--accent-color);color:var(--vibe-color,var(--accent-color))}.products-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.product-btn{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 16px;transition:all .3s ease}.product-btn.active{border-color:var(--accent-color);box-shadow:0 4px 12px #6366f14d}.product-btn.active,.submit-btn{background:var(--accent-color);color:#fff}.submit-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:8px;justify-content:center;margin-top:16px;padding:16px 32px;transition:all .3s ease}.submit-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 8px 24px #6366f166}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.recent-entries{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:20px;padding:32px}.recent-entries h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:24px}.empty-state{color:var(--text-secondary);padding:40px 20px;text-align:center}.empty-state p:first-child{font-size:1.2rem;font-weight:600;margin-bottom:8px}.entries-list{gap:16px}.entries-list,.entry-item{display:flex;flex-direction:column}.entry-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;gap:12px;padding:16px}.entry-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.entry-date{color:var(--text-primary);font-weight:600}.entry-time{color:var(--text-secondary);font-size:.8rem;opacity:.7}.delete-entry-btn{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;opacity:.6;padding:4px;transition:all .2s ease}.delete-entry-btn:hover{background-color:#ef44441a;color:#ef4444;opacity:1}.delete-entry-btn:disabled{cursor:not-allowed;opacity:.4}.loading-spinner.small{border-width:1px;height:12px;width:12px}.entry-status{align-items:center;color:var(--text-secondary);display:flex;font-weight:500;gap:4px}.entry-vibe{align-items:center;color:var(--text-primary);font-size:.9rem}.entry-products,.entry-vibe{display:flex;gap:8px;margin-bottom:8px}.entry-products{align-items:flex-start;color:var(--text-secondary);flex-wrap:wrap;font-size:.85rem}.products-label{color:var(--text-primary);font-weight:500;white-space:nowrap}.products-list{display:flex;flex-wrap:wrap;gap:4px}.product-tag{border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.75rem;font-weight:500;padding:2px 6px}.entry-notes,.product-tag{background-color:var(--bg-secondary)}.entry-notes{border-left:3px solid var(--accent-color);border-radius:6px;color:var(--text-secondary);font-size:.85rem;font-style:italic;margin-top:8px;padding:8px}@media (max-width:768px){.log-shower-page{padding:100px 16px 32px}.log-shower-header h1{font-size:2rem}.log-form,.recent-entries{padding:24px}.products-grid{grid-template-columns:repeat(2,1fr)}.entry-item{gap:8px}.entry-header{align-items:flex-start;flex-direction:column;gap:4px}}@media (max-width:480px){.toggle-container{flex-direction:column}.products-grid{grid-template-columns:1fr}}.leaderboards-page{background:var(--bg-gradient);min-height:100vh;overflow-x:hidden;padding:6rem 2rem 2rem;position:relative}.leaderboards-page:before{animation:float 20s ease-in-out infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='50' font-size='20'%3E🚿%3C/text%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;opacity:.05;position:absolute;right:0;top:0}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.loading-container{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;height:60vh;justify-content:center}.loading-spinner{font-size:3rem;margin-bottom:1rem}.leaderboards-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.header-content h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #0000001a}.header-content p{color:var(--text-secondary);font-size:1.1rem;margin:0}.stats-summary{display:flex;gap:1rem}.stat-item{align-items:center;color:var(--text-primary);display:flex;font-weight:500;gap:.5rem}.stat-icon{height:20px;width:20px}.category-selector{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.category-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.category-btn:hover{background:var(--glass-bg-hover);box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-color:#ff6b6b;box-shadow:0 4px 15px #ff6b6b66}.category-btn svg{height:18px;width:18px}.leaderboard-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.leaderboard-container,.leaderboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leaderboard-header{grid-gap:.5rem;background:#ffffff1a;border-bottom:2px solid var(--glass-border);border-radius:15px 15px 0 0;color:var(--text-primary);display:grid;font-weight:600;gap:.5rem;grid-template-columns:60px 1fr 120px;padding:1rem;text-align:center}.leaderboard-header .rank-col,.leaderboard-header .stats-col,.leaderboard-header .user-col{text-align:center}.leaderboard-entries{max-height:600px;overflow-y:auto}.leaderboard-entries::-webkit-scrollbar{width:8px}.leaderboard-entries::-webkit-scrollbar-track{background:var(--glass-bg)}.leaderboard-entries::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.leaderboard-entries::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.leaderboard-entry{grid-gap:.5rem;background:var(--glass-bg);border-bottom:1px solid var(--glass-border);display:grid;gap:.5rem;grid-template-columns:60px 1fr 120px;min-height:40px;padding:.4rem 1rem;position:relative;transition:all .3s ease}.leaderboard-entry.current-user,.leaderboard-entry:hover{background:var(--glass-bg-hover)}.leaderboard-entry.current-user{border-left:4px solid var(--accent-color)}.leaderboard-entry.current-user:before{background:linear-gradient(90deg,#ff6b6b1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.rank-section{align-items:center;display:flex;gap:.5rem}.rank-number{color:var(--text-primary);font-size:1.2rem;font-weight:700;min-width:20px}.rank-icon{color:#ccc;height:24px;width:24px}.rank-icon.gold{color:gold;filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}.rank-icon.silver{color:silver;filter:drop-shadow(0 0 5px rgba(192,192,192,.5))}.rank-icon.bronze{color:#cd7f32;filter:drop-shadow(0 0 5px rgba(205,127,50,.5))}.user-section{align-items:center;display:flex;flex-direction:column;gap:.25rem;justify-content:center}.username{color:var(--text-primary);font-size:1.4rem;font-weight:700;text-align:center}.current-user-badge{align-self:flex-start;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:12px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.stat-row,.stats-section{align-items:center;justify-content:center;padding:0}.stat-row{display:flex;gap:.5rem;width:100%}.stat-label{color:var(--text-secondary);font-size:.9rem}.stat-value{color:var(--text-primary);font-size:1.2rem;font-weight:700}.stat-value.streak{color:#ff6b6b}.stat-value.achievements{color:#4ecdc4}.stat-value.vibe{color:#ffe66d}.last-shower-section{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center}.last-shower-date{color:var(--text-secondary);font-size:1.1rem;text-align:center}.last-shower-indicator{filter:drop-shadow(0 0 5px rgba(255,255,255,.3));font-size:1.5rem}.leaderboard-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:15px;margin-top:2rem;padding:1.5rem;text-align:center}.leaderboard-footer p{color:var(--text-primary);font-size:1.1rem;margin:.5rem 0}.update-note{color:var(--text-secondary)!important;font-size:.9rem!important}.leaderboard-entry.gold{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border-left:4px solid gold}.leaderboard-entry.silver{background:linear-gradient(135deg,#c0c0c01a,#c0c0c00d);border-left:4px solid silver}.leaderboard-entry.bronze{background:linear-gradient(135deg,#cd7f321a,#cd7f320d);border-left:4px solid #cd7f32}.no-data-message{color:var(--text-secondary);padding:3rem 2rem;text-align:center}.no-data-message p{font-size:1.1rem;margin:.5rem 0}.no-data-message p:first-child{color:var(--text-primary);font-size:1.3rem;font-weight:600}@media (max-width:768px){.leaderboards-page{padding:1rem}.leaderboards-header{flex-direction:column;gap:1rem;text-align:center}.header-content h1{font-size:2rem}.category-selector{gap:.5rem}.category-btn{font-size:.8rem;padding:.5rem 1rem}.leaderboard-header{font-size:.8rem}.leaderboard-entry,.leaderboard-header{grid-template-columns:60px 1fr 1fr 100px;padding:1rem}.leaderboard-entry{gap:.5rem}.rank-number{font-size:1.2rem}.username{font-size:1rem}.stats-section{gap:.25rem;grid-template-columns:1fr}.last-shower-date,.stat-row{font-size:.8rem}}@media (max-width:480px){.leaderboard-header{font-size:.7rem}.leaderboard-entry,.leaderboard-header{grid-template-columns:50px 1fr 1fr 80px}.leaderboard-entry{padding:.75rem}.rank-number{font-size:1rem}.username{font-size:.9rem}.stat-row{font-size:.7rem}}.you-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff6b6b1a;border:2px solid #ff6b6b4d;border-radius:15px;box-shadow:0 8px 32px #ff6b6b1a;margin-top:2rem;padding:1.5rem}.you-header{margin-bottom:1rem;text-align:center}.you-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.you-content{align-items:center;display:flex;gap:2rem;justify-content:space-around}.you-rank,.you-score{align-items:center;display:flex;flex-direction:column;gap:.5rem}.you-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.you-value{color:var(--text-primary);font-size:1.8rem;font-weight:700;text-shadow:0 2px 4px #0000001a}@media (max-width:768px){.you-content{flex-direction:column;gap:1rem}.you-value{font-size:1.5rem}}.floating-particles{height:100vh;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100vw;z-index:1}.particle{filter:blur(.5px);font-size:1.5rem;position:absolute;text-shadow:0 2px 4px #0003;-webkit-user-select:none;user-select:none}.particle:nth-child(odd){filter:blur(.3px);font-size:1.2rem}.particle:nth-child(2n){filter:blur(.7px);font-size:1.8rem}.particle:nth-child(3n){filter:blur(.2px);font-size:1rem}@media (max-width:768px){.particle{font-size:1rem}.particle:nth-child(odd){font-size:.8rem}.particle:nth-child(2n){font-size:1.2rem}.particle:nth-child(3n){font-size:.7rem}}
/*# sourceMappingURL=main.e914046e.css.map*/