@font-face{font-family:Geist;src:url(/fonts/geist.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/geist-mono.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Doto;src:url(/fonts/doto.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--carbon:#0f1011;--charcoal:#141516;--graphite:#1c1d20;--slate:#2b2c30;--slate-hover:#35363b;--rule:#2e3034;--edge:#3a3b40;--ash:#8a8c91;--ash-hud:#b2b4b9;--stone:#c9c9c4;--bone:#ecebe6;--crust:#e8783a;--chalk:#d5dfa5;--surface-panel:#141516cc;--surface-card:#141516f2;--surface-tile:var(--graphite);--surface-raised:var(--slate);--surface-hover:var(--slate-hover);--surface-input:var(--carbon);--surface-callout:#e8783a1f;--scrim:#0f101173;--line:var(--rule);--line-strong:var(--edge);--text:var(--bone);--muted:var(--ash);--soft:var(--stone);--accent:var(--crust);--on-accent:var(--charcoal);--danger:#f2a070;--low:#a3b5c5;--ok:var(--chalk);--high:var(--crust);--hr:var(--text);--zone-1:#5e6167;--zone-2:#7f95a8;--zone-3:#a9b68c;--zone-4:#d9b46a;--zone-5:#e8783a;--zone-6:#b9493a;--graph-ahead:#0009;--graph-marker:var(--bone);--map-route:var(--zone-1);--map-done:var(--bone);--map-rider:var(--crust);--map-rider-ring:var(--charcoal);--font-sans:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-dot:"Doto", var(--font-mono);--fs-label:12px;--fs-unit:13px;--fs-caption:13px;--fs-body:14px;--fs-ui:16px;--fs-input:17px;--fs-title:18px;--fs-card:20px;--fs-stat-sm:18px;--fs-stat:26px;--fs-h2:24px;--fs-banner:30px;--fs-h1:30px;--fs-display:40px;--fs-tile:42px;--fs-hero:132px;--fs-hero-mid:96px;--fs-hero-compact:56px;--touch-target:44px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-dot:900;--lh-dot:.82;--lh-tight:1;--lh-snug:1.1;--track-title:-.02em;--track-unit:.02em;--track-chip:.06em;--track-label:.12em;--space-unit:6px;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:14px;--space-8:16px;--space-9:18px;--space-10:20px;--space-11:22px;--space-12:24px;--space-14:28px;--space-16:32px;--border:1px;--radius-xs:2px;--radius-sm:8px;--radius-step:10px;--radius-md:12px;--radius-ctl:14px;--radius-lg:16px;--radius-wo:18px;--radius-panel:22px;--radius-card:22px;--radius-pill:999px;--blur-panel:8px;--shadow-panel:0 8px 28px #0000004d;--shadow-card:0 12px 40px #00000073;--shadow-text:0 1px 2px #000000b3, 0 0 14px #00000080;--motion-fade:.4s;font-family:var(--font-sans);font-size:var(--fs-ui);color:var(--text);-webkit-font-smoothing:antialiased;--inset:var(--space-16);--wo-w:296px;--map-w:200px}*{box-sizing:border-box}html,body{background:var(--carbon);height:100%;margin:0;overflow:hidden}#world{width:100%;height:100%;transition:filter var(--motion-fade);display:block;position:fixed;inset:0}#world.fading{filter:brightness(0)}b{font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}small{color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-unit);margin-left:var(--space-unit)}h1{align-items:center;gap:var(--space-8);margin:0 0 var(--space-8);font-size:var(--fs-h1);font-weight:var(--fw-bold);letter-spacing:var(--track-title);display:flex}h1 .logo{width:48px;height:48px}h2{margin:0 0 var(--space-10);font-size:var(--fs-h2);font-weight:var(--fw-bold);letter-spacing:var(--track-title)}.label{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--muted);margin:0}button{font:inherit;font-weight:var(--fw-medium);color:inherit;cursor:pointer;justify-content:center;align-items:center;gap:var(--space-4);min-height:var(--touch-target);padding:0 var(--space-10);background:var(--surface-raised);border:var(--border) solid var(--line-strong);border-radius:var(--radius-md);display:inline-flex}button:hover{background:var(--surface-hover)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:var(--fw-semibold)}button.primary:hover{filter:brightness(1.08)}button.danger{border-color:var(--accent);color:var(--danger);font-weight:var(--fw-semibold);background:0 0}button.danger:hover{background:var(--surface-callout)}button:disabled{opacity:.4;cursor:default}button.icon{width:var(--touch-target);padding:0}button.icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.panel{background:var(--surface-panel);border:var(--border) solid var(--line);border-radius:var(--radius-panel);-webkit-backdrop-filter:blur(var(--blur-panel));backdrop-filter:blur(var(--blur-panel));box-shadow:var(--shadow-panel);position:fixed}.panel,.cue,#banner,#controls{--muted:var(--ash-hud)}.cue{font-size:var(--fs-card);font-weight:var(--fw-semibold);text-shadow:var(--shadow-text);pointer-events:none}.cue:empty{display:none}.pw{align-items:flex-end;gap:var(--space-9);flex-wrap:wrap;display:flex}.pw b{font-family:var(--font-dot);font-weight:var(--fw-dot);font-size:var(--fs-hero);line-height:var(--lh-dot);letter-spacing:var(--track-title)}.pw>span{align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-3);flex-direction:column;display:flex}.pw small{font-size:var(--fs-ui);color:var(--soft);margin:0}.state{align-items:center;gap:var(--space-3);height:26px;padding:0 var(--space-5);border-radius:var(--radius-sm);background:var(--surface-raised);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--track-chip);text-transform:uppercase;white-space:nowrap;display:inline-flex}.state:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.state:empty{visibility:hidden}.state.low{color:var(--low)}.state.ok{color:var(--ok)}.state.high{color:var(--high)}.bar{border-radius:var(--radius-pill);background:var(--surface-raised);height:4px;overflow:hidden}.bar>div{background:var(--accent);border-radius:inherit;width:0;height:100%}.bar.step{height:8px}.grid{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.grid div{min-height:108px;padding:var(--space-8) var(--space-9);justify-content:space-between;gap:var(--space-6);background:var(--surface-tile);border:var(--border) solid var(--line);border-radius:var(--radius-lg);flex-direction:column;display:flex;container-type:inline-size}.grid div>small{font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase;margin:0}.grid b{font-family:var(--font-dot);font-weight:var(--fw-dot);font-size:min(var(--fs-tile), (100cqi - 24px) / 3);line-height:var(--lh-dot);letter-spacing:var(--track-title);white-space:nowrap}.grid b small{font-weight:var(--fw-regular);letter-spacing:0}.wo{min-height:176px;padding:var(--space-11) var(--space-12) var(--space-10);justify-content:flex-start;align-items:stretch;gap:var(--space-3);text-align:left;font-weight:var(--fw-regular);background:var(--surface-tile);border-color:var(--line);border-radius:var(--radius-wo);flex-direction:column;display:flex;position:relative}.wo:hover{background:var(--surface-raised);border-color:var(--line-strong)}.wo-top{justify-content:space-between;align-items:baseline;gap:var(--space-6);display:flex}.wo strong{font-size:var(--fs-card);font-weight:var(--fw-semibold);letter-spacing:-.01em}.wo time{font-family:var(--font-mono);font-size:var(--fs-unit);color:var(--soft);white-space:nowrap}.wo em{color:var(--muted);font-style:normal;font-size:var(--fs-body)}.wo canvas{width:100%;height:60px;margin-top:auto}.wo.free,.wo-import{justify-content:center;min-height:96px}.wo-import{border-style:dashed;border-color:var(--line-strong);background:0 0;padding-left:64px}.wo-import:before{content:"+";left:var(--space-12);font-size:30px;font-weight:var(--fw-regular);position:absolute;top:50%;transform:translateY(-55%)}.wo-import strong{font-size:var(--fs-title)}.wo-remove{top:var(--space-10);right:var(--space-8);color:var(--muted);padding:var(--space-2) var(--space-3);position:absolute}.wo-remove:hover{color:var(--text)}.wo:has(.wo-remove) .wo-top{padding-right:var(--space-12)}.sensor{min-height:72px;padding:0 var(--space-10);column-gap:var(--space-7);row-gap:var(--space-1);text-align:left;border-radius:var(--radius-lg);background:0 0;border-style:dashed;grid-template-columns:auto minmax(0,1fr) auto;align-content:center;place-items:center start;display:grid}.sensor:before{content:"";border:1.5px solid var(--muted);border-radius:50%;grid-row:1/3;width:8px;height:8px}.sensor strong{font-weight:var(--fw-semibold);grid-area:1/2}.sensor strong small{font-family:var(--font-sans);font-size:inherit;font-weight:var(--fw-regular);margin:0}.sensor span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:var(--font-mono);font-size:var(--fs-label);color:var(--muted);grid-area:2/2;overflow:hidden}.sensor em{font-style:normal;font-family:var(--font-mono);font-size:var(--fs-label);color:var(--muted);grid-area:1/3/3}.sensor.on{background:var(--surface-tile);border-style:solid;border-color:var(--line)}.sensor.on:before{background:var(--ok);border-color:var(--ok)}.sensor.on span{color:var(--ok)}.overlay{background:var(--scrim);padding:var(--space-8);place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.overlay[hidden],#hud[hidden],#recover[hidden],#workout[hidden],#no-bt[hidden],#keys[hidden],#btn-world[hidden]{display:none}.card{background:var(--surface-card);border:var(--border) solid var(--line);border-radius:var(--radius-card);padding:var(--space-14);width:min(460px,100%);box-shadow:var(--shadow-card)}.card.wide{width:min(1200px,100%);padding:var(--space-16)}.tile{background:var(--surface-tile);border:var(--border) solid var(--line);border-radius:var(--radius-panel);padding:var(--space-11) var(--space-12)}.actions{gap:var(--space-6);flex-wrap:wrap;justify-content:flex-end;display:flex}.actions button{min-height:48px;padding:0 var(--space-12)}.head{justify-content:space-between;align-items:center;gap:var(--space-8) var(--space-12);margin-bottom:var(--space-14);flex-wrap:wrap;display:flex}.head h1{margin:0}.settings{align-items:center;gap:var(--space-6) var(--space-10);flex-wrap:wrap;display:flex}.settings label,.settings .field{align-items:center;gap:var(--space-5);font-family:var(--font-mono);font-size:var(--fs-unit);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:flex}.settings input{width:88px;height:44px;padding:0 var(--space-7);font-family:var(--font-mono);font-size:var(--fs-input);color:var(--text);background:var(--surface-input);border:var(--border) solid var(--line-strong);border-radius:var(--radius-md)}.settings .unit-switch{height:44px;font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--soft);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.settings input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.pill{height:44px;padding:0 var(--space-7);font-family:var(--font-mono);font-size:var(--fs-unit);color:var(--soft);background:var(--surface-tile);border:var(--border) solid var(--line);border-radius:var(--radius-md);align-items:center;display:flex}.sensors{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}@media (width>=700px){.sensors{grid-template-columns:repeat(2,minmax(0,1fr))}}#recover{background:var(--surface-callout);border:var(--border) solid var(--accent);padding:var(--space-5) var(--space-7);border-radius:var(--radius-ctl);margin-top:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}#no-bt{margin:var(--space-8) 0 0;padding:var(--space-5) var(--space-7);background:var(--surface-callout);border:var(--border) solid var(--accent);border-radius:var(--radius-ctl)}#recover button{margin-left:auto}#recover button+button{margin-left:0}.list-head{justify-content:space-between;align-items:baseline;gap:var(--space-4) var(--space-8);margin:var(--space-14) 0 var(--space-8);flex-wrap:wrap;display:flex}.legend{gap:var(--space-8);font-family:var(--font-mono);font-size:var(--fs-label);color:var(--muted);flex-wrap:wrap;display:flex}.legend span{align-items:center;gap:var(--space-3);display:flex}.legend i{border-radius:var(--radius-xs);background:var(--c);width:10px;height:10px}.foot{margin:var(--space-14) 0 0;font-size:var(--fs-label);color:var(--muted)}.foot a{color:inherit}.list{gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}#sum-title{font-size:var(--fs-display);margin-bottom:var(--space-14)}.sum{gap:var(--space-8);grid-template-columns:minmax(0,3fr) minmax(0,2fr);display:grid}.sum .tile-head{justify-content:space-between;align-items:baseline;gap:var(--space-4) var(--space-8);margin-bottom:var(--space-7);flex-wrap:wrap;display:flex}.sum .tile-head h2{font-size:var(--fs-title);font-weight:var(--fw-semibold);margin:0}.legend i.line{width:14px;height:3px}.plot{column-gap:var(--space-4);row-gap:var(--space-3);grid-template-rows:220px auto;grid-template-columns:34px minmax(0,1fr);display:grid}#sum-chart{width:100%;height:100%;overflow:visible}#sum-y{position:relative}#sum-y span,#sum-x{font-family:var(--font-mono);color:var(--muted);font-size:11px}#sum-y span{position:absolute;right:0;transform:translateY(-50%)}#sum-x{grid-column:2;justify-content:space-between;display:flex}.zones{flex-direction:column;display:flex}#sum-zones{justify-content:space-between;gap:var(--space-6);flex-direction:column;flex:1;display:flex}#sum-zones>div{gap:var(--space-5);font-size:var(--fs-caption);color:var(--muted);grid-template-columns:26px 84px minmax(0,1fr) 56px;align-items:center;display:grid}#sum-zones>div>span:first-child{font-family:var(--font-mono);color:var(--soft)}#sum-zones>div>span:last-child{font-family:var(--font-mono);color:var(--text);text-align:right}.zbar{border-radius:var(--radius-xs);background:var(--surface-raised);height:14px;overflow:hidden}.zbar i{background:var(--c);border-radius:var(--radius-xs);height:100%;display:block}.post-box{gap:var(--space-7);flex-direction:column;display:flex}.post{gap:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.post .label{margin-bottom:var(--space-1);flex-basis:100%}.post button{padding:0 var(--space-9);border-radius:var(--radius-pill);font-size:15px}#sum-note{color:var(--muted);font-size:var(--fs-body);margin:0}.post-box .actions{margin-top:auto}#workout{top:var(--inset);left:var(--inset);width:var(--wo-w);padding:var(--space-10);gap:var(--space-7);flex-direction:column;display:flex}.wname{font-weight:var(--fw-semibold);font-size:var(--fs-title);letter-spacing:-.01em}.wfinish{margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-label);color:var(--muted)}.wfinish b{font-weight:var(--fw-regular);color:var(--text)}#workout>.bar{display:none}#w-steps{padding:var(--space-6) 0 0;border-top:var(--border) solid var(--line);gap:var(--space-1);grid-template-columns:minmax(0,1fr);margin:0;list-style:none;display:grid}#w-steps li{height:36px;padding:0 var(--space-5);align-items:center;gap:var(--space-4);border-radius:var(--radius-step);font-size:var(--fs-body);color:var(--soft);display:flex}#w-steps li:before{content:"";border-radius:50%;flex:none;width:6px;height:6px}#w-steps li span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}#w-steps li span:last-child{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--muted);white-space:nowrap}#w-steps li.now{background:var(--surface-raised);color:var(--text);font-weight:var(--fw-semibold)}#w-steps li.now:before{background:var(--accent)}.bias{align-items:center;gap:var(--space-5);display:flex}.bias button{background:0 0;border-radius:50%;width:36px;height:36px;min-height:0;padding:0}.bias button:hover{background:var(--surface-hover)}#w-bias{text-align:center;min-width:64px;font-family:var(--font-mono)}.bias .label{margin-left:auto}#w-graph{width:100%;height:52px;display:block}#center{top:var(--inset);align-items:center;gap:var(--space-6);pointer-events:none;flex-direction:column;width:720px;display:flex;position:fixed;left:50%;transform:translate(-50%)}#data{width:100%;padding:var(--space-11) var(--space-14) var(--space-12);gap:var(--space-9);pointer-events:auto;flex-direction:column;display:flex;position:relative}#data b{font-family:var(--font-mono);font-weight:var(--fw-medium);font-size:var(--fs-stat)}.row.top{gap:var(--space-6);padding-bottom:var(--space-8);border-bottom:var(--border) solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.row.top>div,.side>div{white-space:nowrap}.row.top>:last-child{text-align:right}.row.mid{gap:var(--space-12);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.power{gap:var(--space-7);flex-direction:column;min-width:0;display:flex}#data .pw b{font-family:var(--font-dot);font-weight:var(--fw-dot);font-size:var(--fs-hero)}.step-line{justify-content:space-between;gap:var(--space-1) var(--space-6);font-family:var(--font-mono);font-size:var(--fs-unit);color:var(--muted);flex-wrap:wrap;display:flex}#data .step-line b{font-size:inherit;font-weight:var(--fw-regular);color:var(--text)}.side{gap:var(--space-7);min-width:136px;padding-left:var(--space-12);border-left:var(--border) solid var(--line);flex-direction:column;display:flex}.side .hr b{color:var(--hr)}#cue{white-space:nowrap}#banner{top:calc(100% + var(--space-6));font-size:var(--fs-banner);font-weight:var(--fw-semibold);letter-spacing:var(--track-title);white-space:nowrap;text-shadow:var(--shadow-text);pointer-events:none;opacity:0;transition:opacity var(--motion-fade);position:absolute;left:50%;transform:translate(-50%)}#banner.show{opacity:1}#minimap{right:var(--inset);bottom:var(--inset);width:var(--map-w);height:var(--map-w);background:var(--surface-panel);border:var(--border) solid var(--line);border-radius:var(--radius-panel);-webkit-backdrop-filter:blur(var(--blur-panel));backdrop-filter:blur(var(--blur-panel));position:fixed}#controls{bottom:var(--inset);gap:var(--space-5);align-items:center;display:flex;position:fixed;left:50%;transform:translate(-50%)}#controls button,#sensor-dots{height:52px;padding:0 var(--space-10);white-space:nowrap;background:var(--surface-panel);border:var(--border) solid var(--line-strong);border-radius:var(--radius-ctl);-webkit-backdrop-filter:blur(var(--blur-panel));backdrop-filter:blur(var(--blur-panel))}#controls button:hover{background:var(--surface-hover)}#controls button.icon{width:52px;padding:0}#controls button.danger{border-color:var(--accent)}#btn-mute .x,#btn-mute.muted .waves{display:none}#btn-mute.muted .x{display:inline}#keys{bottom:calc(var(--inset) + 52px + var(--space-6));width:max-content;max-width:calc(100vw - var(--inset) * 2);padding:var(--space-10) var(--space-12);z-index:1;position:fixed;left:50%;transform:translate(-50%)}#keys table{border-collapse:collapse;margin:var(--space-5) 0}#keys td{padding:var(--space-2) var(--space-6) var(--space-2) 0}#keys td:first-child{white-space:nowrap}#keys kbd{min-width:24px;padding:0 var(--space-3);text-align:center;font-family:var(--font-mono);font-size:var(--fs-label);border:var(--border) solid var(--line-strong);border-radius:var(--radius-xs);display:inline-block}@media (hover:none){#btn-keys{display:none}}#sensor-dots{align-items:center;gap:var(--space-6);font-family:var(--font-mono);font-size:var(--fs-label);color:var(--muted);border-color:var(--line);display:flex}#sensor-dots:empty{display:none}#sensor-dots span{align-items:center;gap:var(--space-3);display:flex}#controls #sensor-dots button{height:auto;font:inherit;color:inherit;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;background:0 0;border:0;padding:0}#controls #sensor-dots button:hover{color:var(--text);background:0 0}.dot{background:var(--ok);border-radius:50%;width:6px;height:6px}.dot.wait{background:var(--accent)}.dot.ring{border:1.5px solid var(--muted);background:0 0}@media (width<=1440px){#center{left:calc(var(--wo-w) + var(--inset) * 2);right:var(--inset);width:auto;max-width:720px;transform:none}}@media (width<=1280px){:root{--inset:var(--space-8)}#controls{left:var(--inset);right:calc(var(--map-w) + var(--inset) * 2);flex-wrap:wrap;justify-content:center;transform:none}}@media (width<=1100px){#data .pw b{font-size:var(--fs-hero-mid)}#controls button,#sensor-dots{height:var(--touch-target);padding:0 var(--space-7)}#controls button.icon{width:var(--touch-target)}}@media (width<=860px) and (height>=521px) and (orientation:portrait){:root{--inset:var(--space-4)}#world{transform:translateY(-14vh)}#hud{gap:var(--space-4);padding:var(--inset);pointer-events:none;flex-direction:column;display:flex;position:fixed;inset:0}#hud>#center,#hud>#workout,#hud>#controls{pointer-events:auto;width:auto;max-width:none;position:static;transform:none}#hud>#center{pointer-events:none;margin-bottom:auto;position:relative;inset:auto}#center{order:0}#workout{order:2}#controls{order:3}#data{padding:var(--space-6) var(--space-8) var(--space-8);gap:var(--space-6)}.row.top{padding-bottom:var(--space-5);justify-content:space-between;display:flex}#data .row.top b,#data .side b{font-size:var(--fs-stat-sm)}.row.mid{gap:var(--space-5) var(--space-8);grid-template-areas:"pw side""line line""bar bar"}.power{display:contents}.pw{grid-area:pw}.step-line{grid-area:line}.bar.step{grid-area:bar}.side{gap:var(--space-4);min-width:0;padding-left:var(--space-8);grid-area:side}#workout{padding:var(--space-6);gap:var(--space-5)}#w-steps{padding-top:var(--space-4)}#w-steps li{height:32px}#w-steps li:nth-child(n+3){display:none}#w-graph{height:36px}#minimap{display:none}#controls{justify-content:center;gap:var(--space-4);flex-wrap:wrap}}@media (width<=860px){#banner{font-size:var(--fs-h2);white-space:normal;text-align:center;width:100%}.card.wide{padding:var(--space-10)}.sum{grid-template-columns:1fr}#sum-title{font-size:var(--fs-h1)}.wo{min-height:150px}}@media (width<=480px),(height<=520px){#w-graph{display:none}#workout>.bar{display:block}#data .pw b{font-size:var(--fs-hero-compact)}.pw{gap:var(--space-6)}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid div{min-height:88px;padding:var(--space-6) var(--space-7)}.plot{grid-template-rows:160px auto}}@media (height<=520px),(width<=860px) and (orientation:landscape){:root{--inset:var(--space-4);--wo-w:240px}#workout{padding:var(--space-6);gap:var(--space-4)}#w-steps li{height:30px}#w-steps li:nth-child(n+3),#minimap,.bias .label{display:none}#center{left:calc(var(--wo-w) + var(--inset) * 2);right:var(--inset);width:auto;max-width:none;transform:none}#data{padding:var(--space-4) var(--space-8) var(--space-6);gap:var(--space-4)}.row.top{padding-bottom:var(--space-3)}#data .row.top b,#data .side b{font-size:var(--fs-title)}.power{gap:var(--space-4)}.row.mid{gap:var(--space-8)}.side{gap:var(--space-2);min-width:0;padding-left:var(--space-8)}#controls{left:calc(var(--wo-w) + var(--inset) * 2);right:var(--inset);flex-wrap:wrap;justify-content:center;transform:none}}