:root{color-scheme:dark;--font-sans: "Inter", "Segoe UI", "SF Pro Text", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--ink-900: #f2f4ef;--ink-700: #d1d7d0;--ink-500: #a2aca4;--ink-300: #7d887f;--ink-600: #bbc3bc;--cream-50: #0e1210;--sand-100: #141917;--sand-200: #1c231f;--night-900: #101411;--night-800: #171d1a;--night-700: #222b26;--burnt-500: #e9785d;--burnt-700: #c75b45;--teal-500: #79c6a1;--electric-500: #8dbab1;--violet-100: #778a9e;--accent-soft: #ffc1af;--success-soft: #b8e6ca;--info-soft: #c2ddda;--warning-soft: #ead0a1;--success-500: #79c6a1;--warning-500: #d6a15d;--danger-500: #d46b6b;--danger-soft: #f2b7b7;--surface-0: #0e1210;--surface-1: #151b18;--surface-2: #1b231f;--surface-3: #232d27;--line: rgba(225, 235, 226, .12);--line-strong: rgba(225, 235, 226, .19);--shadow-soft: 0 18px 44px rgba(0, 0, 0, .18);--shadow-card: 0 2px 14px rgba(0, 0, 0, .16);--shadow-glow-primary: 0 0 28px rgba(233, 120, 93, .16);--shadow-glow-teal: 0 0 28px rgba(121, 198, 161, .12);--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;--transition-base: .18s cubic-bezier(.4, 0, .2, 1);--transition-fast: .1s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html{background:var(--surface-0)}body{margin:0;min-height:100vh;color:var(--ink-900);background:radial-gradient(circle at 50% -12%,rgba(121,198,161,.055),transparent 34rem),var(--surface-0);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,.page-title{margin-top:0;color:var(--ink-900);font-family:var(--font-sans);letter-spacing:-.02em;line-height:1.2}h2{font-size:1.5rem;font-weight:720}h3{font-size:1.08rem;font-weight:680}a{color:inherit;text-decoration:none}button,[role=button]{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--teal-500);outline-offset:3px}#app{min-height:100vh}.app-shell{display:flex;flex-direction:column;min-height:100vh}.page{width:100%;max-width:1120px;margin:0 auto;padding:18px 24px calc(104px + env(safe-area-inset-bottom))}.app-header{padding-bottom:6px}.hero{position:relative;overflow:hidden;padding:24px 26px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-1);box-shadow:var(--shadow-soft)}.hero:after{position:absolute;right:-10%;bottom:-80%;width:42%;height:180%;border-radius:50%;background:#79c6a10b;content:"";pointer-events:none}.hero--compact{padding:12px 16px;background:transparent;box-shadow:none}.hero--compact .hero-content{display:flex;align-items:center;gap:12px}.hero--compact .hero-copy{display:flex;align-items:center;gap:10px}.hero--compact .badge{padding:3px 9px}.hero--compact .hero-title{margin:0;font-size:17px;line-height:1.25}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,auto);align-items:start;gap:24px}.hero-copy{min-width:0}.hero-title{margin:10px 0 6px;font-size:clamp(26px,3vw,36px)}.hero-subtitle{max-width:680px;margin:0;color:var(--ink-500);line-height:1.55}.hero-card{width:min(320px,100%);justify-self:end;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff09}.hero-card__label,.stat-label{margin-bottom:6px;color:var(--ink-300);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.hero-card__value{color:var(--ink-900);font-size:15px;font-weight:700;line-height:1.35}.hero-card__meta{margin-top:5px;color:var(--ink-500);font-size:12px;line-height:1.4}.hero-card__actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:12px}.hero-card__actions .el-button{width:100%}.section-card{padding:20px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-1);box-shadow:var(--shadow-card);transition:border-color var(--transition-base),background var(--transition-base),transform var(--transition-base)}.section-card--interactive{cursor:pointer}.section-card--interactive:hover{transform:translateY(-1px);border-color:var(--line-strong);background:var(--surface-2)}.section-card--accent{border-color:#e9785d47;background:#1b211e}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid rgba(233,120,93,.38);border-radius:999px;background:#e9785d1a;color:var(--accent-soft);font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.eyebrow{margin:0 0 6px;color:var(--ink-300);font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.stat-number{color:var(--ink-900);font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:20;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0e1210f0;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}.bottom-nav .nav-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;max-width:520px;margin:0 auto}.bottom-nav .nav-inner>*{min-width:0}.nav-pill{display:flex;flex:none;width:100%;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 6px;border-radius:var(--radius-sm);background:transparent;color:var(--ink-300);font:inherit;font-size:10px;font-weight:650;transition:color var(--transition-base),background var(--transition-base)}.nav-pill--menu{border:0}.nav-pill svg{width:21px;height:21px}.nav-pill:hover{color:var(--ink-700)}.nav-pill.active{background:#e9785d21;color:var(--burnt-500)}@media (max-width: 720px){.page{padding:12px 14px calc(118px + env(safe-area-inset-bottom))}.app-shell--workout .bottom-nav{display:none}.app-shell--workout .page{padding-bottom:24px}.hero{padding:20px 16px}.hero--compact{padding:9px 12px}.hero--compact .hero-title{font-size:16px}.hero-content{grid-template-columns:1fr;gap:14px}.hero-copy{width:100%}.hero-title{font-size:clamp(23px,8vw,32px);line-height:1.1}.hero-subtitle{max-width:100%;font-size:14px}.hero-card{width:100%;justify-self:stretch}.section-card{padding:16px;border-radius:var(--radius-md)}.grid{gap:14px}.nav-pill{padding:7px 4px;font-size:9px}.nav-pill svg{width:20px;height:20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .3s var(--transition-base) both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{--el-color-primary: var(--burnt-500);--el-color-primary-light-3: #ed8e77;--el-color-primary-light-5: #f0a18e;--el-color-primary-light-7: #f4b8a8;--el-color-primary-light-9: #3a2722;--el-border-radius-base: var(--radius-sm);--el-font-family: var(--font-sans);--el-text-color-primary: var(--ink-900);--el-text-color-regular: var(--ink-700);--el-text-color-secondary: var(--ink-500);--el-text-color-placeholder: var(--ink-300);--el-bg-color: var(--surface-1);--el-bg-color-overlay: var(--surface-2);--el-fill-color: var(--surface-2);--el-fill-color-light: var(--surface-3);--el-fill-color-lighter: #2a342e;--el-fill-color-extra-light: #303b34;--el-border-color: var(--line-strong);--el-border-color-light: var(--line);--el-border-color-lighter: rgba(225, 235, 226, .08);--el-disabled-bg-color: rgba(255, 255, 255, .04);--el-disabled-text-color: var(--ink-300)}.el-card{border:1px solid var(--line);border-radius:var(--radius-md);background:transparent;box-shadow:none}.el-button{min-height:36px;border-radius:var(--radius-sm);font-weight:680}.el-button+.el-button{margin-left:0}.el-button--primary{border-color:var(--burnt-500);background:var(--burnt-500);color:#1c120f}.el-button--primary:hover,.el-button--primary:focus-visible{border-color:#ed8e77;background:#ed8e77;color:#1c120f}.el-button--primary.is-plain{border-color:#e9785d57;background:#e9785d24;color:var(--accent-soft)}.el-button--primary.is-plain:hover,.el-button--primary.is-plain:focus-visible{border-color:#e9785d75;background:#e9785d38;color:#ffd9cd}.el-button--default,.el-button--default.is-plain,.el-button.is-plain:not([class*=el-button--]){--el-button-text-color: var(--ink-700);--el-button-bg-color: var(--surface-2);--el-button-border-color: var(--line-strong);--el-button-hover-text-color: var(--ink-900);--el-button-hover-bg-color: var(--surface-3);--el-button-hover-border-color: var(--line-strong);border-color:var(--line-strong);background:var(--surface-2);color:var(--ink-700)}.el-button--default:hover,.el-button--default:focus-visible,.el-button--default.is-plain:hover,.el-button--default.is-plain:focus-visible{border-color:var(--line-strong);background:var(--surface-3);color:var(--ink-900)}.el-dropdown>.el-button,.el-dropdown .el-button--default{--el-button-text-color: var(--ink-700);--el-button-bg-color: var(--surface-2);--el-button-border-color: var(--line-strong);--el-button-hover-text-color: var(--ink-900);--el-button-hover-bg-color: var(--surface-3);--el-button-hover-border-color: var(--line-strong);border-color:var(--line-strong);background:var(--surface-2);color:var(--ink-700)}.el-dropdown>.el-button:hover,.el-dropdown>.el-button:focus-visible,.el-dropdown .el-button--default:hover,.el-dropdown .el-button--default:focus-visible{border-color:var(--line-strong);background:var(--surface-3);color:var(--ink-900)}.el-button--success{border-color:var(--success-500);background:var(--success-500);color:#0e1210}.el-button--success:hover,.el-button--success:focus-visible{border-color:#9bd5b8;background:#9bd5b8;color:#0e1210}.el-button--success.is-plain{border-color:#79c6a157;background:#79c6a124;color:var(--success-soft)}.el-button--success.is-plain:hover,.el-button--success.is-plain:focus-visible{background:#79c6a138;color:#d9f2e1}.el-button--warning{border-color:var(--warning-500);background:var(--warning-500);color:#17120b}.el-button--warning:hover,.el-button--warning:focus-visible{border-color:#e2b779;background:#e2b779;color:#17120b}.el-button--warning.is-plain{border-color:#d6a15d57;background:#d6a15d24;color:var(--warning-soft)}.el-button--warning.is-plain:hover,.el-button--warning.is-plain:focus-visible{background:#d6a15d38;color:#f5dfba}.el-button--danger{border-color:var(--danger-500);background:var(--danger-500);color:#1c0f0f}.el-button--danger:hover,.el-button--danger:focus-visible{border-color:#e18b8b;background:#e18b8b;color:#1c0f0f}.el-button--danger.is-plain{border-color:#d46b6b57;background:#d46b6b24;color:var(--danger-soft)}.el-button--danger.is-plain:hover,.el-button--danger.is-plain:focus-visible{background:#d46b6b38;color:#ffd6d6}.el-button--info{border-color:var(--electric-500);background:var(--electric-500);color:#0e1210}.el-button--info:hover,.el-button--info:focus-visible{border-color:#abd0ca;background:#abd0ca;color:#0e1210}.el-button--info.is-plain{border-color:#8dbab157;background:#8dbab124;color:var(--info-soft)}.el-button--info.is-plain:hover,.el-button--info.is-plain:focus-visible{background:#8dbab138;color:#def0ed}.el-button.is-text,.el-button.is-link{border-color:transparent;background:transparent;color:var(--ink-700)}.el-button.is-text:hover,.el-button.is-text:focus-visible,.el-button.is-link:hover,.el-button.is-link:focus-visible{border-color:transparent;background:#ffffff0f;color:var(--ink-900)}.el-button.is-disabled,.el-button.is-disabled:hover,.el-button.is-disabled:focus-visible{border-color:var(--line);background:#ffffff0d;color:var(--ink-300)}.el-input__wrapper,.el-select__wrapper,.el-textarea__inner{min-height:38px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-0);box-shadow:none}.el-input__wrapper:hover,.el-select__wrapper:hover,.el-textarea__inner:hover{border-color:var(--line-strong)}.el-input__wrapper.is-focus,.el-select__wrapper.is-focused,.el-textarea__inner:focus{border-color:var(--teal-500);box-shadow:0 0 0 3px #79c6a124}.el-input__inner,.el-textarea__inner,.el-select__input,.el-input-number .el-input__inner{color:var(--ink-900);background:transparent}.el-input__inner::placeholder,.el-textarea__inner::placeholder{color:var(--ink-300)}.el-input-number{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-0)}.el-input-number .el-input__wrapper{border:none}.el-input-number__increase,.el-input-number__decrease{border-color:var(--line);background:var(--surface-2);color:var(--ink-700)}.el-input-number__increase:hover,.el-input-number__decrease:hover{background:var(--surface-3);color:var(--ink-900)}.el-select-dropdown{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-2);box-shadow:0 18px 34px #00000057}.el-select-dropdown__item{color:var(--ink-700)}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background:#79c6a11f;color:var(--ink-900)}.el-select-dropdown__item.selected{background:#e9785d21;color:var(--accent-soft)}.el-tag{border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--ink-700);font-weight:600}.el-tag--success{border-color:#79c6a14d;background:#79c6a11f;color:var(--success-soft)}.el-tag--info{border-color:#8dbab14d;background:#8dbab11f;color:var(--info-soft)}.el-tag--warning{border-color:#d6a15d4d;background:#d6a15d1f;color:var(--warning-soft)}.el-tag.is-plain{background:transparent}.el-form-item{margin-bottom:18px}.el-form-item__label{color:var(--ink-700);font-size:13px;font-weight:650}.el-slider__runway{background:var(--surface-3)}.el-slider__bar{background:var(--teal-500)}.el-slider__button{border-color:var(--teal-500);background:var(--surface-1)}.el-segmented{padding:3px;border-radius:var(--radius-sm);background:var(--surface-2)}.el-segmented__item{color:var(--ink-500)}.el-segmented__item-selected{color:var(--ink-900);background:var(--surface-3);box-shadow:none}.el-dropdown-menu{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-2)}.el-dropdown-menu__item{color:var(--ink-700)}.el-dropdown-menu__item:hover{background:#79c6a11f;color:var(--ink-900)}.el-collapse{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.el-collapse-item__header,.el-collapse-item__wrap{border-bottom-color:var(--line);background:var(--surface-1);color:var(--ink-900)}.el-collapse-item__content{color:var(--ink-700)}