:root{--ink:#173f4f;--ink2:#284f5d;--bg:#f3f6f7;--card:#fff;--line:#dce5e8;--accent:#deebdf;--accent2:#eaf3ec;--danger:#b54747;--shadow:0 12px 40px rgba(22,63,79,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}.app-shell{max-width:980px;margin:auto;min-height:100vh;padding:24px clamp(16px,4vw,36px) 52px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.topbar h1{font-size:clamp(24px,5vw,36px);margin:2px 0}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:#6f858d}.view{display:none}.view.active{display:block}.hero-card,.panel{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:clamp(20px,4vw,34px);box-shadow:var(--shadow);margin-bottom:22px}.hero-card{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center;background:linear-gradient(135deg,#fff 0,#edf5ef 100%)}.hero-card h2,.section-head h2{font-size:clamp(28px,5vw,48px);line-height:1.06;margin:8px 0 12px}.hero-card p{font-size:17px;line-height:1.55;color:#526b74}.accent{background:var(--accent2)}button{border:0;border-radius:14px;padding:12px 16px;font-weight:750;cursor:pointer;color:var(--ink);background:#edf2f3}.primary{background:var(--ink);color:#fff}.secondary{background:#e7edef}.ghost,.back,.sound{background:transparent;border:1px solid var(--line)}.large{padding:18px 22px;font-size:17px}.full{width:100%}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.section-head h3{font-size:24px;margin:4px 0}.badge{background:#fff;border:1px solid var(--line);padding:8px 12px;border-radius:999px;font-weight:800}.button-row{display:flex;gap:12px;flex-wrap:wrap}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.activity-card{border:1px solid var(--line);background:#fafcfc;border-radius:18px;padding:18px;cursor:pointer;transition:.18s transform,.18s box-shadow}.activity-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.activity-card .icon{font-size:28px}.activity-card h4{margin:10px 0 6px;font-size:18px}.activity-card p{margin:0;color:#6b7f86;font-size:14px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.chip{border-radius:999px}.chip.active{background:var(--ink);color:white}.program-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.program-card{background:white;border:1px solid var(--line);border-radius:20px;padding:22px}.program-card h3{margin:6px 0}.meta{display:flex;gap:8px;flex-wrap:wrap;color:#657a82;font-size:13px;margin:12px 0}.meta span{background:#eef3f4;border-radius:999px;padding:6px 9px}.session-items{display:grid;gap:10px;margin:12px 0 20px}.session-item{display:flex;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 15px}.session-item small{display:block;color:#71838a;margin-top:3px}.workout-view{min-height:calc(100vh - 60px)}.workout-top{display:flex;justify-content:space-between}.workout-center{text-align:center;padding:18px 0}.workout-center h2{font-size:clamp(30px,7vw,56px);margin:12px 0}.timer{font-size:clamp(68px,16vw,132px);font-weight:850;letter-spacing:-.06em;line-height:1}.cadence{font-size:24px;font-weight:750;margin:12px}.workout-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:600px;margin:26px auto}.workout-stats span{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px}.workout-stats strong,.workout-stats small{display:block}.workout-stats strong{font-size:22px}.step-progress{height:8px;background:#dfe7e9;border-radius:99px;overflow:hidden;max-width:620px;margin:20px auto}.step-progress div{height:100%;background:var(--ink);width:0}.next-step{max-width:600px;margin:20px auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}.workout-controls{display:flex;justify-content:center;gap:12px;position:sticky;bottom:10px}.muted{color:#71838a}.modal{display:none;position:fixed;inset:0;background:rgba(13,36,45,.5);padding:20px;z-index:50;align-items:center;justify-content:center}.modal.open{display:flex}.modal-card{width:min(560px,100%);background:#fff;border-radius:24px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.modal-card h2{font-size:30px}.modal-card label{display:block;margin:16px 0;font-weight:700}.modal-card select{width:100%;margin-top:8px;padding:12px;border-radius:12px;border:1px solid var(--line)}.check{display:flex!important;gap:10px;align-items:center}.recap{background:#f3f6f7;border-radius:16px;padding:16px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.stat strong{font-size:28px;display:block}.stat small{color:#71838a}.trend-summary{margin:6px 0 12px;font-size:16px}.trend-up{font-weight:800}.trend-detail{margin-top:14px;color:#536a73}.history-row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:14px 0}.history-row:last-child{border-bottom:0}.danger-link{background:transparent;color:var(--danger)}canvas{width:100%;display:block}.hidden{display:none!important}
@media(max-width:720px){.app-shell{padding-top:18px}.hero-card{grid-template-columns:1fr}.activity-grid{grid-template-columns:1fr 1fr}.program-list{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.section-head{align-items:flex-start}.workout-stats{grid-template-columns:repeat(3,1fr)}.workout-controls button{padding:12px 10px}.topbar h1{font-size:26px}}
@media(max-width:420px){.activity-grid{grid-template-columns:1fr}.workout-stats{gap:6px}.workout-stats span{padding:10px 6px}.workout-stats strong{font-size:18px}.button-row>*{flex:1}}

.modal-card input{width:100%;margin-top:8px;padding:12px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink)}