@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-bg: #F8F9FA;--color-surface: #FFFFFF;--color-surface-2: #F1F3F5;--color-primary: #2563EB;--color-primary-light:#DBEAFE;--color-primary-dark: #1D4ED8;--color-secondary: #10B981;--color-secondary-light:#ECFDF5;--color-secondary-dark: #059669;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--color-text: #111827;--color-text-muted: #6B7280;--color-text-subtle: #9CA3AF;--color-text-inverse: #FFFFFF;--color-border: #E5E7EB;--color-border-strong:#D1D5DB;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "ui-monospace", "SFMono-Regular", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold:800;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed:1.65;--tracking-tight: -.02em;--tracking-normal: 0em;--tracking-wide: .04em;--tracking-widest: .08em;--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;--page-padding-x: var(--space-4);--page-padding-y: var(--space-6);--content-max-width: 640px;--bottom-nav-height: 64px;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: .875rem;--radius-xl: 1.25rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 48px rgba(0, 0, 0, .12);--shadow-primary: 0 4px 14px rgba(37, 99, 235, .3);--shadow-success: 0 4px 14px rgba(16, 185, 129, .3);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .35s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-raised: 10;--z-dropdown:100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}@media(min-width:640px){:root{--page-padding-x: var(--space-8);--page-padding-y: var(--space-8);--text-xl: 1.75rem;--text-2xl: 2.25rem;--text-3xl: 3rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:var(--bottom-nav-height)}img,video{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}a{color:var(--color-primary);text-decoration:none}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.label-caps{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted)}.header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--page-padding-x);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky)}.header__logo{display:flex;align-items:center;height:36px}.header__logo-img{height:36px;width:auto;display:block;object-fit:contain}.header__hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:var(--space-2);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);-webkit-tap-highlight-color:transparent}.header__hamburger:hover{background:var(--color-surface-2)}.header__bar{display:block;width:100%;height:2px;background:var(--color-text);border-radius:2px;transition:transform var(--duration-base) var(--ease-default),opacity var(--duration-base) var(--ease-default)}@media(min-width:1024px){.header{display:none}}.side-nav{display:none}@media(min-width:1024px){.side-nav{display:flex;flex-direction:column;width:240px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-6) var(--space-4);position:fixed;top:0;left:0;bottom:0;z-index:var(--z-sticky)}.side-nav__logo{display:flex;align-items:center;height:40px;padding:0 var(--space-2);margin-bottom:var(--space-8)}.side-nav__logo-img{height:40px;width:auto;object-fit:contain}.side-nav__section-label{display:block;padding:0 var(--space-2);margin-bottom:var(--space-2)}.side-nav__items{display:flex;flex-direction:column;gap:var(--space-1);list-style:none}.side-nav__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default);-webkit-user-select:none;user-select:none}.side-nav__item:hover{background:var(--color-surface-2);color:var(--color-text)}.side-nav__item.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-semibold)}.side-nav__icon{font-size:1.1rem;width:20px;text-align:center;align-items:center;justify-content:center;line-height:.5;flex-shrink:0}.side-nav__footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border)}}.side-nav__logout{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);margin-top:var(--space-1);border:none;border-radius:var(--radius-md);background:none;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-error);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);text-align:left}.side-nav__logout:hover{background:#fef2f2}.drawer__section-label{display:block;padding:0 var(--space-2);margin-bottom:var(--space-2)}.drawer__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.drawer__icon{font-size:1.2rem;width:24px;text-align:center;flex-shrink:0;line-height:.5}@media(min-width:1024px){.drawer,.drawer-backdrop{display:none!important}}.icon--green{color:var(--color-secondary)!important}.drawer__logout{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);margin-top:var(--space-1);border:none;border-radius:var(--radius-md);background:none;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-error);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);text-align:left;-webkit-tap-highlight-color:transparent}.drawer__logout:hover{background:#fef2f2}.mobile-header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--page-padding-x);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky)}.mobile-header__logo{display:flex;align-items:center;height:36px}.mobile-header__logo-img{height:36px;width:auto;display:block;object-fit:contain}.mobile-header__logo-fallback{display:none;font-size:var(--text-md);font-weight:var(--font-extrabold);color:var(--color-primary);letter-spacing:var(--tracking-tight)}.hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:var(--space-2);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);-webkit-tap-highlight-color:transparent}.hamburger:hover{background:var(--color-surface-2)}.hamburger__bar{display:block;width:100%;height:2px;background:var(--color-text);border-radius:2px;transition:transform var(--duration-base) var(--ease-default),opacity var(--duration-base) var(--ease-default)}.drawer-backdrop{display:none;position:fixed;inset:0;background:#0006;z-index:var(--z-overlay);opacity:0;transition:opacity var(--duration-base) var(--ease-default)}.drawer-backdrop.is-open{display:block;opacity:1}.drawer{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-6) var(--space-4);z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--duration-slow) var(--ease-out);box-shadow:var(--shadow-xl)}.drawer.is-open{transform:translate(0)}.drawer__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.drawer__logo-img{height:36px;width:auto;object-fit:contain}.drawer__logo-fallback{display:none;font-size:var(--text-md);font-weight:var(--font-extrabold);color:var(--color-primary);letter-spacing:var(--tracking-tight)}.drawer__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-2);border:none;border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default);-webkit-tap-highlight-color:transparent}.drawer__close:hover{background:var(--color-border);color:var(--color-text)}.drawer__section-label{padding:0 var(--space-2);margin-bottom:var(--space-2);display:block}.drawer__items{display:flex;flex-direction:column;gap:var(--space-1);list-style:none}.drawer__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default);-webkit-tap-highlight-color:transparent}.drawer__item:hover{background:var(--color-surface-2);color:var(--color-text)}.drawer__item.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-semibold)}.drawer__icon{font-size:1.2rem;width:24px;text-align:center;flex-shrink:0}.drawer__footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.dashboard{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--page-padding-x) var(--page-padding-y)}.quote-banner{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--page-padding-x);margin:0 calc(-1 * var(--page-padding-x));background:var(--color-primary-light);border-bottom:1px solid var(--color-border);overflow:hidden}.quote-banner__mark{font-size:2rem;font-weight:var(--font-extrabold);color:var(--color-primary);line-height:1;opacity:.4;flex-shrink:0;margin-top:-4px}.quote-banner__text{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary-dark);line-height:var(--leading-snug);flex:1}.quote-banner__author{font-size:var(--text-xs);font-weight:var(--font-regular);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.dashboard__header{display:flex;align-items:flex-start;justify-content:space-between;padding-top:var(--space-6);padding-bottom:var(--space-4)}.dashboard__greeting{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-regular);margin-bottom:var(--space-1)}.dashboard__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.stats{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.stats__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-5);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:box-shadow var(--duration-base) var(--ease-default),transform var(--duration-base) var(--ease-default)}.stat-card:active{transform:scale(.985)}.stat-card--hero{background:var(--color-primary);border-color:var(--color-primary-dark);box-shadow:var(--shadow-primary);padding:var(--space-4);min-height:180px;max-height:423px;display:flex;flex-direction:column;justify-content:center}.stat-card--hero .stat-card__value{margin:var(--space-2) 0}.stat-card.stat-card--hero .stat-card__label{color:#ffffffa6}.stat-card.stat-card--hero .stat-card__value{color:var(--color-text-inverse)}.stat-card.stat-card--hero .stat-card__sub{color:#ffffff8c}.stat-card__accent{position:absolute;width:120px;height:120px;border-radius:50%;background:#ffffff12;bottom:-30px;right:-20px;pointer-events:none}.stat-card__accent:before{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:#ffffff0d;top:-40px;left:-40px}.stat-card--secondary{padding:var(--space-4)}.stat-card--green{border-top:3px solid #008d97}.stat-card--green .stat-card__value--exercise{color:#008d97}.stat-card--cta{border:2px dashed var(--color-border-strong);background:var(--color-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;gap:var(--space-1);transition:border-color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default),transform var(--duration-base) var(--ease-default)}.stat-card--cta:hover{border-color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-2px)}.stat-card--cta:active{transform:scale(.97)}.stat-card__cta-icon{width:28px;height:28px;color:#008d97;flex-shrink:0}.stat-card__cta-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);line-height:var(--leading-tight)}.stat-card--chart{padding:var(--space-4) var(--space-3) var(--space-3)}. .stat-card__label{display:block;margin-bottom:var(--space-2);color:var(--color-text-muted)}.stat-card__value{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--color-text);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.stat-card__value--md{font-size:var(--text-xl)}.stat-card__value--exercise{font-size:var(--text-md);font-weight:var(--font-bold);line-height:var(--leading-snug);color:var(--color-text);margin-top:var(--space-1)}.stat-card__unit{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);margin-left:var(--space-1)}.stat-card__sub{font-size:var(--text-xs);color:var(--color-text-subtle);margin-top:var(--space-1);font-weight:var(--font-regular)}.shrink{max-width:100px;height:20}.chart-section{margin-bottom:var(--space-8)}.chart-section__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-3)}.chart-section__title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text);letter-spacing:var(--tracking-tight)}.chart-section__sub{color:var(--color-text-subtle)}.chart{width:100%}.chart__bars{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-2);height:120px;padding-bottom:var(--space-6);position:relative}.chart__bars:before{content:"";position:absolute;inset:0 0 var(--space-6) 0;background-image:repeating-linear-gradient(to bottom,var(--color-border) 0px,var(--color-border) 1px,transparent 1px,transparent 33.33%);pointer-events:none;opacity:.5}.chart__col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.chart__bar-wrap{width:100%;flex:1;display:flex;align-items:flex-end;padding:0 2px}.chart__bar{width:100%;background:var(--color-primary);border-radius:var(--radius-sm) var(--radius-sm) 2px 2px;min-height:4px;transform-origin:bottom;animation:barGrow var(--duration-slow) var(--ease-spring) both}.chart__bar[data-empty=true]{background:var(--color-border);min-height:4px;height:4px!important;border-radius:var(--radius-sm)}.chart__label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-subtle);margin-top:var(--space-2);text-align:center}@keyframes barGrow{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.stat-card{animation:fadeSlideUp var(--duration-slow) var(--ease-out) both}.stat-card--hero{animation-delay:80ms}.stats__grid .stat-card:nth-child(1){animation-delay:.16s}.stats__grid .stat-card:nth-child(2){animation-delay:.22s}.stat-card--chart{animation-delay:.3s}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.top-bar{display:none}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--color-text-muted)}.dashboard-week__action{display:flex;align-items:center}.dashboard-week__action .modal-btn{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border);box-shadow:none;transition:all var(--duration-fast) var(--ease-default)}.dashboard-week__action .modal-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);transform:translateY(-1px)}.dashboard-week__action .modal-btn:active{transform:scale(.97)}.generate-btn{font-size:var(--text-xs);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border);box-shadow:none;font-weight:var(--font-normal);transition:all var(--duration-fast) var(--ease-default)}.generate-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);transform:translateY(-1px)}.generate-btn:active{transform:scale(.97)}.stat-card--strength{border-left:4px solid var(--color-primary)}.stat-card--cardio{border-left:4px solid #008d97}.stat-card--streak{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding-left:var(--space-12);padding-right:var(--space-12)}.stat-card--streak .stat-card__value{font-size:2rem}@media(min-width:640px){.dashboard-week{align-items:center}.dashboard-week__action{margin-left:auto}}@media(max-width:639px){.dashboard-week{flex-direction:column;align-items:stretch;gap:var(--space-3)}.dashboard-week__action{width:100%;margin-top:var(--space-3);margin-bottom:var(--space-4)}.dashboard-week__action .generate-btn{width:100%}.dashboard-week__action .modal-btn{width:100%;justify-content:center}.dashboard-week__action .modal-btn:before{content:"✨ "}}@media(min-width:640px){.stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.stat-card--hero{grid-column:1 / -1}.stats__grid{display:contents}.chart__bars{height:160px}}@media(min-width:1024px){body{padding-bottom:0}.app-shell{display:flex;min-height:100vh}.mobile-header,.drawer,.drawer-backdrop{display:none!important}.dashboard__greeting{font-size:var(--text-lg);color:var(--color-text-muted);font-weight:var(--font-regular);margin-bottom:var(--space-1)}.dashboard-week{margin-bottom:var(--space-6);display:flex;flex-direction:row;gap:var(--space-10);background:var(--color-primary-light);padding:var(--space-2);border-radius:var(--radius-md)}.primary-btn{background:var(--color-primary);color:#fff;border:none;padding:var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-semibold);box-shadow:var(--shadow-primary)}.dashboard-week__label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted);margin-bottom:var(--space-1)}.dashboard-week__stats{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--text-base);color:var(--color-text)}.dashboard-week__stats strong{font-weight:var(--font-semibold)}.side-nav{width:240px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-6) var(--space-4);position:fixed;top:0;left:0;bottom:0;z-index:var(--z-sticky)}.side-nav__logo{font-size:var(--text-lg);font-weight:var(--font-extrabold);color:var(--color-primary);letter-spacing:var(--tracking-tight);padding:0 var(--space-2);margin-bottom:var(--space-8)}.side-nav__logo span{color:var(--color-text)}.side-nav__section-label{padding:0 var(--space-2);margin-bottom:var(--space-2);margin-top:var(--space-6)}.side-nav__section-label:first-of-type{margin-top:0}.side-nav__items{display:flex;flex-direction:column;gap:var(--space-1);list-style:none}.side-nav__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default);-webkit-user-select:none;user-select:none}.side-nav__item:hover{background:var(--color-surface-2);color:var(--color-text)}.side-nav__item.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-semibold)}.side-nav__icon{font-size:1.1rem;width:20px;text-align:center;flex-shrink:0}.side-nav__footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.main-content{margin-left:240px;flex:1;min-width:0;display:flex;flex-direction:column}.top-bar{height:auto;min-height:72px;border-bottom:1px solid rgba(37,99,235,.15);background:linear-gradient(135deg,#2563eb,#1d4ed8 40%,#1e6fa8,#0e9e8a);display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-8);position:sticky;top:0;z-index:var(--z-raised)}.top-bar__left{display:flex;flex-direction:column;gap:2px}.top-bar__greeting{font-size:var(--text-xs);color:#ffffffb3;font-weight:var(--font-regular);letter-spacing:var(--tracking-wide);text-transform:uppercase}.top-bar__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.top-bar__quote{font-size:var(--text-sm);color:#ffffffbf;font-style:italic;max-width:400px;text-align:right;line-height:var(--leading-snug);border-left:2px solid rgba(255,255,255,.4);padding-left:var(--space-4)}.dashboard{max-width:none;padding:var(--space-8)}.dashboard__header,.quote-banner{display:none}.bento{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto;gap:var(--space-4)}.bento__hero{grid-column:1 / 4;grid-row:1 / 3}.bento__volume{grid-column:4 / 7;grid-row:1 / 2}.bento__exercise{grid-column:7 / 10;grid-row:1 / 2}.bento__extra{grid-column:10 / 13;grid-row:1 / 2}.bento__chart{grid-column:4 / 13;grid-row:2 / 3}.stats,.stats__grid{display:contents}.chart-section{display:flex;flex-direction:column;gap:var(--space-3)}.chart-section__header{display:flex;align-items:baseline;justify-content:space-between;padding:0 var(--space-1)}.chart-section__title{font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--color-text)}.chart-section__sub{color:var(--color-text-subtle)}.stat-card--chart{flex:1;padding:var(--space-5) var(--space-6)}.chart__bars{height:180px}.stat-card--hero{display:flex;flex-direction:column;justify-content:flex-end;min-height:240px}.stat-card--hero .stat-card__value{font-size:clamp(var(--text-3xl),4vw,4rem)}.stat-card__accent{width:180px;height:180px;bottom:-50px;right:-40px}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card--hero:hover{box-shadow:var(--shadow-primary),var(--shadow-lg)}}.generate-btn{background:var(--color-surface)!important;color:var(--color-primary)!important;border:1px solid var(--color-border)!important;box-shadow:none!important;padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.generate-btn:hover{background:var(--color-primary-light)!important;border-color:var(--color-primary)!important}.dashboard-week{margin-bottom:var(--space-6)}@media(max-width:639px){.dashboard-week{flex-direction:column;gap:var(--space-3)}.dashboard-week__action{width:100%;margin-top:var(--space-3)}.generate-btn{width:100%;font-size:var(--text-xs)}}.dashboard-header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.dashboard-header-text h1{font-size:1.75rem;font-weight:700;color:var(--color-text)}.dashboard-header-text p{font-size:var(--text-sm);color:var(--color-text-muted);max-width:520px}.dashboard-header-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.primary-btn{background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600;text-decoration:none}.secondary-btn{border:1px solid var(--color-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text)}.secondary-btn:hover{background:var(--color-surface-2)}.modal-backdrop{position:fixed;inset:0;background:#11182773;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:100%;max-width:420px;background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:var(--space-5);animation:modalSlideUp var(--duration-slow) var(--ease-out)}.modal h2{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text);letter-spacing:var(--tracking-tight)}.prefill-banner{background:var(--color-primary-light);color:var(--color-primary-dark);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium)}.modal-btn{width:100%;border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.modal-btn.primary-btn{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-primary)}.modal-btn.primary-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.modal-btn.primary-btn:active{transform:scale(.97)}.modal-btn.secondary-btn{background:var(--color-surface-2);color:var(--color-text)}.modal-btn.secondary-btn:hover{background:var(--color-border)}.modal-btn.ghost-btn{background:transparent;color:var(--color-text-muted);font-size:var(--text-sm)}.modal-btn.ghost-btn:hover{color:var(--color-text)}.modal button{margin-top:var(--space-2)}.result-item{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text)}.result-item:last-child{border-bottom:none}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.log-workout{padding:var(--page-padding-y) var(--page-padding-x);max-width:var(--content-max-width);margin:0 auto}.page-title{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-6)}.card{background:var(--color-surface);width:100%;padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.card>*{width:100%}input,textarea{padding:var(--space-3);width:100%;box-sizing:border-box;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-2)}.set-row{display:flex;gap:var(--space-3)}.primary-btn{background:var(--color-primary);color:#fff;border:none;padding:var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-semibold);box-shadow:var(--shadow-primary);margin-top:var(--space-4)}.secondary-btn{background:var(--color-primary-light);border:none;padding:var(--space-3);border-radius:var(--radius-md)}.form-actions{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6)}.autocomplete{position:relative}.autocomplete-list{position:absolute;top:100%;left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:var(--z-dropdown)}.autocomplete-item{padding:var(--space-3);cursor:pointer}.autocomplete-item:hover{background:var(--color-primary-light)}.button-row{display:flex;gap:12px;margin-top:20px}.button-row button{flex:1}.exercise-type{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.exercise-type label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);cursor:pointer}.exercise-type input[type=radio]{appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-surface);display:inline-block;position:relative;transition:all var(--duration-fast) var(--ease-default)}.exercise-type input[type=radio]:checked{border-color:var(--color-primary);background:var(--color-primary)}.exercise-type input[type=radio]:checked:after{content:"";position:absolute;inset:4px;background:#fff;border-radius:50%}.exercise-type input[type=radio]:hover{border-color:var(--color-primary)}.exercise-row{display:flex;gap:var(--space-3);flex-direction:column}.exercise-row .autocomplete{width:100%}.exercise-type{display:flex;gap:var(--space-2)}.cardio-hint{font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-surface-2);padding:var(--space-2);border-radius:var(--radius-md)}@media(min-width:640px){.form-actions{flex-direction:row;justify-content:space-between}.primary-btn{margin-top:0}.exercise-row{flex-direction:row;align-items:center}.exercise-row .autocomplete{flex:1}.exercise-type{flex-shrink:0}}.workouts{max-width:760px;margin:0 auto;padding:0 var(--page-padding-x) var(--page-padding-y)}.page-title{font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-4)}.workout-list{display:grid;grid-template-columns:1fr;gap:var(--space-3);align-items:start}.workout-card{width:100%;align-self:start;background:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-lg);transition:box-shadow var(--duration-base) var(--ease-default),}.workout-card:has(.workout-details){border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.workout-summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.workout-summary__left{display:flex;flex-direction:column;gap:var(--space-1)}.workout-summary__title{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--color-text);letter-spacing:var(--tracking-tight)}.workout-summary__meta{font-size:var(--text-sm);color:var(--color-text-muted);display:flex;gap:var(--space-3)}.workout-expand-icon{width:20px;height:20px;color:var(--color-text-muted);flex-shrink:0;transition:transform var(--duration-base) var(--ease-default),color var(--duration-base) var(--ease-default)}.workout-expand-icon.is-open{transform:rotate(180deg);color:var(--color-primary)}.workout-details{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--space-4)}.workout-notes-block{display:flex;flex-direction:column;gap:var(--space-1)}.details-label{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-subtle)}.workout-notes{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.exercise-block{display:flex;flex-direction:column;gap:var(--space-2)}.exercise-name-small{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.exercise-meta{display:flex;gap:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted)}.exercise-meta div{display:flex;flex-direction:column;gap:2px}.workout-search{width:100%;height:40px;display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}@media(min-width:768px){.workout-list{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.workout-list{grid-template-columns:repeat(3,1fr)}}.exercises-page{padding:var(--page-padding-y) var(--page-padding-x);width:100%;max-width:none;margin:0 auto}.exercises-layout{display:flex;flex-direction:column;gap:var(--space-6);grid-template-columns:240px 1fr;width:100%}@media(min-width:640px){.exercises-layout{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:var(--space-2);align-items:start;padding:4px;max-height:100px}}.exercise-list{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-4)}.exercise-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);cursor:pointer;transition:background var(--duration-base) var(--ease-default),color var(--duration-base) var(--ease-default)}.exercise-item:hover{background:var(--color-surface-2)}.exercise-item.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-semibold)}.exercise-panel{background:var(--color-surface);width:100%;min-width:0;border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-4);box-shadow:var(--shadow-sm)}.exercise-section{margin-bottom:var(--space-10)}.exercise-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-3);margin-bottom:var(--space-10)}.exercise-analytics .stat-card{background:var(--color-surface-2);border-radius:var(--radius-lg);padding:var(--space-3);border:1px solid var(--color-border);display:flex;flex-direction:column;justify-content:center;min-height:110px;transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.exercise-analytics .stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--color-primary-light)}.exercise-analytics .stat-label{font-size:.7rem;font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-2)}.exercise-analytics .stat-value{font-size:1.9rem;font-weight:700;line-height:1;color:var(--color-text)}.exercise-analytics .stat-value.tabular-nums{font-variant-numeric:tabular-nums}.exercise-chart{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-6);margin-bottom:var(--space-8)}.exercise-chart h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.exercise-header{margin-bottom:var(--space-8)}.exercise-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-1)}.exercise-meta{font-size:var(--text-sm);color:var(--color-text-muted)}.exercise-empty{padding:var(--space-8);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.exercise-history{display:flex;flex-direction:column;gap:var(--space-3)}.history-item{background:var(--color-surface-2);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.progress{padding:0 var(--page-padding-x) var(--page-padding-y)}.progress-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.chart-card{display:flex;flex-direction:column;background:var(--color-surface);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;min-height:42px}.chart-title{font-size:var(--text-md);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.chart-controls{display:flex;align-items:center}.chart-select{margin-bottom:var(--space-4);padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-sm)}@media(min-width:1024px){.progress-grid{grid-template-columns:repeat(2,1fr)}}.settings-page{max-width:var(--content-max-width);margin:0 auto;padding:var(--page-padding-y) var(--page-padding-x)}.settings-page h1{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-6)}.settings-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.settings-card label{display:block;font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.settings-card input{width:100%;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-2);font-size:var(--text-base)}.settings-card input:disabled{color:var(--color-text-subtle)}.theme-toggle{width:100%;padding:var(--space-3);border-radius:var(--radius-md);border:none;background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:var(--font-medium)}.save-btn{width:100%;margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);border:none;background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-semibold);box-shadow:var(--shadow-primary)}.settings-message{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-success)}[data-theme=dark]{--color-bg: #111827;--color-surface: #1F2933;--color-surface-2: #374151;--color-text: #F9FAFB;--color-text-muted: #9CA3AF;--color-text-subtle: #6B7280;--color-border: #374151;--color-border-strong: #4B5563}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--page-padding-x);background:linear-gradient(135deg,#2563eb,#1d4ed8 40%,#1e6fa8,#0e9e8a);position:relative;overflow:hidden}.login-page__circle{position:absolute;border-radius:50%;pointer-events:none;opacity:.08;background:#fff}.login-page__circle--1{width:500px;height:500px;top:-180px;right:-120px}.login-page__circle--2{width:300px;height:300px;bottom:-80px;left:-80px}.login-page__circle--3{width:180px;height:180px;bottom:120px;right:10%;opacity:.05}.login-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:420px;box-shadow:var(--shadow-xl);position:relative;z-index:1;animation:fadeSlideUp var(--duration-slow) var(--ease-out) both}.login-card__logo{display:flex;justify-content:center;margin-bottom:var(--space-6)}.login-card__logo-img{height:44px;width:auto;object-fit:contain}.login-card__header{margin-bottom:var(--space-6)}.login-card__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:var(--space-1)}.login-card__subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.login-card__message{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-4);line-height:var(--leading-snug);animation:fadeSlideUp var(--duration-base) var(--ease-out) both}.login-card__message--success{background:var(--color-secondary-light);color:var(--color-secondary-dark);border:1px solid #A7F3D0}.login-card__message--error{background:#fef2f2;color:var(--color-error);border:1px solid #FECACA}.login-card__form{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5)}.login-card__demo{background:none;border:none;text-decoration:underline;font-weight:var(--font-semibold);font-size:var(--text-md)}.demo-banner{display:flex;justify-content:space-between;gap:var(--space-3);background:#008d97;color:var(--color-primary-light);border-bottom:2px groove blue;padding:var(--space-3) var(--space-4);font-size:var(--text-md);font-weight:var(--font-semibold)}.exit-demo-btn{background:none;border:none;color:var(--color-primary-light);font-weight:var(--font-normal);font-size:var(--text-sm);text-decoration:underline;cursor:pointer}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-field__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.form-field__input{height:44px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);outline:none;width:100%}.form-field__input::placeholder{color:var(--color-text-subtle)}.form-field__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.form-field__input:disabled{opacity:.6;cursor:not-allowed}.login-card__submit{width:100%;height:48px;background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;box-shadow:var(--shadow-primary);transition:background var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default);margin-top:var(--space-2)}.login-card__submit:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 6px 20px #2563eb66;transform:translateY(-1px)}.login-card__submit:active:not(:disabled){transform:scale(.98)}.login-card__submit:disabled{opacity:.65;cursor:not-allowed}.login-card__toggle{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.login-card__toggle-btn{background:none;border:none;color:var(--color-primary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;padding:0;transition:color var(--duration-fast) var(--ease-default)}.login-card__toggle-btn:hover{color:var(--color-primary-dark);text-decoration:underline}.login-card__toggle-btn:disabled{opacity:.5;cursor:not-allowed}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--color-text-muted);font-family:var(--font-sans)}