:root{--ink:#17201b;--paper:#f4f1e9;--cream:#fffdf8;--lime:#c8f169;--coral:#ff8d72;--blue:#84b9ff;--violet:#b29cff;--line:#17201b24;--radius:20px;--background:#f4f1e9;--foreground:#17201b;--card:#fffdf8;--card-foreground:#17201b;--primary:#17201b;--primary-foreground:#fffdf8;--border:#17201b24;--ring:#84b9ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}.topbar{justify-content:space-between;align-items:center;max-width:1180px;height:70px;margin:auto;padding:0 28px;display:flex}.brand{color:inherit;letter-spacing:-.05em;align-items:center;gap:10px;font-size:20px;font-weight:950;text-decoration:none;display:flex}.brand-mark{background:var(--ink);width:38px;height:38px;color:var(--lime);border-radius:12px;place-items:center;display:grid}.brand-dot{color:#e3553b}nav{gap:28px;display:flex}nav a{color:inherit;font-size:13px;font-weight:750;text-decoration:none}.hero{grid-template-columns:1.5fr .7fr;align-items:center;gap:80px;max-width:1180px;margin:0 auto;padding:72px 28px 92px;display:grid}.kicker{text-transform:uppercase;letter-spacing:.15em;margin:0 0 18px;font-size:11px;font-weight:900}h1{letter-spacing:-.065em;max-width:800px;margin:0;font-size:clamp(54px,7vw,92px);font-weight:950;line-height:.91}h1 em{color:#e65e42;font-style:normal}.lede{color:#4f5853;max-width:650px;margin:30px 0 0;font-size:18px;line-height:1.55}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px;display:flex}.primary-button{background:var(--ink);color:#fff;border-radius:14px;align-items:center;gap:12px;padding:15px 20px;font-size:14px;font-weight:800;text-decoration:none;display:flex}.date-pill{align-items:center;gap:8px;padding:14px 16px;font-size:13px;font-weight:750;display:flex}.hero-card{background:var(--lime);border:1.5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:28px;padding:28px;transform:rotate(2deg)}.hero-card-label{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:900}.hero-card>strong{letter-spacing:-.08em;margin-top:24px;font-size:92px;line-height:.9;display:block}.hero-card>strong span{font-size:40px}.hero-card>p{margin:8px 0 24px;font-weight:800}.mini-rule{border-top:1.5px solid var(--ink)}.hero-stats{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.hero-stats span{grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;font-size:11px;display:grid}.hero-stats b{font-size:16px}.section{max-width:1180px;margin:0 auto;padding:82px 28px}.section-heading{grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:36px;display:grid}.section-heading h2,.holiday h2{letter-spacing:-.045em;margin:0;font-size:clamp(38px,5vw,58px);line-height:1}.section-heading>p{color:#59615c;max-width:520px;margin:0;line-height:1.55}.workout-grid{gap:14px;display:grid}.workout-card{border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--cream);overflow:hidden}.workout-card.coral .day-number{background:var(--coral)}.workout-card.lime .day-number{background:var(--lime)}.workout-card.blue .day-number{background:var(--blue)}.workout-card.violet .day-number{background:var(--violet)}.workout-head{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:76px 1fr auto 24px;align-items:center;gap:18px;width:100%;padding:18px;display:grid}.day-number{border:1.5px solid var(--ink);text-transform:uppercase;letter-spacing:.08em;border-radius:12px;place-items:center;min-height:48px;font-size:11px;font-weight:900;display:grid}.workout-title{flex-direction:column;gap:5px;display:flex}.workout-title b{letter-spacing:-.02em;font-size:19px}.workout-title small{color:#68706b}.workout-meta{align-items:center;gap:7px;font-size:12px;font-weight:750;display:flex}.chevron{transition:transform .2s}.open .chevron{transform:rotate(180deg)}.exercise-list{padding:0 18px 18px 112px}.progress-row{color:#68706b;justify-content:space-between;font-size:11px;font-weight:750;display:flex}.progress-track{background:#e4e1da;border-radius:99px;height:5px;margin:8px 0 14px;overflow:hidden}.progress-track span{background:var(--ink);height:100%;transition:width .2s;display:block}.exercise{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;width:100%;padding:13px 4px;display:grid}.check{border:1.5px solid var(--ink);border-radius:7px;place-items:center;width:22px;height:22px;display:grid}.exercise.done{opacity:.48}.exercise.done .check{background:var(--ink);color:#fff}.exercise.done .exercise-name b{text-decoration:line-through}.exercise-name{flex-direction:column;gap:3px;display:flex}.exercise-name b{font-size:14px}.exercise-name small{color:#68706b;font-size:11px}.exercise>strong{font-size:13px}.reset{color:#68706b;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:12px;font-size:11px;display:flex}.holiday{background:var(--ink);color:#fff;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:80px max(28px,50vw - 562px);display:grid}.kicker.light{color:var(--lime)}.holiday-copy>p:not(.kicker){color:#bdc5c0;max-width:510px;line-height:1.55}.callout{color:#dce2de;border:1px solid #465049;border-radius:14px;align-items:center;gap:12px;margin-top:30px;padding:16px;font-size:13px;display:flex}.callout svg{color:var(--lime);flex:none}.week-list{border-top:1px solid #465049}.week-day{border-bottom:1px solid #465049;grid-template-columns:40px 1fr auto;align-items:center;gap:14px;padding:16px 4px;display:grid}.week-day>span{color:var(--lime);font-size:11px;font-weight:900}.week-day b{font-size:14px}.week-day small{color:#96a099;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.section-heading.compact{grid-template-columns:1fr}.rule-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.rule-grid article{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.rule-grid article>span{border:1.5px solid var(--ink);background:var(--lime);border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.rule-grid h3{margin:24px 0 10px;font-size:20px}.rule-grid p{color:#5e6661;margin:0;font-size:14px;line-height:1.55}.footer-note{text-align:center;border:1px dashed #9ca39e;border-radius:14px;margin-top:18px;padding:16px;font-size:12px;font-weight:750}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1124px;margin:auto;padding:30px 0 44px;display:flex}footer span{font-weight:950}footer p{color:#6d746f;font-size:11px}@media (max-width:760px){.topbar{height:62px;padding:0 18px}nav{display:none}.hero{grid-template-columns:1fr;gap:44px;padding:42px 18px 66px}h1{font-size:54px}.lede{margin-top:24px;font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.primary-button{justify-content:space-between}.date-pill{padding-left:4px}.hero-card{justify-self:center;width:calc(100% - 16px);max-width:330px}.section{padding:62px 18px}.section-heading{grid-template-columns:1fr;gap:15px}.section-heading h2,.holiday h2{font-size:42px}.workout-head{grid-template-columns:58px 1fr 20px;gap:12px;padding:14px}.day-number{min-height:46px}.workout-meta{display:none}.workout-title b{font-size:16px}.workout-title small{font-size:11px}.exercise-list{padding:0 14px 14px}.exercise{grid-template-columns:27px 1fr auto;gap:9px}.exercise>strong{font-size:12px}.holiday{grid-template-columns:1fr;gap:42px;padding:62px 18px}.rule-grid{grid-template-columns:1fr}footer{margin:0 18px;padding-top:24px}footer p{text-align:right;max-width:210px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.tracker{color:#fff;background:#28312c;padding:80px max(28px,50vw - 562px)}.tracker-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px;display:flex}.tracker h2{letter-spacing:-.045em;margin:0;font-size:clamp(38px,5vw,58px);line-height:1}.ghost-button{color:#fff;background:0 0;border:1px solid #5b645f;border-radius:12px;align-items:center;gap:8px;padding:11px 14px;display:flex}.login-card,.log-card,.stats-card{background:var(--cream);color:var(--ink);border-radius:20px;padding:24px}.login-card{grid-template-columns:1fr minmax(220px,320px) auto;align-items:center;gap:16px;display:grid}.login-card p{color:#68706b;margin:5px 0 0;font-size:13px}.tracker input,.tracker select{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #cbd0cc;border-radius:10px;padding:12px}.tracker button[type=submit],.login-card>button,.body-form button{background:var(--lime);color:var(--ink);border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:12px 16px;font-weight:800;display:flex}.tracker-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.log-card h3,.stats-card h3{align-items:center;gap:9px;margin:0 0 20px;display:flex}.log-card label{gap:7px;margin-top:13px;font-size:12px;font-weight:800;display:grid}.number-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.stat-values{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat-values span{background:#eef0eb;border-radius:12px;flex-direction:column;padding:14px;display:flex}.stat-values b{font-size:23px}.stat-values small{color:#68706b;font-size:10px}.recent{margin-top:22px}.recent>p{border-top:1px solid var(--line);justify-content:space-between;gap:12px;margin:0;padding:9px 0;font-size:12px;display:flex}.recent span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.body-form{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.body-form>label{align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.body-form>div{grid-template-columns:1fr auto;gap:8px;margin-top:9px;display:grid}.tracker-message{background:#3e4943;border-radius:10px;margin:14px 0 0;padding:11px 14px;font-size:12px}@media (max-width:760px){.tracker{padding:62px 18px}.tracker-head{flex-direction:column;align-items:start}.tracker h2{font-size:42px}.login-card,.tracker-grid{grid-template-columns:1fr}.login-card{gap:12px}.stat-values b{font-size:19px}}.analytics{background:var(--cream);color:var(--ink);border-radius:20px;margin-top:18px;padding:24px}.analytics-head{justify-content:space-between;align-items:end;gap:18px;display:flex}.analytics h3{margin:0;font-size:28px;line-height:1}.range-tabs{gap:6px;display:flex}.range-tabs button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:8px 11px;font-size:11px}.range-tabs button.active{background:var(--ink);color:#fff}.analysis-select{gap:7px;max-width:360px;margin-top:20px;font-size:12px;font-weight:800;display:grid}.analysis-select select{color:var(--ink);font:inherit;background:#fff;border:1px solid #cbd0cc;border-radius:10px;padding:10px}.analysis-kpis{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.analysis-kpis span{background:#eef0eb;border-radius:12px;grid-template-columns:20px 1fr;gap:3px 8px;padding:14px;display:grid}.analysis-kpis svg{color:#477fc5;grid-row:span 2}.analysis-kpis b{font-size:16px}.analysis-kpis small{color:#68706b;grid-column:2;font-size:10px}.chart-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.chart-grid article{border:1px solid var(--line);border-radius:14px;min-height:180px;padding:14px}.chart-grid article>b,.chart-grid article>small{display:block}.chart-grid article>b{font-size:13px}.chart-grid article>small{color:#68706b;margin-top:4px;font-size:10px}.chart-bars{border-bottom:1px solid var(--line);align-items:end;gap:5px;height:95px;margin-top:14px;display:flex}.chart-bars span{background:#e65e42;border-radius:4px 4px 0 0;flex:1;min-width:4px;display:block}.chart-bars.blue span{background:#477fc5}.chart-bars.violet span{background:#7561c8}.chart-axis{color:#68706b;justify-content:space-between;margin-top:6px;font-size:9px;display:flex}.analytics-empty{color:#59615c;background:#eef0eb;border-radius:12px;margin-top:18px;padding:18px;font-size:13px}@media (max-width:760px){.analytics{padding:18px}.analytics-head{flex-direction:column;align-items:start}.range-tabs{width:100%}.range-tabs button{flex:1}.analysis-kpis,.chart-grid{grid-template-columns:1fr}.chart-grid article{min-height:165px}}