:root{--color-primary: #7CE424;--primary: #7CE424;--primary-hover: #6ED31B;--primary-soft: rgba(124, 228, 36, .12);--secondary: #7CE424;--accent: #7CE424;--color-bg: #070D10;--color-bg-secondary: #0B1115;--color-surface: #121A1E;--color-surface-hover: #172126;--dark-900: #070D10;--dark-800: #0B1115;--dark-700: #121A1E;--color-success: #7CE424;--color-warning: #F59E0B;--color-danger: #EF4444;--color-info: #38BDF8;--activity-running: #7CE424;--activity-cycling: #38BDF8;--activity-walking: #A855F7;--activity-workout: #F97316;--bg-main: #070D10;--bg-surface: #121A1E;--bg-elevated: #172126;--bg-subtle: #0B1115;--bg-glass: rgba(18, 26, 30, .92);--color-text-primary: #F8FAFC;--color-text-secondary: #94A3B8;--color-text-muted: #64748B;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--text-inverse: #070D10;--color-border: rgba(255, 255, 255, .1);--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(124, 228, 36, .35);--ring-focus: rgba(124, 228, 36, .4);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .6);--shadow-lg: 0 10px 20px -3px rgba(0, 0, 0, .7);--shadow-xl: 0 20px 30px -5px rgba(0, 0, 0, .8);--shadow-glow: 0 0 20px rgba(140, 251, 44, .2);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--font-family: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 32px;--z-back: -1;--z-normal: 1;--z-sticky: 100;--z-fixed: 200;--z-modal: 1000;--z-toast: 2000;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--color-primary: #7CE424;--primary: #7CE424;--primary-hover: #6ED31B;--primary-soft: rgba(124, 228, 36, .15);--secondary: #7CE424;--accent: #7CE424;--color-bg: #F8FAFC;--color-bg-secondary: #F1F5F9;--color-surface: #FFFFFF;--color-surface-hover: #F8FAFC;--bg-main: #F8FAFC;--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-subtle: #F1F5F9;--bg-glass: rgba(255, 255, 255, .92);--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-muted: #64748B;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--text-inverse: #FFFFFF;--color-border: #E2E8F0;--border-color: #E2E8F0;--border-hover: #CBD5E1;--ring-focus: rgba(124, 228, 36, .4);--shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-sm: 0 2px 4px 0 rgba(15, 23, 42, .08);--shadow-md: 0 4px 8px -1px rgba(15, 23, 42, .1);--shadow-lg: 0 10px 20px -3px rgba(15, 23, 42, .12);--shadow-xl: 0 20px 30px -5px rgba(15, 23, 42, .15);--shadow-glow: 0 0 20px rgba(124, 228, 36, .25)}[data-density=compact]{--space-4: .75rem;--space-6: 1.125rem;--space-8: 1.5rem}[data-text-size=large]{font-size:18px}[data-high-contrast=true]{--color-border: #475569;--border-color: #475569;--color-text-secondary: #CBD5E1;--text-secondary: #CBD5E1}[data-theme=light][data-high-contrast=true]{--color-border: #64748B;--border-color: #64748B;--color-text-secondary: #1E293B;--text-secondary: #1E293B}[data-reduce-motion=true] *,[data-reduce-motion=true] *:before,[data-reduce-motion=true] *:after{animation:none!important;transition:none!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-primary);line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden}.container{width:min(100% - 48px,1200px);margin-inline:auto}@media (max-width: 767px){.container{width:min(100% - 32px,1200px)}}.section-padding{padding-block:clamp(3.5rem,6vw,6rem)}.section-padding-sm{padding-block:clamp(2rem,4vw,3.5rem)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--dark-700);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:.625rem 1.25rem;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:1;border-radius:var(--radius-lg);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;touch-action:manipulation;text-decoration:none}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-primary{background-color:var(--primary);color:#070d10;border-color:var(--primary);font-weight:var(--font-weight-extrabold);box-shadow:0 4px 14px #8cfb2c38}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);color:#070d10;transform:translateY(-1px);box-shadow:0 6px 18px #8cfb2c59}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--bg-elevated);border-color:var(--border-hover);color:var(--text-primary)}.btn-danger{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover{background-color:#b91c1c;border-color:#b91c1c}.btn-sm{min-height:36px;padding:.375rem .875rem;font-size:var(--font-size-xs)}.btn-lg{min-height:48px;padding:.875rem 1.75rem;font-size:var(--font-size-base);border-radius:var(--radius-xl)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background-color:transparent;color:var(--text-secondary);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation}.btn-icon:hover{background-color:var(--bg-surface);color:var(--text-primary)}.btn-icon:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);line-height:1;text-transform:capitalize}.badge-running{background-color:#8cfb2c1f;color:var(--activity-running)}.badge-cycling{background-color:#38bdf81f;color:var(--activity-cycling)}.badge-walking{background-color:#a855f71f;color:var(--activity-walking)}.badge-workout{background-color:#f973161f;color:var(--activity-workout)}.card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.card-hover:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#070d10bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal);padding:var(--space-4)}.modal-overlay.active{opacity:1;visibility:visible}.modal-container{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);transform:scale(.95) translateY(10px);transition:transform var(--transition-normal);overflow:hidden}.modal-overlay.active .modal-container{transform:scale(1) translateY(0)}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.modal-body{padding:1.5rem;overflow-y:auto;max-height:calc(85vh - 130px);-webkit-overflow-scrolling:touch}.modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);background-color:var(--bg-surface);flex-shrink:0}.form-group{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.form-control{width:100%;min-height:44px;padding:.625rem .875rem;font-family:inherit;font-size:var(--font-size-sm);color:var(--text-primary);background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8cfb2c33}.form-error{font-size:var(--font-size-xs);color:var(--color-danger);display:none}.form-group.has-error .form-control{border-color:var(--color-danger)}.form-group.has-error .form-error{display:block}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.toast{pointer-events:auto;min-width:280px;max-width:400px;padding:.875rem 1.25rem;background-color:var(--bg-elevated);color:#f8fafc;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:.75rem;animation:toastIn .3s cubic-bezier(.16,1,.3,1)}.toast-success{border-left:4px solid var(--primary)}.toast-error{border-left:4px solid var(--color-danger)}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.landing-page-body{background-color:var(--dark-900);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}.landing-header{position:sticky;top:0;left:0;right:0;height:72px;background-color:#070d10f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);z-index:var(--z-sticky)}.landing-nav-content{height:100%;display:flex;align-items:center;justify-content:space-between}.landing-nav-actions{display:flex;align-items:center;gap:var(--space-4)}.btn-pill-lime{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.5rem;background-color:#8cfb2c;color:#070d10;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-extrabold);border-radius:var(--radius-full);border:1px solid #8CFB2C;text-decoration:none;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);box-shadow:0 4px 14px #8cfb2c38}.btn-pill-lime:hover{background-color:#7ce424;border-color:#7ce424;color:#070d10;transform:translateY(-2px);box-shadow:0 6px 20px #8cfb2c59}.btn-pill-lime:hover svg{transform:translate(3px)}.btn-pill-lime svg{transition:transform var(--transition-fast)}.landing-hero-section{position:relative;z-index:var(--z-normal);padding-block:clamp(3.5rem,6vw,5.5rem);overflow:hidden}.landing-hero-glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(circle,#8cfb2c26,#070d1000 70%);pointer-events:none;z-index:var(--z-back)}.landing-hero-wrapper{position:relative;z-index:var(--z-normal)}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem 1rem;background-color:#8cfb2c14;border:1px solid rgba(140,251,44,.25);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);color:#8cfb2c;letter-spacing:.08em;margin-bottom:1.5rem}.badge-dot{width:8px;height:8px;border-radius:50%;background-color:#8cfb2c;box-shadow:0 0 10px #8cfb2c}.landing-hero-title{font-size:clamp(2.25rem,5vw,3.75rem);font-weight:800;line-height:1.15;color:#f8fafc;letter-spacing:-.03em;max-width:780px;margin-inline:auto;margin-bottom:1.25rem}.hero-title-line{display:block;overflow:hidden;padding-bottom:.05em}.hero-title-inner{display:inline-block;transform:translateY(115%);opacity:0;transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .75s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.hero-title-line:nth-child(1) .hero-title-inner{transition-delay:.1s}.hero-title-line:nth-child(2) .hero-title-inner{transition-delay:.22s}.hero-title-line:nth-child(3) .hero-title-inner{transition-delay:.34s}.landing-hero-section.revealed .hero-title-inner,.hero-title-line.revealed .hero-title-inner{transform:translateY(0);opacity:1}.lime-highlight{color:#8cfb2c;display:inline-block}.landing-hero-desc{font-size:clamp(1rem,2vw,1.2rem);color:var(--text-secondary);max-width:640px;margin-inline:auto;line-height:1.6;margin-bottom:2.25rem}.landing-hero-cta{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3.5rem;flex-wrap:wrap}.hero-quick-stats{display:flex;align-items:center;justify-content:space-around;gap:1.5rem;padding:1.5rem 2rem;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);width:100%;max-width:880px;margin-inline:auto}.stat-quick-item{display:flex;flex-direction:column;align-items:center}.stat-quick-item strong{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:800;color:#f8fafc;line-height:1.2;font-variant-numeric:tabular-nums}.stat-quick-item span{font-size:.78rem;font-weight:600;color:var(--text-secondary);text-transform:lowercase}.stat-quick-divider{width:1px;height:32px;background-color:var(--border-color)}.category-strip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}.category-strip-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);height:100%;transition:transform var(--transition-fast),border-color var(--transition-fast)}.category-strip-item:hover{transform:translateY(-2px);border-color:#8cfb2c66}.category-icon-box{width:44px;height:44px;border-radius:var(--radius-lg);background-color:#8cfb2c14;display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-strip-item h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-extrabold);color:#f8fafc;letter-spacing:.05em;margin-bottom:.25rem}.category-strip-item p{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4}.section-header-left{text-align:left;max-width:640px;margin-bottom:2.5rem}.section-header-left .section-subtitle{font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);color:#8cfb2c;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:.5rem}.section-header-left .section-title{font-size:clamp(1.875rem,4vw,2.75rem);font-weight:800;color:#f8fafc;line-height:1.2}.athletic-features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.athletic-feature-card{padding:2rem;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);height:100%;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.athletic-feature-card:hover{transform:translateY(-4px);border-color:#8cfb2c66;box-shadow:0 10px 25px #00000080,0 0 20px #8cfb2c1a}.feature-card-icon{width:48px;height:48px;border-radius:var(--radius-xl);background-color:#8cfb2c14;border:1px solid rgba(140,251,44,.2);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.athletic-feature-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#f8fafc;margin-bottom:.5rem}.athletic-feature-card p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.athletic-cta-card{padding:clamp(3rem,5vw,4.5rem) 2rem;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);text-align:center;width:100%;max-width:880px;margin-inline:auto;box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.athletic-cta-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:400px;height:2px;background:linear-gradient(90deg,transparent,#8CFB2C,transparent)}.athletic-cta-card h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#f8fafc;line-height:1.2;margin-bottom:1rem}.athletic-cta-card p{font-size:var(--font-size-base);color:var(--text-secondary);max-width:560px;margin-inline:auto}.athletic-footer{background-color:var(--dark-800);border-top:1px solid var(--border-color);padding-block:2.5rem;margin-top:auto}.footer-landing-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.footer-landing-brand p{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:.35rem}.footer-landing-links{display:flex;gap:1.5rem}.footer-landing-links a{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-landing-links a:hover{color:#8cfb2c}.footer-landing-copy{display:flex;flex-direction:column;font-size:var(--font-size-xs);color:var(--text-muted);text-align:right}@media (prefers-reduced-motion: reduce){.hero-title-inner{transform:none!important;opacity:1!important;transition:none!important}}.dashboard-app-body{background-color:var(--color-bg);color:var(--color-text-primary);min-height:100vh;min-height:100dvh}.dashboard-app-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh;min-height:100dvh}.dashboard-sidebar{background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);position:sticky;top:0;height:100vh;height:100dvh;padding:1.75rem 1.25rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between;z-index:90;overflow-y:auto}.sidebar-top{margin-bottom:2rem;padding-left:.5rem}.sidebar-menu{display:flex;flex-direction:column;gap:.375rem;flex:1}.sidebar-link{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-fast)}.sidebar-link:hover{color:var(--color-text-primary);background-color:var(--color-surface-hover)}.sidebar-link.active,.sidebar-link.active:hover{background-color:var(--color-primary);color:#070d10!important;font-weight:var(--font-weight-extrabold);box-shadow:0 4px 14px #7ce42440}.sidebar-link.active .sidebar-icon,.sidebar-link.active .sidebar-icon svg,.sidebar-link.active svg,.sidebar-link.active:hover .sidebar-icon,.sidebar-link.active:hover .sidebar-icon svg,.sidebar-link.active:hover svg{color:#070d10!important;stroke:#070d10!important}.sidebar-icon{display:flex;align-items:center;justify-content:center}.sidebar-bottom{margin-top:auto;padding-top:1.5rem}.sidebar-streak-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.125rem;border-left:3px solid var(--color-primary)}.streak-card-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem}.streak-flame-icon{color:var(--color-primary);display:flex;align-items:center}.streak-card-title strong{font-size:1.1rem;font-weight:var(--font-weight-extrabold);color:var(--color-text-primary)}.streak-card-title span{font-size:.75rem;color:var(--color-text-secondary);margin-left:.25rem}.streak-card-desc{font-size:.75rem;color:var(--color-text-muted);line-height:1.4}.dashboard-main-content{display:flex;flex-direction:column;min-width:0}.app-top-header{display:none;height:60px;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 1.25rem;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:var(--z-sticky)}.top-header-actions{display:flex;align-items:center;gap:.75rem}.dashboard-viewport{padding:2rem 2.25rem 3.5rem;max-width:1320px;width:100%;margin:0 auto}.dashboard-tab-content{display:none}.dashboard-tab-content.active{display:block}.dashboard-header-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;flex-wrap:wrap;gap:1rem}.dashboard-header-text h1{font-size:clamp(1.5rem,2.5vw,2.125rem);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);letter-spacing:-.02em}.dashboard-header-text p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:.25rem}.btn-header-cta{background-color:var(--color-primary);color:#070d10;font-weight:var(--font-weight-extrabold);border-radius:var(--radius-full);padding:.75rem 1.375rem;box-shadow:0 4px 16px #7ce42440;transition:all var(--transition-fast)}.btn-header-cta:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #7ce42459}.summary-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.75rem}.metric-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.25rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between;min-height:110px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),border-color var(--transition-fast)}.metric-card:hover{transform:translateY(-2px);border-color:#7ce4244d}.metric-card-top{display:flex;align-items:center;justify-content:space-between}.metric-label{font-size:.72rem;font-weight:var(--font-weight-extrabold);color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase}.metric-icon{width:36px;height:36px;border-radius:var(--radius-md);background-color:#7ce4241a;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.metric-value{font-size:1.65rem;font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin-top:.5rem;font-variant-numeric:tabular-nums;line-height:1.1}.dashboard-middle-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:1.25rem;margin-bottom:1.75rem}.dashboard-bottom-grid{display:grid;grid-template-columns:1fr 1.8fr;gap:1.25rem;margin-bottom:2rem}.dashboard-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.5rem;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.card-title{font-size:1.125rem;font-weight:var(--font-weight-extrabold);color:var(--color-text-primary)}.card-subtitle{font-size:.78rem;color:var(--color-text-secondary);margin-top:.15rem}.view-all-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.825rem;font-weight:var(--font-weight-bold);color:var(--color-primary);text-decoration:none;transition:opacity var(--transition-fast)}.view-all-link:hover{opacity:.85}.target-progress-card{display:flex;flex-direction:column;height:100%}.card-header-title-row{display:flex;align-items:center;gap:.625rem}.card-badge{font-size:.625rem;font-weight:800;letter-spacing:.05em;color:var(--color-primary);background:#7ce4241f;border:1px solid rgba(124,228,36,.25);padding:.2rem .55rem;border-radius:var(--radius-full);text-transform:uppercase}.target-card-body{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding-top:.25rem;height:100%}.target-donut-hero{position:relative;display:flex;justify-content:center;align-items:center;padding:.5rem 0}.donut-chart-wrapper{position:relative;width:148px;height:148px}.donut-svg-chart{width:100%;height:100%;transform:rotate(-90deg)}.donut-track{fill:none;stroke:#ffffff0f;stroke-width:9}[data-theme=light] .donut-track{stroke:#00000012}.donut-progress-glow{fill:none;stroke:var(--color-primary);stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset .85s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 0 6px rgba(124,228,36,.45))}.donut-center-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.donut-val-hero{font-size:2.125rem;font-weight:900;color:var(--color-text-primary);line-height:1;letter-spacing:-.03em}.donut-label-sub{font-size:.72rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-top:.25rem}.target-sub-metrics{width:100%;display:flex;flex-direction:column;gap:.875rem;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--color-border)}.sub-metric-row{display:flex;flex-direction:column;gap:.4rem}.sub-metric-header{display:flex;align-items:center;justify-content:space-between;font-size:.8rem}.sub-metric-name{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.sub-metric-icon{width:22px;height:22px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sub-metric-icon.icon-cyan{background:#38bdf81f;color:#38bdf8}.sub-metric-icon.icon-purple{background:#a855f71f;color:#a855f7}.sub-metric-icon.icon-lime{background:#7ce4241f;color:#7ce424}.sub-metric-val{font-size:.8rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.sub-metric-track{width:100%;height:7px;background-color:var(--color-bg-tertiary, rgba(255, 255, 255, .06));border-radius:var(--radius-full);overflow:hidden;position:relative}[data-theme=light] .sub-metric-track{background-color:#00000012}.sub-metric-fill{height:100%;border-radius:var(--radius-full);transition:width .75s cubic-bezier(.16,1,.3,1)}.sub-metric-fill.fill-cyan{background:linear-gradient(90deg,#0ea5e9,#38bdf8);box-shadow:0 0 8px #38bdf84d}.sub-metric-fill.fill-purple{background:linear-gradient(90deg,#9333ea,#c084fc);box-shadow:0 0 8px #a855f74d}.sub-metric-fill.fill-lime{background:linear-gradient(90deg,#6ed31b,#7ce424);box-shadow:0 0 8px #7ce4244d}.target-sub-label strong{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.recent-activities-list{display:flex;flex-direction:column;gap:.75rem}.activity-row{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.875rem 1.125rem;display:flex;align-items:center;justify-content:space-between;transition:border-color var(--transition-fast),transform var(--transition-fast)}.activity-row:hover{border-color:#7ce4244d;transform:translateY(-1px)}.activity-row-main{display:flex;align-items:center;gap:.875rem}.activity-row-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-row-icon.running{background:#7ce4241f;color:var(--activity-running)}.activity-row-icon.cycling{background:#38bdf81f;color:var(--activity-cycling)}.activity-row-icon.walking{background:#a855f71f;color:var(--activity-walking)}.activity-row-icon.workout{background:#f973161f;color:var(--activity-workout)}.activity-row-info h4{font-size:.925rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.activity-row-meta{font-size:.75rem;color:var(--color-text-secondary);margin-top:.15rem}.activity-row-metrics{display:flex;align-items:center;gap:1.5rem}.activity-row-stat{text-align:right}.activity-row-stat strong{display:block;font-size:.925rem;font-weight:var(--font-weight-extrabold);color:var(--color-text-primary)}.activity-row-stat span{font-size:.72rem;color:var(--color-text-secondary)}.activity-row-actions{display:flex;align-items:center;gap:.35rem;margin-left:.5rem}.weekly-comparison-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.5rem 1.75rem;margin-bottom:var(--space-8);box-shadow:var(--shadow-sm)}.chart-bar-col .chart-tooltip{position:absolute;top:-30px;background-color:var(--dark-900);color:#fff;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease;pointer-events:none}.chart-bar-col:hover .chart-tooltip{opacity:1;visibility:visible}.insights-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-sm);border-left:4px solid var(--primary)}.insights-list{display:flex;flex-direction:column;gap:.5rem}.insights-list li{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.weekly-goal-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-sm);position:relative}.goal-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.goal-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.goal-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:.25rem .625rem;border-radius:var(--radius-full);background-color:#8cfb2c1f;color:var(--primary)}.goal-main-stat{margin-bottom:.75rem}.goal-number{font-size:1.5rem;font-weight:var(--font-weight-extrabold);color:var(--text-primary);line-height:1}.goal-subtext{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:.25rem}.goal-sub-progress{display:flex;flex-direction:column;gap:.625rem;margin-top:.75rem}.goal-sub-item{font-size:.75rem}.goal-sub-item-header{display:flex;justify-content:space-between;margin-bottom:.25rem;color:var(--text-secondary);font-weight:600}.progress-bar-track{width:100%;height:8px;background-color:var(--bg-subtle);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--secondary) 0%,var(--primary) 100%);transition:width .8s cubic-bezier(.16,1,.3,1)}.breakdown-section{margin-bottom:var(--space-8)}.breakdown-title-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.breakdown-title-bar h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.breakdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.breakdown-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.25rem}.breakdown-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.breakdown-card-icon{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.breakdown-card.running .breakdown-card-icon{background:#8cfb2c1f;color:var(--activity-running)}.breakdown-card.cycling .breakdown-card-icon{background:#38bdf81f;color:var(--activity-cycling)}.breakdown-card.walking .breakdown-card-icon{background:#a855f71f;color:var(--activity-walking)}.breakdown-card.workout .breakdown-card-icon{background:#f973161f;color:var(--activity-workout)}.breakdown-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary)}.breakdown-card-count{font-size:1.25rem;font-weight:var(--font-weight-extrabold);color:var(--text-primary);margin-bottom:.5rem}.breakdown-mini-bar{height:6px;background-color:var(--bg-subtle);border-radius:var(--radius-full);overflow:hidden;margin-bottom:.5rem}.breakdown-mini-fill{height:100%;border-radius:var(--radius-full);transition:width .6s ease}.breakdown-card.running .breakdown-mini-fill{background-color:var(--activity-running)}.breakdown-card.cycling .breakdown-mini-fill{background-color:var(--activity-cycling)}.breakdown-card.walking .breakdown-mini-fill{background-color:var(--activity-walking)}.breakdown-card.workout .breakdown-mini-fill{background-color:var(--activity-workout)}.breakdown-card-footer{font-size:var(--font-size-xs);color:var(--text-secondary)}.history-section{padding:2rem 0 4rem}.history-control-bar{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.25rem;margin-bottom:var(--space-6);display:grid;grid-template-columns:2fr repeat(3,1fr);gap:1rem;align-items:center;box-shadow:var(--shadow-sm)}.history-header-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:1rem}.result-counter-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.35rem .875rem;background-color:#8cfb2c1a;border:1px solid rgba(140,251,44,.2);border-radius:var(--radius-full);color:var(--primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.25rem;background-color:var(--bg-main);padding:1rem;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.detail-item strong{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-extrabold);color:var(--text-primary)}.detail-item span{font-size:var(--font-size-xs);color:var(--text-secondary)}.filter-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.filter-tabs{display:flex;align-items:center;gap:var(--space-2);background-color:var(--bg-surface);padding:.25rem;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.filter-tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:.4rem .875rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast)}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{background-color:var(--primary);color:#070d10;font-weight:800;box-shadow:0 2px 8px #8cfb2c4d}.activities-list{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-4)}.activity-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.activity-card:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.activity-main-info{display:flex;align-items:center;gap:1.25rem}.activity-avatar{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-title-block h3{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary)}.activity-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:.25rem}.meta-item{display:inline-flex;align-items:center;gap:.375rem}.activity-stats-row{display:flex;align-items:center;gap:var(--space-8)}.stat-item-inline{text-align:right}.stat-item-inline strong{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-extrabold);color:var(--text-primary)}.stat-item-inline span{font-size:var(--font-size-xs);color:var(--text-secondary)}.activity-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:var(--space-6)}.history-header-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.history-title{font-size:clamp(1.5rem,2.5vw,2.125rem);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);letter-spacing:-.02em}.history-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:.25rem}.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.toolbar-search-wrapper{flex:1;min-width:260px}.toolbar-search-input{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--radius-lg);padding:.65rem 1rem;width:100%}.toolbar-filter-pills{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.filter-pill{padding:.5rem 1.125rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-pill:hover{border-color:var(--border-hover);color:var(--color-text-primary)}.filter-pill.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#070d10;font-weight:var(--font-weight-extrabold)}.activity-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.75rem}.summary-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.125rem 1.25rem;display:flex;flex-direction:column;gap:.35rem;box-shadow:var(--shadow-sm)}.summary-label{font-size:.7rem;font-weight:var(--font-weight-extrabold);color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase}.summary-value{font-size:1.5rem;font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.history-feed-list{display:flex;flex-direction:column;gap:.875rem}.activity-modal-card{max-width:620px;width:calc(100% - 2rem);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:0 20px 40px #000c;overflow:hidden}.modal-subtitle{font-size:.8rem;color:var(--color-text-secondary);margin-top:.2rem}.segmented-control{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);padding:.25rem;border-radius:var(--radius-lg)}.segmented-btn{background:transparent;border:none;border-radius:var(--radius-md);padding:.5rem .75rem;font-size:.825rem;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.segmented-btn:hover{color:var(--color-text-primary)}.segmented-btn.active{background-color:var(--color-primary);color:#070d10;font-weight:var(--font-weight-extrabold)}.form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.compact-textarea{resize:vertical;min-height:52px}.btn-submit-activity{background-color:var(--color-primary);color:#070d10;font-weight:var(--font-weight-extrabold);padding:.65rem 1.5rem;border-radius:var(--radius-full)}.statistics-section{padding:2rem 0 4rem}.statistics-header-bar{margin-bottom:1.5rem}.statistics-title{font-size:clamp(1.5rem,2.5vw,2.125rem);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);letter-spacing:-.02em}.statistics-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:.25rem}.statistics-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin-bottom:1.75rem}.statistics-charts-row1{display:grid;grid-template-columns:1.8fr 1fr;gap:1.5rem;margin-bottom:1.75rem}.statistics-charts-row2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.statistics-chart-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.25rem 1.5rem;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:border-color .2s ease,background-color .2s ease,transform .2s ease;min-width:0;width:100%}@media (hover: hover) and (pointer: fine){.statistics-chart-card:hover,.summary-card:hover{border-color:#7ce4244d;background-color:var(--color-surface-hover);transform:translateY(-2px)}}.chart-card-header{margin-bottom:1rem}.chart-card-title{font-size:1.05rem;font-weight:var(--font-weight-extrabold);color:var(--color-text-primary)}.chart-card-subtitle{font-size:.775rem;color:var(--color-text-secondary);margin-top:.15rem}.statistics-chart-wrapper{position:relative;width:100%;height:clamp(240px,35vh,320px);min-width:0;display:flex;align-items:center;justify-content:center}.chart-empty-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#121a1ed9;color:var(--color-text-secondary);font-size:.85rem;font-weight:var(--font-weight-bold);z-index:10;border-radius:var(--radius-lg);padding:1.5rem;text-align:center}.recap-list-container{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.recap-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem .25rem;border-bottom:1px solid var(--color-border);font-size:.875rem}.recap-row:last-child{border-bottom:none}.recap-left{display:flex;align-items:center;gap:.65rem}.recap-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.recap-name{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.recap-right{display:flex;align-items:center;gap:1.25rem}.recap-count{font-size:.825rem;color:var(--color-text-secondary)}.recap-duration{font-size:.9rem;font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);min-width:60px;text-align:right}.target-section{padding:2rem 0 4rem}.target-header-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.target-title{font-size:clamp(1.5rem,2.5vw,2.125rem);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);letter-spacing:-.02em}.target-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:.25rem}.btn-edit-goals-cta{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);padding:.55rem 1.25rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast)}.btn-edit-goals-cta:hover{border-color:var(--border-hover);background-color:var(--color-surface-hover)}.weekly-goals-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:1.75rem 2rem;margin-bottom:2.25rem;box-shadow:var(--shadow-sm)}.weekly-goals-layout{display:grid;grid-template-columns:200px 1fr;gap:2.5rem;align-items:center}.weekly-overall-col{display:flex;flex-direction:column;align-items:center;justify-content:center}.circular-progress-wrapper{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.circular-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--color-bg-secondary);stroke-width:10}.ring-fill{fill:none;stroke:var(--color-primary);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.16,1,.3,1)}.ring-center-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ring-pct-number{font-size:1.75rem;font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);line-height:1}.ring-label-text{font-size:.68rem;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);margin-top:.25rem;letter-spacing:.02em}.weekly-bars-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 2rem}.goal-item-row{display:flex;flex-direction:column;gap:.4rem}.goal-item-header{display:flex;align-items:center;justify-content:space-between;font-size:.85rem}.goal-item-title{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.goal-item-meta{display:flex;align-items:center;gap:.5rem;font-size:.775rem;color:var(--color-text-secondary)}.goal-completed-tag{color:var(--color-primary);font-weight:var(--font-weight-extrabold);font-size:.75rem;background-color:#7ce4241f;padding:.15rem .5rem;border-radius:var(--radius-full)}.goal-progress-track{width:100%;height:8px;background-color:var(--color-bg-secondary);border-radius:var(--radius-full);overflow:hidden}.goal-progress-bar{height:100%;background-color:var(--color-primary);border-radius:var(--radius-full);transition:width .7s cubic-bezier(.16,1,.3,1)}.achievements-toolbar{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.achievements-section-title{font-size:1.35rem;font-weight:var(--font-weight-extrabold);color:var(--color-text-primary)}.achievements-filter-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.achievements-status-pills{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ach-pill{padding:.45rem 1rem;border-radius:var(--radius-full);font-size:.775rem;font-weight:var(--font-weight-bold);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.ach-pill:hover{border-color:var(--border-hover);color:var(--color-text-primary)}.ach-pill.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#070d10;font-weight:var(--font-weight-extrabold)}.ach-select{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--radius-lg);padding:.45rem .875rem;font-size:.825rem}.achievements-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.achievement-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.25rem;display:flex;gap:1rem;align-items:flex-start;transition:transform .2s ease,border-color .2s ease,background-color .2s ease;min-width:0}.achievement-card.locked{opacity:.65}@media (hover: hover) and (pointer: fine){.achievement-card:hover{transform:translateY(-2px);border-color:#7ce4244d;background-color:var(--color-surface-hover);opacity:1}}.ach-icon-box{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}.ach-icon-box.unlocked{background-color:#7ce42426;color:var(--color-primary)}.ach-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}.ach-title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ach-title{font-size:.925rem;font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ach-status-badge{font-size:.65rem;font-weight:var(--font-weight-extrabold);padding:.15rem .5rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.ach-status-badge.unlocked{background-color:#7ce42426;color:var(--color-primary)}.ach-status-badge.in-progress{background-color:#38bdf826;color:#38bdf8}.ach-status-badge.locked{background-color:#ffffff0d;color:var(--color-text-muted)}.ach-description{font-size:.775rem;color:var(--color-text-secondary);line-height:1.4}.ach-progress-block{margin-top:.4rem;display:flex;flex-direction:column;gap:.25rem}.ach-progress-labels{display:flex;justify-content:space-between;font-size:.7rem;font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}.ach-track{width:100%;height:5px;background-color:var(--color-bg-secondary);border-radius:var(--radius-full);overflow:hidden}.ach-bar{height:100%;border-radius:var(--radius-full);background-color:var(--color-text-muted);transition:width .6s ease}.ach-bar.unlocked{background-color:var(--color-primary)}.ach-bar.in_progress{background-color:#38bdf8}.settings-section{padding:1rem 0 4rem;max-width:860px;margin:0 auto;width:100%}.settings-header-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.settings-title{font-size:clamp(1.5rem,2.5vw,2.125rem);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);letter-spacing:-.02em}.settings-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:.25rem}.settings-panel-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:1.75rem 2rem;width:100%;box-shadow:var(--shadow-sm)}.settings-group{display:flex;flex-direction:column;gap:.5rem}.settings-group-title{font-size:1.05rem;font-weight:var(--font-weight-extrabold);color:var(--color-primary);margin-bottom:.5rem;letter-spacing:.01em;text-transform:uppercase}.settings-divider{height:1px;background-color:var(--color-border);margin:1.25rem 0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.9rem .5rem;border-bottom:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md);transition:background-color .18s ease}[data-theme=light] .setting-row{border-bottom-color:#0000000a}.setting-row:last-child{border-bottom:none}@media (hover: hover) and (pointer: fine){.setting-row:hover{background-color:#ffffff05}[data-theme=light] .setting-row:hover{background-color:#00000004}}.setting-row-info{flex:1;min-width:0}.setting-row-title{display:block;font-size:.9rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:.15rem;cursor:pointer}.setting-row-desc{font-size:.775rem;color:var(--color-text-secondary);line-height:1.35}.setting-row-control{flex-shrink:0;display:flex;align-items:center;gap:.75rem}.compact-input{max-width:220px;font-size:.85rem;padding:.45rem .85rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--radius-lg)}.compact-select{font-size:.85rem;padding:.45rem .85rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--radius-lg);cursor:pointer}.settings-segmented{background-color:var(--color-bg-secondary)}.custom-toggle-switch{position:relative;display:inline-block;width:46px;height:24px;flex-shrink:0;cursor:pointer}.custom-toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all .25s cubic-bezier(.4,0,.2,1)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--color-text-secondary);border-radius:50%;transition:transform .25s cubic-bezier(.4,0,.2,1),background-color .25s ease}.custom-toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary);border-color:var(--color-primary)}.custom-toggle-switch input:checked+.toggle-slider:before{transform:translate(21px);background-color:#070d10}.custom-toggle-switch input:focus-visible+.toggle-slider{outline:2px solid var(--color-primary);outline-offset:2px}.danger-zone-row{background-color:#ef44440a;border:1px dashed rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:1rem;margin-top:.5rem}.danger-text{color:var(--color-danger)}.action-btns-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.about-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.about-app-brand{display:flex;align-items:center;gap:1rem}.about-logo-img{width:48px;height:48px}.about-app-title{font-size:1.2rem;font-weight:var(--font-weight-extrabold);color:var(--color-text-primary)}.app-version-badge{font-size:.7rem;font-weight:var(--font-weight-bold);background-color:var(--color-primary-soft);color:var(--color-primary);padding:.15rem .5rem;border-radius:var(--radius-full);margin-left:.35rem}.about-app-tagline{font-size:.8rem;color:var(--color-text-secondary);margin-top:.15rem}.about-tech-notes p{font-size:.8rem;color:var(--color-text-secondary)}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background-color:var(--color-surface);border-top:1px solid var(--color-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:var(--z-sticky);justify-content:space-around;align-items:center;padding:0 .5rem calc(.25rem + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 20px #00000080}.mobile-bottom-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;color:var(--color-text-secondary);text-decoration:none;font-size:.68rem;font-weight:700;padding:.35rem .5rem;border-radius:var(--radius-md);transition:all var(--transition-fast);touch-action:manipulation;flex:1;text-align:center;min-height:44px}.mobile-bottom-item svg{width:20px;height:20px}.mobile-bottom-item:hover,.mobile-bottom-item.active{color:var(--color-primary)}.mobile-bottom-item.active svg{stroke:var(--color-primary)}.mobile-bottom-fab{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background-color:var(--color-primary);color:#070d10;border:none;box-shadow:0 4px 16px #7ce42466;margin-top:-18px;cursor:pointer;touch-action:manipulation;flex-shrink:0}.mobile-bottom-fab:active{transform:scale(.95)}@media (max-width: 1023px){.dashboard-app-layout{grid-template-columns:1fr}.dashboard-sidebar{display:none!important}.app-top-header,.mobile-bottom-nav{display:flex}.dashboard-viewport{padding:1.5rem 1.25rem 5.5rem}.summary-metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-middle-grid,.dashboard-bottom-grid{grid-template-columns:1fr}.stats-8-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr!important}.statistics-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.statistics-charts-row1,.statistics-charts-row2{grid-template-columns:1fr}.weekly-goals-layout{grid-template-columns:1fr;gap:1.5rem;justify-items:center}.achievements-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){.dashboard-app-body{padding-bottom:74px;overflow-x:hidden}.target-header-bar{flex-direction:column;align-items:flex-start}.btn-edit-goals-cta{width:100%;text-align:center;justify-content:center}.weekly-goals-card{padding:1.25rem 1rem}.weekly-goals-layout{grid-template-columns:1fr;gap:1.25rem;justify-items:center}.weekly-bars-grid{grid-template-columns:1fr;width:100%}.achievements-filter-row{flex-direction:column;align-items:stretch}.achievements-grid{grid-template-columns:1fr}.dashboard-header-bar{flex-direction:column;align-items:flex-start}.btn-header-cta{width:100%;text-align:center;justify-content:center}.summary-metrics-grid{grid-template-columns:1fr}.activity-row{flex-direction:column;align-items:flex-start;gap:.75rem}.activity-row-metrics{width:100%;justify-content:space-between}.activity-row-stat{text-align:left}.activity-row-actions{margin-left:auto}.history-control-bar{grid-template-columns:1fr}.history-header-bar{flex-direction:column;align-items:flex-start}.activity-summary-grid,.segmented-control{grid-template-columns:repeat(2,1fr)}.form-row-2col{grid-template-columns:1fr}.statistics-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.statistics-charts-row1,.statistics-charts-row2{grid-template-columns:1fr}.statistics-chart-wrapper{height:250px}.setting-row{flex-direction:column;align-items:flex-start;gap:.75rem}.setting-row-control{width:100%;justify-content:flex-end}.compact-input{max-width:100%;width:100%}.compact-select{width:100%}.landing-hero-section{padding:3rem 0 2.5rem}.landing-hero-cta{flex-direction:column;width:100%}.landing-hero-cta .btn{width:100%}.hero-quick-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;padding:1.25rem}.stat-quick-divider{display:none}.category-strip-grid,.athletic-features-grid{grid-template-columns:1fr;gap:1rem}.footer-landing-content{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.footer-landing-copy{text-align:center}.activity-card{flex-direction:column;align-items:flex-start;gap:1rem}.activity-stats-row{width:100%;justify-content:space-between}.activity-actions{margin-left:0}.modal-container{max-height:85vh}.modal-body{max-height:calc(85vh - 120px)}}