:root{--bg-deep: #020617;--bg-card: rgba(15, 23, 42, .4);--text-main: #f8fafc;--text-muted: #94a3b8;--primary: #2dd4bf;--secondary: #8b5cf6;--accent: #38bdf8;--action: #fbbf24;--gradient-zen: linear-gradient(135deg, #2dd4bf 0%, #3b82f6 50%, #8b5cf6 100%);--gradient-vitality: linear-gradient(135deg, #fbbf24 0%, #f59e0b 40%, #f43f5e 100%);--glass-border: rgba(255, 255, 255, .08);--safe-area-top: env(safe-area-inset-top, 20px);--safe-area-bottom: env(safe-area-inset-bottom, 20px)}@keyframes liquidMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes floatOrb{0%{transform:translate(0) scale(1) rotate(0);opacity:.3}33%{transform:translate(60px,-100px) scale(1.2) rotate(120deg);opacity:.6}66%{transform:translate(-40px,40px) scale(.8) rotate(240deg);opacity:.4}to{transform:translate(0) scale(1) rotate(360deg);opacity:.3}}@keyframes pulseBreath{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.02);filter:brightness(1.1)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes meshShift{0%{background-position:0px 0px}to{background-position:40px 40px}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-deep);color:var(--text-main);overflow:hidden;height:100vh;width:100vw}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:radial-gradient(circle at 50% 50%,#0f172a,#020617)}.mesh-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--glass-border) 1px,transparent 1px);background-size:40px 40px;animation:meshShift 30s linear infinite;opacity:.2}.orb{position:absolute;border-radius:50%;filter:blur(100px);animation:floatOrb 25s infinite ease-in-out}.orb-1{width:600px;height:600px;background:#2dd4bf26;top:-250px;left:-250px}.orb-2{width:500px;height:500px;background:#8b5cf626;bottom:-150px;right:-200px;animation-delay:-7s}.orb-3{width:400px;height:400px;background:#38bdf81a;top:35%;left:15%;animation-delay:-14s}.app-shell{height:100vh;display:flex;flex-direction:column;position:relative}.mobile-header{padding:calc(var(--safe-area-top) + 16px) 24px 12px;display:flex;justify-content:space-between;align-items:center;z-index:10}.brand-text{font-size:1.5rem;font-weight:900;letter-spacing:-.05em;margin:0;background:var(--gradient-zen);background-size:200% 200%;animation:liquidMove 10s infinite alternate ease-in-out;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.user-avatar{width:38px;height:38px;border-radius:12px;background:var(--bg-card);border:1px solid var(--glass-border);background-image:url(https://i.pravatar.cc/150?u=equilibrium);background-size:cover;box-shadow:0 4px 10px #0000004d;cursor:pointer;transition:transform .2s ease}.user-avatar:active{transform:scale(.9)}.view-container{flex:1;position:relative}.view{position:absolute;top:0;right:0;bottom:0;left:0;padding:0 20px 140px;overflow-y:auto;opacity:0;pointer-events:none;transform:translateY(20px);transition:all .6s cubic-bezier(.16,1,.3,1);-webkit-overflow-scrolling:touch}.view.active{opacity:1;pointer-events:auto;transform:translateY(0)}.section-header{margin-bottom:24px;animation:slideUpFade .6s ease-out forwards}.overline{display:block;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--primary);margin-bottom:4px}h2{font-size:2.1rem;font-weight:900;margin:0 0 8px;letter-spacing:-.04em;line-height:1}.animated-heading{background:linear-gradient(to right,#fff,var(--text-muted));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.routine-list{display:flex;flex-direction:column;gap:12px}.routine-card{background:#0f172a59;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:20px;padding:12px;display:flex;align-items:center;gap:16px;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer}.routine-card:active{transform:scale(.97);background:#0f172a80}.routine-card-left{flex-shrink:0}.routine-card-img{width:68px;height:68px;border-radius:14px;object-fit:cover;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 16px #0006}.card-content{flex:1;display:flex;flex-direction:column}.routine-card h3{margin:0 0 6px;font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.card-footer{display:flex;gap:6px}.badge{font-size:.6rem;padding:4px 10px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-weight:800;color:var(--text-muted)}.badge.success{background:#2dd4bf1a;color:var(--primary);border-color:#2dd4bf33}.player-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.btn-icon{width:44px;height:44px;border-radius:14px;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0003}.btn-icon:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.btn-icon:active{transform:scale(.9);background:#2dd4bf26;border-color:var(--primary);box-shadow:0 0 15px #2dd4bf4d}.visualizer{position:relative;width:100%;aspect-ratio:1.1;border-radius:32px;overflow:hidden;margin-bottom:30px;box-shadow:0 30px 60px #0009;animation:pulseBreath 6s infinite ease-in-out;border:1px solid var(--glass-border)}.visualizer img{width:100%;height:100%;object-fit:cover}.timer-container{position:relative;width:160px;height:160px;margin:0 auto 30px}.timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-bg{fill:none;stroke:#ffffff0d;stroke-width:6}.timer-fg{fill:none;stroke:var(--primary);stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 0 8px var(--primary));transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.timer-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.btn-primary{background:var(--gradient-vitality);background-size:200% 200%;animation:liquidMove 6s infinite alternate ease-in-out;border:none;color:#fff;padding:18px;border-radius:20px;font-size:.95rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 12px 24px #f59e0b4d;cursor:pointer;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shine 3s infinite}@keyframes shine{to{left:100%}}.btn-primary:active{transform:scale(.96);filter:brightness(1.1)}.btn-ghost{background:transparent;border:1px solid var(--glass-border);color:var(--text-muted);padding:16px;border-radius:20px;font-size:.85rem;font-weight:700;text-transform:uppercase;cursor:pointer;margin-top:10px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.stat-card{background:var(--bg-card);padding:20px;border-radius:24px;border:1px solid var(--glass-border);display:flex;flex-direction:column;align-items:center}.stat-value{font-size:2.2rem;font-weight:900;margin-bottom:2px;background:var(--gradient-zen);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bar-chart{display:flex;justify-content:space-between;align-items:flex-end;height:160px;padding:24px;background:var(--bg-card);border-radius:28px;border:1px solid var(--glass-border)}.bar-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1;height:100%;cursor:pointer}.bar{width:14px;background:var(--gradient-zen);border-radius:20px;transition:height 1s cubic-bezier(.16,1,.3,1);min-height:2px}.bar-label{font-size:.6rem;font-weight:800;color:var(--text-muted);margin-top:8px}.bottom-nav{position:fixed;bottom:20px;left:20px;right:20px;height:72px;background:#0f172ab3;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:28px;display:flex;justify-content:space-around;padding:0 10px;box-shadow:0 20px 40px #00000080;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);width:70px;transition:all .3s ease}.nav-item.active{color:var(--primary);transform:translateY(-4px)}.nav-item span{font-size:.6rem;font-weight:800;text-transform:uppercase}.btn-back{background:transparent;border:none;color:var(--primary);display:flex;align-items:center;gap:6px;padding:0;margin-bottom:20px;font-weight:700;font-size:.9rem}.exercise-list{display:flex;flex-direction:column;gap:10px}.exercise-item{display:flex;align-items:center;background:#ffffff05;padding:10px;border-radius:16px;border:1px solid var(--glass-border);gap:12px}.ex-thumb{width:54px;height:54px;border-radius:10px;object-fit:cover}.ex-info h4{margin:0 0 2px;font-size:1rem}.ex-info p{font-size:.8rem;color:var(--text-muted);margin:0}.play-btn{background:var(--primary);border:none;color:#020617;padding:6px 14px;border-radius:10px;font-size:.75rem;font-weight:800}.onboarding-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg-deep);display:flex;flex-direction:column;overflow:hidden}.onboarding-content{flex:1;display:flex;flex-direction:column;padding:60px 24px 40px;overflow-y:auto;position:relative;z-index:1}.onboarding-progress{display:flex;gap:8px;justify-content:center;margin-bottom:40px}.progress-dot{width:8px;height:8px;border-radius:50%;background:#ffffff1a;transition:all .3s ease}.progress-dot.active{background:var(--primary);width:24px;border-radius:4px}.onboarding-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.fade-in{animation:slideUpFade .6s ease-out forwards}.welcome-icon{font-size:4rem;margin-bottom:24px}.consent-icon{font-size:3.5rem;margin-bottom:20px;display:flex;justify-content:center;align-items:center}.onboarding-image{height:120px;width:auto;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.4))}.consent-card{background:#0f172a99;border:1px solid rgba(251,191,36,.3);border-radius:16px;padding:24px;margin:24px 0;text-align:left;max-width:500px}.consent-card h3{font-size:1rem;font-weight:700;color:#fcd34d;margin:0 0 12px;letter-spacing:-.02em}.consent-text{font-size:.9rem;line-height:1.6;color:var(--text-muted);margin:0 0 16px}.consent-text strong{color:#fcd34d;font-weight:700}.consent-list{list-style:none;padding:0;margin:0 0 16px}.consent-list li{font-size:.9rem;line-height:1.6;color:var(--text-muted);padding:8px 0 8px 28px;position:relative}.consent-list li:before{content:"⚠️";position:absolute;left:0;top:8px;font-size:.8rem}.consent-card a{color:var(--primary);text-decoration:underline}.consent-checkbox{display:flex;align-items:center;gap:12px;padding:20px;background:#2dd4bf1a;border:2px solid rgba(45,212,191,.3);border-radius:12px;cursor:pointer;-webkit-user-select:none;user-select:none;max-width:500px;width:100%;transition:all .2s ease}.consent-checkbox:hover{background:#2dd4bf26;border-color:#2dd4bf80}.consent-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary)}.consent-checkbox span{font-size:.9rem;font-weight:600;color:var(--text-main);text-align:left;flex:1}.onboarding-title{font-size:2rem;font-weight:900;margin:0 0 16px;letter-spacing:-.03em}.onboarding-subtitle{font-size:1rem;color:var(--text-muted);margin:0 0 40px;max-width:400px}.feature-list{display:flex;flex-direction:column;gap:16px;margin-top:32px}.feature-item{display:flex;align-items:center;gap:12px;font-size:.95rem}.feature-icon{width:24px;height:24px;border-radius:50%;background:#2dd4bf26;color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.8rem}.onboarding-input{width:100%;max-width:400px;padding:18px 20px;background:#ffffff0d;border:2px solid var(--glass-border);border-radius:16px;color:var(--text-main);font-size:1.1rem;font-weight:600;text-align:center;transition:all .3s ease}.onboarding-input:focus{outline:none;border-color:var(--primary);background:#ffffff14}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:500px}.option-card{background:#ffffff08;border:2px solid var(--glass-border);border-radius:20px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);min-height:120px}.option-card:active{transform:scale(.95)}.option-card.selected{background:#2dd4bf1a;border-color:var(--primary);box-shadow:0 0 20px #2dd4bf33}.option-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center;min-height:80px}.option-image{height:100px;width:auto;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));margin:-10px 0}.option-label{font-size:.9rem;font-weight:700;color:var(--text-main)}.form-section{width:100%;max-width:400px;margin-bottom:32px}.form-label{display:block;font-size:.95rem;font-weight:700;margin-bottom:16px;color:var(--text-main)}.age-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.age-option{background:#ffffff08;border:2px solid var(--glass-border);border-radius:14px;padding:16px;color:var(--text-main);font-weight:700;cursor:pointer;transition:all .3s ease}.age-option.selected{background:#2dd4bf1a;border-color:var(--primary)}.slider{width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 4px 12px #2dd4bf66}.slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;box-shadow:0 4px 12px #2dd4bf66}.slider-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:.75rem;color:var(--text-muted)}.onboarding-actions{display:flex;gap:12px;margin-top:auto;padding-top:32px}.onboarding-actions .btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:8px}.onboarding-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.settings-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg-deep);display:flex;flex-direction:column;overflow:hidden}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--safe-area-top) + 20px) 24px 20px;border-bottom:1px solid var(--glass-border)}.settings-header h2{font-size:1.5rem;margin:0}.btn-back{background:transparent;border:none;color:var(--primary);display:flex;align-items:center;gap:6px;padding:8px;font-weight:700;font-size:.9rem;cursor:pointer}.settings-content{flex:1;overflow-y:auto;padding:24px 24px 100px}.settings-section{margin-bottom:32px}.section-title{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 12px}.settings-card{background:#ffffff08;border:1px solid var(--glass-border);border-radius:20px;padding:4px;overflow:hidden}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.setting-row:last-child{border-bottom:none}.setting-label{font-size:.95rem;font-weight:600;color:var(--text-main)}.setting-value{font-size:.9rem;color:var(--text-muted)}.setting-link{color:var(--primary);text-decoration:none;font-weight:600;font-size:.95rem}.toggle-switch{position:relative;display:inline-block;width:52px;height:30px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#ffffff1a;border-radius:30px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}@keyframes countdownPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes countdownFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.view-countdown{display:flex;align-items:center;justify-content:center}.countdown-container{text-align:center;animation:countdownFadeIn .3s ease-out}.countdown-circle{width:200px;height:200px;margin:0 auto 32px;border-radius:50%;background:#2dd4bf1a;border:4px solid var(--primary);display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #2dd4bf4d;animation:countdownPulse 1s ease-in-out infinite}.countdown-number{font-size:6rem;font-weight:900;background:var(--gradient-zen);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:countdownFadeIn .3s ease-out}.countdown-go{font-size:4rem;font-weight:900;color:var(--primary);animation:countdownFadeIn .3s ease-out}.countdown-exercise-name{font-size:1.8rem;font-weight:700;margin:0 0 8px}.countdown-subtitle{font-size:1rem;color:var(--text-muted);margin:0}@keyframes restFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.view-rest{display:flex;align-items:center;justify-content:center}.rest-container{text-align:center;max-width:400px;padding:0 24px}.rest-icon{font-size:4rem;margin-bottom:24px;animation:restFloat 2s ease-in-out infinite}.rest-title{font-size:2rem;font-weight:900;margin:0 0 8px}.rest-subtitle{font-size:1rem;color:var(--text-muted);margin:0 0 32px}.rest-timer-ring{position:relative;width:140px;height:140px;margin:0 auto 32px}.rest-svg{width:100%;height:100%;transform:rotate(-90deg)}.rest-bg{fill:none;stroke:#ffffff0d;stroke-width:6}.rest-fg{fill:none;stroke:var(--accent);stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 0 8px var(--accent));transition:stroke-dashoffset 1s linear}.rest-timer-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;color:var(--accent)}.rest-next-info{background:#ffffff08;border:1px solid var(--glass-border);border-radius:16px;padding:16px;margin-bottom:24px}.rest-next-info h4{margin:4px 0 0;font-size:1.1rem;font-weight:700}@keyframes celebrationFadeIn{0%{opacity:0}to{opacity:1}}@keyframes celebrationScale{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes sparkleFloat{0%,to{transform:translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(var(--tx),var(--ty)) rotate(360deg);opacity:0}}.celebration-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#020617f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;animation:celebrationFadeIn .3s ease-out}.celebration-content{text-align:center;padding:40px;position:relative;animation:celebrationScale .6s cubic-bezier(.16,1,.3,1)}.celebration-icon{font-size:6rem;margin-bottom:24px;animation:restFloat 1s ease-in-out infinite}.celebration-title{font-size:2.5rem;font-weight:900;margin:0 0 16px;background:var(--gradient-vitality);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.celebration-subtitle{font-size:1.1rem;color:var(--text-muted);margin:0;max-width:400px}.celebration-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sparkle{position:absolute;font-size:2rem;animation:sparkleFloat 2s ease-out forwards}.sparkle-1{top:20%;left:20%;--tx: -100px;--ty: -150px;animation-delay:.2s}.sparkle-2{top:30%;right:20%;--tx: 120px;--ty: -100px;animation-delay:.4s}.sparkle-3{bottom:30%;left:15%;--tx: -80px;--ty: 120px;animation-delay:.6s}.sparkle-4{bottom:20%;right:15%;--tx: 100px;--ty: 140px;animation-delay:.8s}.motivational-card{background:linear-gradient(135deg,#2dd4bf1a,#8b5cf61a);border:1px solid var(--glass-border);border-radius:24px;padding:24px;margin-bottom:24px;display:flex;align-items:center;gap:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:slideUpFade .6s ease-out forwards}.motivational-emoji{font-size:3rem;flex-shrink:0}.motivational-message{font-size:1.05rem;font-weight:600;line-height:1.5;color:var(--text-main);margin:0}.monthly-calendar{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:24px;padding:20px;margin-bottom:24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.calendar-month-title{font-size:1.2rem;font-weight:800;margin:0;letter-spacing:-.02em}.calendar-nav-btn{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-main);font-size:1.5rem;cursor:pointer;transition:all .2s ease}.calendar-nav-btn:active{transform:scale(.9);background:#2dd4bf1a;border-color:var(--primary)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.calendar-weekday{text-align:center;font-size:.65rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border-radius:10px;background:#ffffff05;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.calendar-day:active{transform:scale(.95)}.calendar-day.other-month{opacity:.3}.calendar-day.today{background:#2dd4bf26;border-color:var(--primary)}.calendar-day.in-streak{background:#2dd4bf14}.calendar-day-number{font-size:.85rem;font-weight:700;color:var(--text-main);z-index:1}.completion-dot{position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--primary);box-shadow:0 0 6px var(--primary)}.pain-indicator{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%}.calendar-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--glass-border)}.legend-item{display:flex;align-items:center;gap:6px;font-size:.7rem;color:var(--text-muted)}.legend-item .completion-dot,.legend-item .pain-indicator{position:static}.stats-grid-circular{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.stat-card-circular{background:var(--bg-card);padding:20px 16px;border-radius:24px;border:1px solid var(--glass-border);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);gap:12px}.stat-card-circular:active{transform:scale(.97);background:#0f172a80}.ring-container{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}.progress-ring{width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:#ffffff0d;stroke-width:6}.progress-ring-fill{fill:none;stroke:var(--primary);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 0 8px var(--primary))}.progress-ring-fill.gold{stroke:var(--action);filter:drop-shadow(0 0 8px var(--action))}.stat-value-circular{font-size:.95rem;font-weight:900;line-height:1;color:var(--text-main);z-index:1;position:relative;letter-spacing:-.04em;white-space:nowrap}.stat-label-circular{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);text-align:center;line-height:1.2}.pain-tracker{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:24px;padding:24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.pain-tracker-header{margin-bottom:24px}.pain-tracker-header h3{font-size:1.3rem;font-weight:800;margin:0 0 4px;letter-spacing:-.02em}.body-part-selector{margin-bottom:24px}.body-part-selector label{display:block;margin-bottom:12px}.body-part-buttons{display:flex;flex-wrap:wrap;gap:8px}.body-part-btn{background:#ffffff08;border:2px solid var(--glass-border);border-radius:14px;padding:10px 16px;color:var(--text-muted);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.body-part-btn:active{transform:scale(.95)}.body-part-btn.active{background:#2dd4bf26;border-color:var(--primary);color:var(--primary)}.pain-level-selector{margin-bottom:24px}.pain-level-selector label{display:block;margin-bottom:12px}.pain-level-display{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.pain-level-number{font-size:3rem;font-weight:900;line-height:1}.pain-level-label{font-size:1rem;font-weight:700;color:var(--text-muted)}.pain-slider{width:100%;height:8px;border-radius:4px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.pain-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--text-main);cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:transform .2s ease}.pain-slider::-webkit-slider-thumb:active{transform:scale(1.2)}.pain-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--text-main);cursor:pointer;border:none;box-shadow:0 2px 8px #0000004d}.pain-scale-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:.7rem;color:var(--text-muted);font-weight:700}.pain-notes{margin-bottom:16px}.pain-notes label{display:block;margin-bottom:8px}.pain-notes-input{width:100%;background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;padding:12px;color:var(--text-main);font-family:inherit;font-size:.9rem;resize:vertical;transition:all .2s ease}.pain-notes-input:focus{outline:none;border-color:var(--primary);background:#ffffff0d}.pain-notes-input::placeholder{color:var(--text-muted);opacity:.5}.pain-trend-chart{margin-top:24px;padding-top:24px;border-top:1px solid var(--glass-border)}.pain-trend-chart h4{margin:0}.pain-trend-bars{display:flex;justify-content:space-between;align-items:flex-end;height:100px;gap:4px}.pain-trend-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.pain-trend-bar{width:100%;min-height:4px;border-radius:4px;transition:height .5s cubic-bezier(.16,1,.3,1)}.pain-trend-label{font-size:.65rem;font-weight:700;color:var(--text-muted)}:root{--success: #10b981;--warning: #fbbf24;--error: #ef4444}.safety-alert{padding:12px 16px;border-radius:12px;margin-top:16px;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:8px}.safety-caution{background:#fbbf2426;border:1px solid rgba(251,191,36,.4);color:#fcd34d}.safety-consult-doctor{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fca5a5}