*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#10151b;color:#edf3fa;font:14px/1.5 Inter,system-ui,sans-serif}h1,h2,h3,p{margin:0 0 12px}h1{font-size:26px;letter-spacing:-.8px}h2{font-size:18px}h3{font-size:16px}.preview{padding:26px}small,.muted,.quiet-note{color:#99a9bb;font-size:11px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#79baff;text-transform:uppercase}.card{background:#181f28;border:1px solid #2c3745;border-radius:15px;padding:20px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}button,select{font:inherit;font-size:12px;color:#edf3fa;background:#1e2732;border:1px solid #2c3745;border-radius:8px;padding:8px 12px;cursor:pointer}button:hover{background:#2c3b4b}button.active,button[aria-pressed=true]{background:#263e57;border-color:#395570;color:#d4eaff}button:focus-visible{outline:2px solid #79baff;outline-offset:2px}.tag{display:inline-block;border-radius:20px;background:#25364b;color:#a9d2fa;padding:3px 9px;font-size:11px}.tabs{display:flex;gap:5px}.library-layout{display:grid;grid-template-columns:220px 1fr;gap:20px;margin-top:20px}.exercise-list button{display:block;width:100%;text-align:left;margin-bottom:10px}.exercise-list small{display:block;margin:5px 0}.exercise-list .fake-input{margin:14px 0;padding:10px;border:1px solid #2c3745;border-radius:8px;color:#99a9bb;font-size:11px}.exercise-list h2{margin-top:6px}.anatomy-stage{height:310px;background:radial-gradient(ellipse at 50% 55%,#25333b,#111922 70%);border-radius:10px;margin-top:10px}.anatomy-stage svg{width:100%;height:100%;display:block}.movement-cue{margin:12px 0 6px;font-size:12px}.muscle-key{font-size:11px;color:#c5edaa}.exercise-demo .row{gap:6px;margin-bottom:10px}.exercise-demo .quiet-note{margin:5px 0}.demo-gender{display:none}.sample-note{margin-top:15px;font-size:10px;color:#99a9bb}.map{height:340px;background:#dbe4d3;border-radius:10px;overflow:hidden;margin:16px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats>div{background:#111922;border:1px solid #2c3745;border-radius:9px;padding:12px}.stats b{display:block;font-size:21px;font-weight:600;margin-top:5px}.stats small{display:block}.route-tabs{margin:14px 0}.route-title{margin-top:12px}.route-title p{margin:2px 0}.legend{display:flex;gap:15px;color:#99a9bb;font-size:11px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.chart-grid .card{padding:17px}.chart-grid h3{margin-top:12px}.progress-measurement-plot{width:100%;height:auto;margin-top:12px}.progress-plot-mobile{display:none}.progress-month-label,.progress-year-label{fill:#99a9bb;font-size:10px}.progress-year-divider{stroke:#394657}.chart-note{font-size:11px;color:#99a9bb;margin:0}.summary{display:flex;gap:25px;margin:15px 0}.summary b{display:block;font-size:20px;color:#edf3fa}.progress-data-point:focus{outline:none}.progress-data-point:focus circle:first-child{stroke:#fff;stroke-width:2}.chart-modes{margin:16px 0}.metric-select{display:flex;justify-content:space-between;border-bottom:1px solid #2c3745;padding-bottom:12px;font-size:12px;color:#c7b1f0}.route-map-error{background:white;color:#222;padding:5px;font:11px system-ui}.leaflet-container{font-family:system-ui}.leaflet-control-attribution{font-size:9px!important}@media(max-width:600px){.preview{padding:17px}.library-layout{display:block}.exercise-list .fake-input,.exercise-list .muted{display:none}.exercise-list{display:flex;flex-wrap:wrap;gap:6px}.exercise-list h2{width:100%;font-size:15px}.exercise-list button{width:auto;font-size:10px;margin:0 0 12px}.exercise-list button small{display:none}.anatomy-stage{height:300px}.card{padding:14px}.stats{gap:6px}.stats>div{padding:10px}.stats b{font-size:18px}.chart-grid{grid-template-columns:1fr}.progress-plot-desktop{display:none}.progress-plot-mobile{display:block}.chart-grid .card{padding:14px}.summary{gap:23px;margin:10px 0}.chart-modes{font-size:10px}.map{height:310px}h1{font-size:22px}.legend{font-size:10px}.route-title .tag{display:none}}

@media(max-width:600px){#exercise-choices{display:flex;gap:6px;width:100%}#exercise-choices button{flex:1}.anatomy-stage{height:320px}}