:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f2f7;--surface:#fff;--surface-2:#f8f8fa;--accent:#007aff;--accent-tint:#007aff14;--focus:#007aff4d;--ink:#111;--muted:#6e6e73;--line:#1111111f;--hover:#1111110d;--radius:8px;--topbar-height:58px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111315;--surface:#1d2023;--surface-2:#272b2f;--accent:#58a8ff;--accent-tint:#58a8ff24;--focus:#58a8ff6b;--ink:#f5f7fa;--muted:#aab0b7;--line:#f5f7fa29;--hover:#f5f7fa12}}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.38}h1,h2,h3,p{margin:0}.topbar{min-height:var(--topbar-height);padding:4px 10px;padding-top:calc(4px + env(safe-area-inset-top));background:var(--bg);border-bottom:1px solid var(--line);grid-template-columns:minmax(150px,.9fr) minmax(0,1.1fr);align-items:center;gap:8px;display:grid}.brand{align-items:center;gap:8px;min-width:0;display:flex}.brand>div{min-width:0}.brand-mark{border-radius:var(--radius);background:var(--ink);width:32px;height:32px;color:var(--surface);flex:none;place-items:center;font-weight:800;display:grid}h1{font-size:16px;line-height:1.15}.program-picker-button{max-width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:16px;font-weight:700;line-height:1.15;display:flex}.program-picker-button span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.program-picker-button:focus-visible,.dialog-close:focus-visible,.program-option:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.picker-chevron{width:16px;height:16px;color:var(--muted);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:none}.training-system-name{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:700}.brand p,.eyebrow{color:var(--muted);font-size:12px}#weekMeta{display:none}.week-nav,.block-nav{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);scrollbar-width:none;gap:4px;max-width:100%;padding:3px;display:flex;overflow-x:auto}.week-nav::-webkit-scrollbar{display:none}.block-nav::-webkit-scrollbar{display:none}.week-nav[hidden],.agenda-tools[hidden]{display:none}.week-button,.block-button,.transport-button{border-radius:calc(var(--radius) - 3px);color:var(--ink);cursor:pointer;background:0 0;border:0;font-weight:600}.week-button{flex:1 0 auto;min-width:44px;height:44px}.week-button.active,.block-button.active{background:var(--surface);color:var(--accent);font-weight:700;box-shadow:0 1px 3px #11111124}.week-button:focus-visible,.block-button:focus-visible,.transport-button:focus-visible,.exercise-row:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.stage{width:min(1020px,100%);padding:0 10px calc(36px + env(safe-area-inset-bottom));margin:0 auto}.player{z-index:15;background:var(--bg);border-bottom:1px solid var(--line);margin:0 -10px 8px;padding:6px 10px;position:sticky;top:0}.video-shell{border-radius:var(--radius);border:1px solid var(--line);background:var(--ink);position:relative;overflow:hidden}.missing-video{z-index:20;color:var(--surface);text-align:center;background:var(--ink);align-content:center;place-items:center;gap:8px;padding:22px;display:grid;position:absolute;inset:0}.missing-video a{color:#9cc4ff;font-weight:600}.missing-video[hidden],.missing-video a[hidden]{display:none}mux-player{aspect-ratio:16/9;--media-accent-color:var(--accent);--media-control-height:30px;width:100%;display:block}.video-shell.silent mux-player{--mute-button:none;--volume-range:none}.video-shell.silent .plyr [data-plyr=mute],.video-shell.silent .plyr .plyr__volume,.video-shell:not(.mux-active) mux-player,.video-shell.mux-active .plyr,.video-shell.mux-active #videoPlayer{display:none}.plyr{--plyr-color-main:var(--accent)}.plyr--video .plyr__video-wrapper{order:1;width:100%}.plyr--video .plyr__controls{background:var(--surface);width:100%;color:var(--ink);order:2;padding:8px 10px;position:static}.plyr--video.plyr--hide-controls .plyr__controls{opacity:1;pointer-events:auto;transform:none}.control-panel{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;margin-top:4px;display:grid}.exercise-heading{text-align:center;gap:2px;min-width:0;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.position:before{content:"· "}h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:18px;line-height:1.25;display:-webkit-box;overflow:hidden}.transport-button{background:var(--surface);border:1px solid var(--line);place-items:center;width:44px;height:44px;line-height:1;display:grid}.transport-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:22px;height:22px}.transport-button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.exercise-info{gap:4px;margin-top:3px;display:grid}.exercise-info[hidden]{display:none}.set-chips{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.set-chips:empty{display:none}.set-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;flex:none;padding:5px 10px;font-size:15px;font-weight:700}.notes[hidden]{display:none}.notes summary{cursor:pointer;color:var(--muted);-webkit-tap-highlight-color:transparent;padding:4px 0;font-size:13px;font-weight:600}.notes ul{color:var(--ink);gap:4px;max-height:30vh;margin:4px 0 2px;padding-left:18px;font-size:14px;line-height:1.45;display:grid;overflow-y:auto}.agenda{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.agenda-tools{border-bottom:1px solid var(--line);background:var(--surface);gap:10px;padding:10px;display:grid}.block-button{white-space:nowrap;flex:1 0 auto;min-height:44px;padding:0 12px}.exercise-list{display:grid}.section-divider{color:var(--muted);text-transform:uppercase;letter-spacing:0;padding:16px 14px 6px;font-size:12px;font-weight:700}.exercise-row{border:0;border-top:1px solid var(--line);width:100%;min-height:56px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 14px;display:grid}.exercise-row.active{background:var(--accent-tint);box-shadow:inset 3px 0 0 var(--accent)}.exercise-row.active .exercise-name{font-weight:700}.exercise-number{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.exercise-name{min-width:0;font-size:15px;font-weight:500;line-height:1.3}.week-badge{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:600}.empty{color:var(--muted);padding:18px}.program-picker{border:1px solid var(--line);background:var(--surface);width:min(520px,100% - 24px);max-height:min(720px,100% - 24px);color:var(--ink);border-radius:14px;padding:0;box-shadow:0 20px 60px #1111113d}.program-picker::backdrop{background:#1111116b}.program-picker-header{z-index:1;border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0}.dialog-close{background:var(--surface-2);width:38px;height:38px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;font-size:26px;line-height:1}.program-list{display:grid}.program-group{padding:6px 16px 8px}.program-group+.program-group{border-top:1px solid var(--line)}.program-group summary{cursor:pointer;min-height:44px;color:var(--muted);letter-spacing:0;text-transform:uppercase;-webkit-tap-highlight-color:transparent;align-items:center;gap:8px;font-size:12px;font-weight:700;list-style:none;display:flex}.program-group summary::-webkit-details-marker{display:none}.program-group summary:before{content:"";border-bottom:2px solid;border-right:2px solid;flex:none;width:7px;height:7px;transition:transform .15s;transform:rotate(-45deg)}.program-group[open] summary:before{transform:rotate(45deg)}.program-count{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.program-group .program-option+.program-option{margin-top:8px}.program-group .program-option:last-child{margin-bottom:8px}.program-option{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--ink);cursor:pointer;text-align:left;gap:3px;padding:12px;display:grid}.program-option.active{border-color:var(--accent);background:var(--accent-tint)}.program-option span{color:var(--muted);font-size:13px}@media (hover:hover) and (pointer:fine){.week-button:not(.active):hover,.block-button:not(.active):hover,.exercise-row:not(.active):hover,.program-group summary:hover,.dialog-close:hover{background:var(--hover)}.transport-button:not(.primary):not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.transport-button.primary:not(:disabled):hover{filter:brightness(1.08)}.program-option:not(.active):hover{border-color:var(--accent)}.program-picker-button:hover .picker-chevron{color:var(--accent)}.notes summary:hover{color:var(--ink)}}@media (width>=760px){:root{--topbar-height:66px}.topbar{z-index:20;min-height:var(--topbar-height);grid-template-columns:minmax(190px,1fr) auto;align-items:center;padding:9px 18px;position:sticky;top:0}.week-nav{flex-wrap:wrap;justify-content:flex-end;overflow-x:visible}.week-button{flex:none;height:44px;padding:0 12px}.stage{padding:18px 18px 56px}.player{background:0 0;border-bottom:0;max-width:880px;margin:0 auto 18px;padding:0;position:static}.control-panel{gap:16px;margin-top:14px}h1{font-size:17px}h2{font-size:24px}.eyebrow{font-size:13px}.transport-button{width:56px;height:52px}.agenda{max-width:880px;margin:0 auto}.agenda-tools{padding:12px}.exercise-row{grid-template-columns:42px minmax(0,1fr) auto;min-height:54px;padding:10px 16px}#weekMeta{display:block}}@media (width>=1100px){.stage{grid-template-columns:minmax(560px,1.6fr) minmax(320px,1fr);align-items:start;gap:20px;width:min(1400px,100%);padding:18px 20px 56px;display:grid}.player{top:calc(var(--topbar-height) + 18px);min-width:0;max-width:960px;margin:0;position:sticky}.agenda{top:calc(var(--topbar-height) + 18px);max-width:none;max-height:calc(100dvh - var(--topbar-height) - 36px);overscroll-behavior:contain;scrollbar-gutter:stable;margin:0;position:sticky;overflow-y:auto}.agenda-tools{z-index:2;position:sticky;top:0}.exercise-row{grid-template-columns:34px minmax(0,1fr) auto}.exercise-info{gap:8px;margin-top:10px}.notes{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:4px 14px}.notes summary{align-items:center;min-height:36px;display:flex}.notes ul{max-height:none;margin:0 0 10px}}@media (width>=1500px){.stage{grid-template-columns:minmax(720px,960px) minmax(360px,1fr);width:min(1520px,100%)}}@media (orientation:landscape) and (width<=1099px) and (height<=500px){:root{--topbar-height:58px}.topbar{min-height:var(--topbar-height);padding:5px 10px;padding-left:calc(10px + env(safe-area-inset-left));padding-right:calc(10px + env(safe-area-inset-right));grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);position:static}.brand-mark{width:34px;height:34px}#weekMeta{display:none}.week-button{height:44px}.stage{width:100%;padding:8px calc(10px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));display:block}.player{background:0 0;border:0;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,55fr) minmax(240px,45fr);align-items:start;column-gap:10px;max-width:none;margin:0 0 8px;padding:0;display:grid;position:static}.video-shell{grid-row:1/span 2}.control-panel{grid-column:2;gap:4px;margin:0}.exercise-info{grid-column:2;align-self:start;margin-top:6px}h2{font-size:18px}.transport-button{width:44px;height:44px}.set-chip{font-size:14px}.notes ul{max-height:22vh}.agenda{max-width:none;max-height:none;position:static;overflow:hidden}}@media (hover:none),(pointer:coarse){.dialog-close{width:44px;height:44px}}
