:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-accent:#d4a537;--color-accent-hover:#e3b84f;--color-accent-soft:#d4a5371f;--color-accent-glow:#d4a53740;--color-accent-line:#d4a53773;--color-on-accent:#15151a;--color-text:#f0f0f0;--color-text-muted:#a0a0a8;--color-bg:#121216;--color-nav:#0c0c0f;--color-card:#1c1c22;--color-card-raised:#24242b;--color-border:#ffffff14;--color-border-control:#ffffff3d;--color-border-hover:#fff6;--color-success:#6aa57d;--color-error:#e07a7a;--color-error-soft:#e07a7a1a;--color-focus:#d4a537;--gradient-accent:linear-gradient(135deg, #e0b445 0%, #d4a537 55%, #c0922a 100%);--gradient-hero:linear-gradient(135deg, #1a1915 0%, #141418 60%, #121216 100%);--hero-glow:#d4a53729;--hero-stripe:#ffffff06;--hero-text-shadow:0 2px 18px #d4a5374d;--shadow-card:0 1px 2px #0000004d, 0 4px 12px #00000040;--shadow-card-hover:0 6px 12px #00000059, 0 16px 32px #0006;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-heading:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--font-size-2xl:1.875rem;--font-size-hero:clamp(1.75rem, 6vw, 3.5rem);--line-height:1.5;--tracking-wide:.14em;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--gutter:var(--space-lg);--card-padding:var(--space-lg);--nav-height:4rem;--radius-control:8px;--radius-card:12px;--radius-hero:24px;--radius-pill:999px;--ease:cubic-bezier(.2, 0, 0, 1);--duration-fast:.15s;--duration-base:.2s;--duration-reveal:.6s;--transition-reveal:opacity var(--duration-reveal) var(--ease), translate var(--duration-reveal) var(--ease)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-accent:#8a6a12;--color-accent-hover:#745810;--color-accent-soft:#8a6a121a;--color-accent-glow:#8a6a1233;--color-accent-line:#8a6a1266;--color-on-accent:#fff;--color-text:#15151a;--color-text-muted:#5a5a63;--color-bg:#fff;--color-nav:#fff;--color-card:#fff;--color-card-raised:#f8f7f4;--color-border:#0000001a;--color-border-control:#00000047;--color-border-hover:#00000073;--color-success:#2e6b42;--color-error:#b3261e;--color-error-soft:#b3261e14;--color-focus:#8a6a12;--gradient-accent:linear-gradient(135deg, #8a6a12 0%, #7d600f 55%, #6f550e 100%);--gradient-hero:linear-gradient(135deg, #fffdf7 0%, #faf6ec 100%);--hero-glow:#8a6a1214;--hero-stripe:#00000006;--hero-text-shadow:0 1px 10px #8a6a1226;--shadow-card:0 1px 2px #0000000f, 0 4px 12px #0000000f;--shadow-card-hover:0 6px 12px #00000014, 0 16px 32px #0000001a}*,:before,:after{box-sizing:border-box;margin:0}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-heading);font-weight:700;line-height:1.25}button,input,select{font:inherit;color:inherit}::placeholder{color:var(--color-text-muted);opacity:1}button{cursor:pointer;font-family:var(--font-heading);font-weight:600}button:disabled{cursor:not-allowed}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@media (width<=480px){:root{--gutter:var(--space-md);--card-padding:var(--space-md)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes grow-up{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes slide-fade-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.reveal{opacity:0;transition:var(--transition-reveal);translate:0 24px}.reveal.is-visible{opacity:1;translate:none}.container{width:100%;max-width:1200px;padding-inline:var(--gutter);margin-inline:auto}.app-layout{gap:var(--space-xl);padding-block:var(--space-xl);grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start;display:grid}.exercise-library{gap:var(--space-md);flex-direction:column;min-width:0;display:flex}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--card-padding)}.stack{gap:var(--space-md);flex-direction:column;min-width:0;display:flex}.plain-list{padding:0;list-style:none}.brand,.eyebrow,.theme-toggle,.plan-panel-label,.field-label,.stat-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.eyebrow,.theme-toggle,.plan-panel-label,.field-label,.stat-label{font-size:var(--font-size-xs);font-weight:600}.plan-panel-label,.field-label,.stat-label,.list-row-meta{color:var(--color-text-muted)}.section-heading{align-items:center;gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-accent-line);font-size:var(--font-size-xl);text-transform:uppercase;letter-spacing:.04em;overflow-wrap:anywhere;display:flex}.section-heading:before{content:"";border-radius:var(--radius-pill);background:var(--color-accent);flex-shrink:0;width:4px;height:1.1em}.subheading{font-size:var(--font-size-base);text-transform:uppercase;letter-spacing:.04em}.site-nav{z-index:10;background:var(--color-nav);border-bottom:2px solid var(--color-accent);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:var(--space-sm) var(--space-md);min-height:var(--nav-height);padding-block:var(--space-sm);flex-wrap:wrap;display:flex}.brand{font-size:var(--font-size-lg);font-weight:800;line-height:1.2}.hero{margin-top:var(--space-xl);padding:var(--space-2xl) var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-hero);background:radial-gradient(circle at 85% 15%, var(--hero-glow), transparent 55%), repeating-linear-gradient(135deg, var(--hero-stripe) 0 2px, transparent 2px 14px), var(--gradient-hero);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.hero-content{gap:var(--space-md);flex-direction:column;max-width:38rem;display:flex}.eyebrow{color:var(--color-accent)}.eyebrow:after{content:"";width:40px;height:2px;margin-top:var(--space-sm);background:var(--color-accent);display:block}.hero-title{font-size:var(--font-size-hero);font-weight:800;line-height:1.1}.plan-name-input{width:calc(100% + 2 * var(--space-sm));min-width:0;margin-left:calc(-1 * var(--space-sm));padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-control);color:var(--color-accent);font-family:var(--font-heading);font-weight:inherit;letter-spacing:.02em;text-transform:uppercase;text-overflow:ellipsis;text-shadow:var(--hero-text-shadow);transition:border-color var(--duration-base) var(--ease);background:0 0;border:1px solid #0000;display:block}.hero-text{color:var(--color-text-muted)}.pill-group{gap:var(--space-sm);flex-wrap:wrap;display:flex}.view-tabs{margin-top:var(--space-xl)}.pill-group button,.theme-toggle{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border-control);border-radius:var(--radius-pill);background-color:var(--color-card);color:var(--color-text);font-size:var(--font-size-sm)}.theme-toggle{font-size:var(--font-size-xs);white-space:nowrap;flex-shrink:0}.pill-group button:hover,.theme-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.pill-group button[aria-pressed=true]{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent);box-shadow:0 2px 10px var(--color-accent-glow)}.pill-group button[aria-pressed=true]:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.pill-group button,.theme-toggle,.add-button,.form-submit,.remove-button{transition:background-color var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease), filter var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease)}.pill-group button:hover,.theme-toggle:hover,.add-button:hover:not(:disabled),.form-submit:hover,.remove-button:hover{transform:scale(1.03)}.pill-group button:active,.theme-toggle:active,.add-button:active:not(:disabled),.form-submit:active,.remove-button:active{transform:scale(.97)}.input,.form-grid input,.form-grid select{width:100%;padding:.625rem var(--space-md);border:1px solid var(--color-border-control);border-radius:var(--radius-control);background:var(--color-card);color:var(--color-text);transition:border-color var(--duration-base) var(--ease)}.search-input{box-shadow:var(--shadow-card)}.plan-name-input:hover,.input:hover,.form-grid input:hover,.form-grid select:hover{border-color:var(--color-border-hover)}.plan-name-input:focus-visible,.input:focus-visible,.form-grid input:focus-visible,.form-grid select:focus-visible{border-color:var(--color-accent)}.form-grid{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.field{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.add-exercise-form{margin-bottom:var(--space-sm)}.form-description,.form-error,.form-submit{grid-column:1/-1}.form-error{padding:var(--space-sm) var(--space-md);border-left:4px solid var(--color-error);border-radius:var(--radius-control);background:var(--color-error-soft);color:var(--color-error);font-size:var(--font-size-sm);animation:fade-in var(--duration-base) var(--ease);font-weight:500}.add-button,.form-submit{padding:.625rem var(--space-lg);border-radius:var(--radius-control);background-color:var(--color-accent);background-image:var(--gradient-accent);color:var(--color-on-accent);box-shadow:0 2px 10px var(--color-accent-glow);border:none}.add-button:hover:not(:disabled),.form-submit:hover{filter:brightness(1.1);box-shadow:0 4px 16px var(--color-accent-glow)}.add-button:disabled{background-image:none;background-color:var(--color-success);box-shadow:none}.exercise-card{align-items:center;gap:var(--space-sm) var(--space-md);transform:perspective(900px) translateY(var(--lift,0)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:var(--transition-reveal), transform var(--duration-fast) var(--ease), box-shadow var(--duration-base) var(--ease);grid-template-columns:auto minmax(0,1fr);display:grid}.exercise-card:hover{--lift:-3px;box-shadow:var(--shadow-card-hover)}.exercise-card .muscle-icon{width:40px;height:40px;padding:var(--space-sm);border-radius:var(--radius-control);background:var(--color-accent-soft);color:var(--color-accent)}.exercise-name{font-size:var(--font-size-lg)}.exercise-name,.exercise-meta,.exercise-description{overflow-wrap:anywhere}.exercise-meta,.exercise-description,.add-button{grid-column:1/-1}.exercise-meta{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500}.exercise-description{max-width:65ch}.add-button{margin-top:var(--space-sm);justify-self:start}.empty-message{color:var(--color-text-muted);padding:var(--space-md) 0;animation:fade-in var(--duration-base) var(--ease)}.plan-panel{top:calc(var(--nav-height) + var(--space-lg));max-height:calc(100vh - var(--nav-height) - 2 * var(--space-lg));position:sticky;overflow-y:auto}.plan-panel-title{margin:var(--space-xs) 0 var(--space-md)}.list-row{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-md);background:var(--color-card-raised);animation:slide-fade-in var(--duration-base) var(--ease);flex-wrap:wrap;display:flex}.list-row-text{flex-direction:column;min-width:0;display:flex}.list-row-title{font-family:var(--font-heading);overflow-wrap:anywhere;min-width:0;font-weight:600}.list-row-meta{font-size:var(--font-size-sm)}.remove-button{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border-control);border-radius:var(--radius-control);color:var(--color-text-muted);font-size:var(--font-size-sm);background-color:#0000;flex-shrink:0}.remove-button:hover{border-color:var(--color-error);background-color:var(--color-error-soft);color:var(--color-error)}.stat-card{gap:var(--space-md);padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-control);background:var(--color-card-raised);flex-direction:column;display:flex}.plan-summary{margin-top:var(--space-lg)}.stat-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.stat{gap:var(--space-xs);flex-direction:column;display:flex}.stat-value{color:var(--color-accent);font-family:var(--font-heading);font-size:2.5rem;font-weight:800;line-height:1}.summary-tip{color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic}.stat-grid .stat-value{font-size:var(--font-size-2xl);overflow-wrap:anywhere}.log-history{grid-column:1/-1}.log-day{gap:var(--space-sm);flex-direction:column;display:flex}.log-day-heading{color:var(--color-accent);font-size:var(--font-size-base)}.chart{gap:var(--space-sm);flex-direction:column;display:flex}.chart-bars{gap:var(--space-sm);height:12rem;padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border-control);display:flex}.chart-column{align-items:center;gap:var(--space-xs);flex-direction:column;flex:1;min-width:0;display:flex}.chart-track{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.chart-bar{width:100%;max-width:3rem;height:var(--bar-height);border-radius:var(--radius-control) var(--radius-control) 0 0;background:var(--gradient-accent);transform-origin:bottom;min-height:2px;animation:grow-up var(--duration-reveal) var(--ease)}.chart-value,.chart-label{font-size:var(--font-size-xs);white-space:nowrap}.chart-value{font-weight:600}.chart-label{color:var(--color-text-muted)}@media (width<=767px){.app-layout{gap:var(--space-lg);padding-block:var(--space-lg);grid-template-columns:minmax(0,1fr)}.hero{margin-top:var(--space-lg);padding:var(--space-xl) var(--space-lg)}.plan-panel{max-height:none;position:static}.pill-group button,.theme-toggle,.add-button,.form-submit,.remove-button{min-height:44px}}@media (width<=480px){.brand{font-size:var(--font-size-base);letter-spacing:.08em}.hero{padding:var(--space-lg) var(--space-md)}.form-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;translate:none}.exercise-card{transform:none}}
