:root{--bg:#0c100f;--panel:#111615c7;--line:#e7ece01c;--line-strong:#e7ece038;--text:#eef1ea;--muted:#9da6a2;--jade:#65d6ad;--amber:#eeb66b;--lymph:#ff9478;--lymph-flow:#f3b6a4;--accent:var(--jade);--serif:ui-serif, Georgia, "Times New Roman", serif;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--pad:18px;--top:78px;--bar:min(420px, 52vh);--gap:12px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0}#view{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}button:focus-visible,.track:focus-visible,.stroke:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.panel{background:var(--panel);-webkit-backdrop-filter:blur(18px)saturate(1.1);border:1px solid var(--line);border-radius:8px;position:fixed}.topbar{top:var(--pad);left:var(--pad);right:var(--pad);pointer-events:none;z-index:3;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:fixed}.topbar>*{pointer-events:auto}.wordmark{align-items:center;gap:12px;display:flex}.wordmark .mark{background:radial-gradient(circle at 34% 30%,#b8f5dd,#3fa483 58%,#1e5b47);border-radius:50%;flex:none;width:30px;height:30px;box-shadow:0 0 26px #78e2ba6b}.wordmark h1{font-family:var(--serif);letter-spacing:.02em;margin:0;font-size:20px;font-weight:400}.wordmark p{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:1px 0 0;font-size:12px}.topbar-actions{gap:8px;display:flex}.control-compact{display:none}.ghost{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);color:var(--muted);letter-spacing:.02em;border-radius:999px;padding:7px 13px;font-size:12px;transition:color .18s,border-color .18s}.ghost:hover{color:var(--text);border-color:var(--line-strong)}.ghost.small{min-width:44px;padding:5px 11px}.dock{left:var(--pad);right:var(--pad);bottom:var(--pad);z-index:3;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:end;gap:14px;display:grid;position:fixed}.dock>*{pointer-events:auto}.routines{flex-direction:column;justify-self:start;gap:4px;width:260px;padding:8px;display:flex;position:static}.routine{text-align:left;border:1px solid #0000;border-radius:6px;width:100%;padding:12px 13px;transition:background .18s,border-color .18s;display:block}.routine:hover{background:#ffffff0a}.routine[aria-selected=true]{border-color:var(--line-strong);background:#ffffff0e}.routine .dot{vertical-align:1px;background:var(--rc,var(--jade));width:7px;height:7px;box-shadow:0 0 10px var(--rc,var(--jade));border-radius:50%;margin-right:8px;display:inline-block}.routine strong{font-size:14px;font-weight:500}.routine span.sub{color:var(--muted);margin-top:3px;padding-left:15px;font-size:11.5px;display:block}.stroke{width:336px;max-height:calc(var(--bar) - var(--pad) - 18px);justify-self:end;padding:16px 18px 17px;position:static;overflow-y:auto}.stroke-head{letter-spacing:.09em;text-transform:uppercase;align-items:baseline;gap:10px;font-size:11px;display:flex}.stroke-head .step{color:var(--accent);font-variant-numeric:tabular-nums}.stroke-head .region{color:var(--muted)}.stroke h2{font-family:var(--serif);margin:9px 0 13px;font-size:25px;font-weight:400;line-height:1.16}.meta{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);letter-spacing:.03em;border-radius:999px;padding:4px 10px;font-size:11px}.chip.pressure{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.reps{margin-bottom:16px}.reps-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;font-size:11px}.pips{flex-wrap:wrap;gap:4px;display:flex}.pips i{background:#ffffff21;border-radius:2px;flex:8px;min-width:8px;height:3px;transition:background .2s}.pips i.done{background:color-mix(in srgb, var(--accent) 55%, transparent)}.pips i.active{background:var(--accent);box-shadow:0 0 8px var(--accent)}.note{color:#cbd0cb;margin:0 0 15px;font-size:13.5px;line-height:1.55}.why{border-top:1px solid var(--line);color:var(--muted);margin:0;padding-top:13px;font-size:12.5px;line-height:1.5}.why span{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);opacity:.8;margin-bottom:5px;font-size:10px;display:block}.why em{font-style:normal}#figure[aria-pressed=true]{color:var(--jade);border-color:color-mix(in srgb, var(--jade) 42%, transparent);background:color-mix(in srgb, var(--jade) 10%, var(--panel))}#lymph[aria-pressed=true]{color:var(--lymph);border-color:color-mix(in srgb, var(--lymph) 45%, transparent);background:color-mix(in srgb, var(--lymph) 12%, var(--panel))}.legend{left:var(--pad);top:var(--top);width:260px;max-height:calc(100vh - var(--top) - var(--bar) - 8px);z-index:5;padding:15px 16px 16px;overflow-y:auto}body[data-mirror=large] .legend{top:calc(var(--top) + 204px);max-height:calc(100vh - var(--top) - var(--bar) - 212px)}.legend[hidden]{display:none}.legend h3{letter-spacing:.1em;text-transform:uppercase;color:var(--lymph);margin:0 0 8px;font-size:11px}.legend-lead{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.5}.legend ul{margin:0;padding:0;list-style:none}.legend li{border-top:1px solid var(--line);padding:6px 0 6px 15px;position:relative}.legend li:before{content:"";background:var(--lymph);opacity:.5;border-radius:50%;width:6px;height:6px;position:absolute;top:11px;left:0}.legend li.focus:before{opacity:1;box-shadow:0 0 9px var(--lymph)}.legend li strong{color:#cbd0cb;font-size:12.5px;font-weight:500;display:block}.legend li.focus strong{color:var(--lymph)}.legend li span{color:var(--muted);margin-top:2px;font-size:11.5px;line-height:1.45;display:block}.legend-foot{border-top:1px solid var(--line);color:var(--muted);margin:12px 0 0;padding-top:11px;font-size:11.5px;line-height:1.45}.swatch{vertical-align:middle;background:linear-gradient(90deg, transparent, var(--lymph-flow), transparent);border-radius:2px;width:16px;height:3px;margin-right:7px;display:inline-block}.transport{width:min(520px, calc(100vw - 2 * var(--pad)));background:var(--panel);-webkit-backdrop-filter:blur(18px)saturate(1.3);border:1px solid var(--line);z-index:3;border-radius:16px;padding:12px 16px 13px}.track{cursor:pointer;background:#ffffff1c;border-radius:2px;height:3px;overflow:hidden}.track-fill{background:var(--accent);width:0;height:100%;box-shadow:0 0 10px var(--accent)}.controls{align-items:center;gap:8px;margin-top:11px;display:flex}.icon{width:34px;height:34px;color:var(--muted);border-radius:50%;place-items:center;transition:color .18s,background .18s;display:grid}.icon:hover{color:var(--text);background:#ffffff0f}.icon svg{fill:currentColor;width:17px;height:17px}.icon[aria-pressed=true]{color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent)}.icon.primary{color:#08110d;background:var(--accent);width:42px;height:42px;box-shadow:0 0 22px color-mix(in srgb, var(--accent) 45%, transparent)}.icon.primary:hover{background:var(--accent);filter:brightness(1.08)}.icon.primary svg{width:19px;height:19px}.time{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.time i{opacity:.45;padding:0 2px;font-style:normal}.modal{z-index:10;-webkit-backdrop-filter:blur(6px);height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#06080ba8;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.modal[hidden]{display:none}.modal-card{border:1px solid var(--line);background:#151a18;border-radius:8px;flex-direction:column;width:min(460px,100%);max-height:100%;display:flex;overflow:hidden}.modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:26px 28px 8px;overflow-y:auto}.modal-card h2{font-family:var(--serif);margin:0 0 16px;font-size:22px;font-weight:400}.modal-card ul{margin:0 0 18px;padding-left:18px}.modal-card li{color:#cbd0cb;margin-bottom:8px;font-size:13px;line-height:1.6}.modal-card li::marker{color:var(--accent)}.disclaimer{border-top:1px solid var(--line);color:var(--muted);margin:0 0 14px;padding-top:14px;font-size:12px;line-height:1.55}.privacy{color:var(--muted);opacity:.82;margin:0;font-size:11.5px;line-height:1.5}.modal-actions{border-top:1px solid var(--line);background:#151a18;flex:none;padding:12px 28px 20px}.modal-actions button{background:var(--accent);color:#08110d;border-radius:6px;width:100%;min-height:44px;padding:10px 16px;font-size:13px;font-weight:600}.modal-actions button:hover{filter:brightness(1.08)}@media (width<=480px){.modal-body{padding:22px 20px 8px}.modal-actions{padding:12px 20px 16px}}@media (width<=900px){:root{--pad:12px}.dock{display:contents}body[data-mirror] #view{width:100%;height:100%;box-shadow:none;border:none;border-radius:0;inset:0}.routines{top:72px;left:var(--pad);right:var(--pad);scrollbar-width:none;flex-direction:row;justify-self:auto;width:auto;position:fixed;overflow-x:auto}.routines::-webkit-scrollbar{display:none}.routine{min-width:168px;padding:9px 11px}.routine span.sub{display:none}.stroke{top:auto;bottom:108px;left:var(--pad);right:var(--pad);justify-self:auto;width:auto;max-height:42vh;padding:14px 16px 16px;position:fixed}.stroke h2{margin:7px 0 10px;font-size:21px}.transport{left:50%;bottom:var(--pad);z-index:3;position:fixed;transform:translate(-50%)}.legend{display:none}}.mirror{z-index:3;flex-direction:column;padding:10px 10px 8px;display:flex}.mirror[hidden]{display:none}body[data-mirror=corner] .mirror{right:var(--pad);bottom:calc(var(--bar) + var(--pad) - 4px);width:300px}body[data-mirror=corner] .mirror-stage{aspect-ratio:4/3}body[data-mirror=split],body[data-mirror=large]{--bar:min(248px, 32vh)}body[data-mirror=split] .mirror,body[data-mirror=large] .mirror{top:var(--top);bottom:calc(var(--bar) + 2px);width:auto;height:auto}body[data-mirror=split] #view{top:var(--top);left:var(--pad);width:calc(50vw - var(--pad) - var(--gap) / 2);height:calc(100vh - var(--top) - var(--bar) - 2px);border-radius:16px;bottom:auto;right:auto}body[data-mirror=split] .mirror{left:calc(50vw + var(--gap) / 2);right:var(--pad)}body[data-mirror=large] .mirror{left:var(--pad);right:var(--pad)}body[data-mirror=large] #view{top:calc(var(--top) + 10px);left:calc(var(--pad) + 10px);border:1px solid var(--line-strong);z-index:4;border-radius:13px;width:236px;height:184px;bottom:auto;right:auto;box-shadow:0 12px 34px #00000080}.mirror-stage{background:#090d0c;border-radius:11px;width:100%;position:relative;overflow:hidden}body[data-mirror=split] .mirror-stage,body[data-mirror=large] .mirror-stage{flex:1;min-height:0}.mirror-stage video,.mirror-stage canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.mirror-status{color:var(--text);text-shadow:0 1px 6px #000000d9;margin:0;font-size:11.5px;line-height:1.4;position:absolute;inset:auto 10px 10px}.mirror-status[hidden]{display:none}.mirror-foot{letter-spacing:.02em;color:var(--muted);margin:7px 2px 0;font-size:10.5px}#mirror[aria-pressed=true]{color:var(--jade);border-color:color-mix(in srgb, var(--jade) 42%, transparent);background:color-mix(in srgb, var(--jade) 10%, var(--panel))}@media (width<=900px){.mirror{display:none}}@media (width<=720px){:root{--pad:10px;--top:100px;--bar:157px;--stage:calc(100dvh - var(--top) - var(--bar))}.topbar{align-items:center;gap:8px;top:8px}.wordmark h1{font-size:15px;display:block}.wordmark{gap:7px}.wordmark .mark{width:22px;height:22px}.wordmark p{display:none}.topbar-actions{flex:1;justify-content:flex-end;gap:4px;min-width:0}.topbar-actions .ghost{white-space:nowrap;padding:6px 7px;font-size:10.5px}.topbar-actions .control-full{display:none}.topbar-actions .control-compact{display:inline}.routines{gap:3px;padding:4px;top:44px}.routine{flex:none;width:auto;min-width:0;padding:7px 10px}.routine strong{white-space:nowrap;font-size:12px}.routine .dot{margin-right:6px}.stroke{bottom:calc(var(--pad) + 78px);cursor:pointer;max-height:none;padding:10px 34px 11px 13px;overflow:visible}.stroke h2{margin:3px 0 0;font-size:16px;line-height:1.25}.stroke .meta,.stroke .reps,.stroke .note,.stroke .why{display:none}.stroke.open{max-height:46vh;overflow-y:auto}.stroke.open .meta{margin:11px 0 0;display:flex}.stroke.open .reps,.stroke.open .note{margin:12px 0 0;display:block}.stroke.open .why{margin:13px 0 0;display:block}.stroke:after{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);width:7px;height:7px;transition:transform .2s;position:absolute;top:15px;right:15px;transform:rotate(-135deg)}.stroke.open:after{transform:rotate(45deg)}.transport{left:var(--pad);right:var(--pad);bottom:var(--pad);width:auto;padding:9px 12px 10px;transform:none}.controls{gap:6px;margin-top:9px}.controls .icon.mode{width:30px;height:30px}.controls .icon.mode svg{width:15px;height:15px}.mirror{display:flex}.mirror[hidden],.mirror-foot{display:none}body[data-mirror=corner] .mirror{left:auto;right:var(--pad);bottom:calc(var(--bar) - 8px);width:40vw;padding:6px 6px 4px}body[data-mirror=split] #view{top:var(--top);left:var(--pad);width:calc(100vw - 2 * var(--pad));height:calc((var(--stage) - var(--gap)) / 2);border-radius:14px;bottom:auto;right:auto}body[data-mirror=split] .mirror{top:calc(var(--top) + (var(--stage) - var(--gap)) / 2 + var(--gap));left:var(--pad);right:var(--pad);width:auto;height:calc((var(--stage) - var(--gap)) / 2);padding:6px;bottom:auto}body[data-mirror=large] .mirror{top:var(--top);left:var(--pad);right:var(--pad);width:auto;height:var(--stage);padding:6px;bottom:auto}body[data-mirror=large] #view{top:calc(var(--top) + 8px);left:calc(var(--pad) + 8px);border-radius:11px;width:104px;height:82px;bottom:auto;right:auto}}@media (width<=350px){.wordmark .mark{display:none}.topbar{gap:4px}.topbar-actions .ghost{padding-inline:6px;font-size:10px}}