:root{--ink:#1d2420;--muted:#737b74;--line:#dfe3de;--paper:#f5f6f1;--card:#fff;--lime:#d4f35b;--orange:#f37e45;--green:#385844;--dark:#24372b;--shadow:0 20px 50px rgba(31,44,34,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:28px 18px 22px;display:flex;flex-direction:column}.brand{font:700 17px 'Space Grotesk';letter-spacing:.08em;display:flex;align-items:center;gap:10px;margin:0 10px 38px}.brand-mark{display:grid;place-items:center;width:29px;height:29px;background:var(--lime);border-radius:8px;font:700 19px 'Space Grotesk'}.profile-mini{display:flex;align-items:center;gap:9px;padding:11px 10px;background:#f6f7f3;border-radius:12px;margin-bottom:32px}.avatar{width:31px;height:31px;border-radius:50%;background:#dce8db;color:var(--green);display:grid;place-items:center;font-size:11px;font-weight:700;flex:none}.profile-mini strong,.profile-mini span{display:block}.profile-mini strong{font-size:12px}.profile-mini span{font-size:10px;color:var(--muted);margin-top:3px}.icon-button{margin-left:auto;border:0;background:none;color:#929a93;letter-spacing:2px;cursor:pointer}.nav-label,.eyebrow{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--muted)}.nav-label{margin:0 10px 10px}.main-nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:11px;color:#798079;text-decoration:none;padding:11px 10px;border-radius:9px;font-size:13px}.nav-item.active{background:var(--dark);color:#fff}.nav-icon{font-size:18px;line-height:1;width:18px;text-align:center}.nav-count{margin-left:auto;background:var(--lime);color:var(--ink);font-size:10px;font-weight:700;padding:3px 6px;border-radius:10px}.nav-label:nth-of-type(2){margin-top:31px}.sidebar-bottom{margin-top:auto}.streak{display:flex;gap:10px;align-items:center;background:#f2f5ea;padding:13px;border-radius:12px}.flame{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-size:16px}.streak strong,.streak span{display:block}.streak strong{font-size:12px}.streak span{font-size:10px;color:var(--muted);margin-top:2px}.dataset-note{font-size:10px;color:#999f99;line-height:1.5;margin:17px 10px 0}.dataset-note a{color:var(--green);text-decoration:none}.main-content{max-width:1440px;width:100%;margin:0 auto;padding:0 54px 70px}.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.breadcrumb b{font-weight:400;color:#b2b8b1}.breadcrumb strong{color:var(--ink);font-weight:600}.top-actions{display:flex;gap:14px;align-items:center}.outline-button,.text-button{border:1px solid var(--line);background:transparent;border-radius:8px;padding:9px 13px;font:600 11px 'DM Sans';color:var(--ink);cursor:pointer}.outline-button span{font-size:14px;margin-right:5px}.avatar.small{border:0;width:34px;height:34px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:62px 0 70px}.hero-copy{padding-left:8%}.hero-copy .eyebrow{color:var(--orange);display:flex;align-items:center;gap:7px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block}.hero-copy h1{font:600 clamp(46px,5vw,74px)/.98 'Space Grotesk';letter-spacing:-.04em;margin:18px 0 22px}.hero-copy h1 em{font-style:normal;color:var(--orange)}.hero-copy p{max-width:390px;color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:13px}.primary-button{border:0;background:var(--dark);color:#fff;border-radius:8px;padding:14px 17px;font:700 12px 'DM Sans';cursor:pointer;transition:transform .2s,background .2s}.primary-button:hover{transform:translateY(-2px);background:#2d4938}.primary-button span{font-size:16px;margin-left:18px}.circle-button{width:43px;height:43px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:11px;cursor:pointer;color:var(--dark)}.duration{font-size:11px;color:var(--muted)}.hero-visual{height:360px;border-radius:16px;overflow:hidden;position:relative;background:#c9d0c5}.hero-visual img{width:100%;height:100%;object-fit:cover;image-rendering:auto;filter:saturate(.65) contrast(.93)}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(30,50,38,.25),transparent 60%)}.visual-caption{position:absolute;z-index:1;bottom:24px;left:25px;color:#fff}.visual-caption span,.visual-caption strong{display:block}.visual-caption span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.8}.visual-caption strong{font:600 22px 'Space Grotesk';margin-top:5px}.visual-badge{position:absolute;z-index:1;right:22px;top:22px;background:var(--lime);padding:10px 11px 8px;border-radius:8px;font-size:9px;line-height:1.1;text-align:center;font-weight:700}.visual-badge b{font-size:20px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:21px}.section-heading h2{font:600 27px 'Space Grotesk';margin:7px 0 0;letter-spacing:-.03em}.muted{color:#929990}.week-total{font-size:11px;color:var(--muted)}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin-bottom:67px}.day-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 14px 12px;min-height:91px;cursor:pointer;position:relative;transition:.2s}.day-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.day-card.active{background:var(--dark);border-color:var(--dark);color:#fff}.day-card.rest{background:transparent}.day-name{font-size:10px;color:var(--muted);font-weight:700;letter-spacing:.06em}.active .day-name{color:#c7d3c6}.day-date{font:600 22px 'Space Grotesk';margin:7px 0}.day-focus{font-size:10px;color:var(--muted)}.active .day-focus{color:#ced9cb}.day-check{position:absolute;right:11px;top:13px;color:var(--green);font-size:13px}.active .day-check{color:var(--lime)}.today-section{scroll-margin-top:20px}.text-button{border:0;padding:0;color:var(--green)}.text-button span{margin-left:8px;font-size:14px}.workout-layout{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:32px}.exercise-list{display:flex;flex-direction:column;gap:9px}.exercise-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;transition:.2s}.exercise-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.exercise-thumb{width:52px;height:52px;border-radius:8px;object-fit:cover;background:#e7ece4}.exercise-card h3{font:600 14px 'Space Grotesk';margin:0 0 5px}.exercise-card p{font-size:10px;color:var(--muted);margin:0}.exercise-meta{text-align:right}.exercise-meta strong{display:block;font:600 13px 'Space Grotesk'}.exercise-meta span{font-size:10px;color:var(--muted)}.done-button{border:1px solid var(--line);width:27px;height:27px;border-radius:50%;background:#fff;color:var(--muted);cursor:pointer}.done-button.done{background:var(--lime);border-color:var(--lime);color:var(--dark)}.summary-panel{background:var(--dark);color:#fff;border-radius:13px;padding:21px;min-height:375px}.summary-top{display:flex;justify-content:space-between}.summary-panel .eyebrow{color:#9eb0a1}.checkmark{color:var(--lime);font-size:18px}.summary-stat{border-bottom:1px solid rgba(255,255,255,.13);padding:16px 0 12px;display:flex;justify-content:space-between;align-items:baseline}.summary-stat strong{font:600 28px 'Space Grotesk'}.summary-stat span{font-size:10px;color:#afbbb0}.equipment-list{padding-top:19px}.equipment-row{display:flex;align-items:center;gap:8px;margin-top:11px;font-size:10px;color:#dbe2dc}.equipment-icon{width:20px;height:20px;border-radius:5px;background:#4d6653;color:var(--lime);display:grid;place-items:center;font-size:13px}.available{margin-left:auto;color:var(--lime);font-size:9px}.secondary-button{background:transparent;border:1px solid #68806b;color:#fff;border-radius:7px;padding:11px 10px;width:100%;margin-top:20px;font:600 10px 'DM Sans';cursor:pointer}.secondary-button span{float:right;font-size:14px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--dark);color:#fff;padding:11px 16px;border-radius:8px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:rgba(26,38,29,.55);display:none;place-items:center;z-index:20}.modal-backdrop.open{display:grid}.timer-modal{background:#fff;border-radius:17px;width:min(420px,calc(100% - 32px));padding:33px;text-align:center;position:relative}.close-modal{position:absolute;right:18px;top:15px;border:0;background:none;font-size:23px;color:var(--muted);cursor:pointer}.timer-modal h2{font:600 26px 'Space Grotesk';margin:10px 0 20px}.timer-ring{width:175px;height:175px;border-radius:50%;margin:0 auto 25px;border:10px solid var(--lime);display:grid;place-items:center;align-content:center}.timer-ring span{font:600 36px 'Space Grotesk'}.timer-ring small{font-size:10px;color:var(--muted)}.timer-controls{display:flex;justify-content:center;align-items:center;gap:12px}.timer-tip{font-size:11px;color:var(--muted);margin:22px 0 0}
@media(max-width:980px){.app-shell{grid-template-columns:74px 1fr}.sidebar{padding:23px 10px}.brand{margin:0 auto 38px}.brand>span:last-child,.profile-mini>div:not(.avatar),.profile-mini .icon-button,.nav-label,.nav-item:not(.active)::after,.nav-item{font-size:0}.profile-mini{padding:6px;justify-content:center}.main-nav{align-items:center}.nav-item{padding:11px;width:44px;justify-content:center}.nav-item.active{font-size:0}.nav-icon{font-size:18px}.nav-count{position:absolute;margin:0 0 23px 26px}.streak,.dataset-note{display:none}.main-content{padding:0 30px 60px}.hero-copy{padding-left:0}.hero-grid{gap:28px}}@media(max-width:680px){.app-shell{display:block}.sidebar{display:none}.main-content{padding:0 18px 45px}.topbar{height:68px}.breadcrumb{font-size:11px}.outline-button{font-size:0;padding:8px}.outline-button span{font-size:14px;margin:0}.top-actions .avatar{display:none}.hero-grid{grid-template-columns:1fr;padding:40px 0 48px;gap:28px}.hero-copy h1{font-size:51px}.hero-copy p{font-size:13px}.hero-visual{height:260px}.week-strip{gap:5px;margin-bottom:45px}.day-card{padding:10px 7px;min-height:76px}.day-date{font-size:18px}.day-focus{display:none}.day-check{right:6px;top:7px;font-size:10px}.section-heading h2{font-size:23px}.workout-layout{grid-template-columns:1fr;gap:18px}.summary-panel{min-height:auto}.equipment-list{display:none}.secondary-button{margin-top:17px}.exercise-card{grid-template-columns:44px 1fr auto;gap:10px;padding:11px}.exercise-thumb{width:44px;height:44px}.exercise-card h3{font-size:12px}.exercise-card p{font-size:9px}.exercise-meta strong{font-size:11px}.text-button{font-size:10px}.hero-actions{gap:9px}}
