.qw{gap:.9rem;display:grid}.qw-panel{border:1px solid var(--paper-edge,#ded3ba);background:var(--paper-2,#f0e9d9);border-radius:4px;margin:0;padding:.9rem 1rem 1rem}.qw-head{margin-bottom:.6rem}.qw-title{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.01em;color:var(--ink,#23201b);margin:0;font-size:.92rem;font-weight:700}.qw-sub{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-mute,#6d6252);margin:.25rem 0 0;font-size:.72rem;line-height:1.5}.qw-sub b{color:var(--ink-soft,#4a4437);font-weight:700}.qw-stage{aspect-ratio:460/220;border:1px solid color-mix(in srgb, var(--signal,#1f56de) 40%, var(--paper-edge,#ded3ba));background:linear-gradient(180deg, color-mix(in srgb, var(--paper,#f7f3ea) 96%, var(--signal,#1f56de) 4%), var(--paper-2,#f0e9d9));border-radius:3px;width:100%;height:auto;display:block}.qw-grid line{stroke:color-mix(in srgb, var(--rule,#e4dcc8) 70%, transparent);stroke-width:1px}.qw-floor{stroke:color-mix(in srgb, var(--ink-mute,#6d6252) 55%, transparent);stroke-width:1.6px}.qw-tick line{stroke:color-mix(in srgb, var(--ink-mute,#6d6252) 30%, transparent);stroke-width:1px}.qw-tick-lbl{font-family:var(--font-mono,ui-monospace, monospace);fill:var(--ink-mute,#6d6252);font-size:9px}.qw-torso{fill:color-mix(in srgb, var(--signal,#1f56de) 82%, var(--paper,#f7f3ea));stroke:var(--signal,#1f56de);stroke-width:1.4px}.qw-leg{fill:none;stroke-linejoin:round;stroke-linecap:round}.qw-leg--near{stroke:var(--signal,#1f56de);stroke-width:3.2px}.qw-leg--far{stroke:color-mix(in srgb, var(--signal,#1f56de) 40%, transparent);stroke-width:2.6px}.qw-foot{stroke:var(--paper,#f7f3ea);stroke-width:.8px}.qw-foot--swing{fill:none;stroke:color-mix(in srgb, var(--signal,#1f56de) 55%, transparent);stroke-width:1.4px}.qw-foot--stance{fill:var(--signal,#1f56de)}.qw-foot--far{opacity:.4}.qw-jhead{fill:color-mix(in srgb, var(--signal,#1f56de) 60%, var(--paper,#f7f3ea))}.qw-track-wrap{margin-top:.55rem}.qw-track{background:color-mix(in srgb, var(--ink-mute,#6d6252) 12%, var(--paper,#f7f3ea));border:1px solid var(--rule-strong,#c8bc9e);border-radius:100px;height:1.35rem;position:relative;overflow:hidden}.qw-track-fill{background:color-mix(in srgb, var(--signal,#1f56de) 26%, transparent);border-right:2px solid var(--signal,#1f56de);position:absolute;inset:0 auto 0 0}.qw-track-trot{border-left:2px dashed var(--entity-target-ink,#0c7d5f);width:0;position:absolute;top:0;bottom:0}.qw-track-trot:after{content:"trot 2.15 m";font-family:var(--font-mono,ui-monospace, monospace);white-space:nowrap;color:var(--entity-target-ink,#0c7d5f);font-size:.6rem;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.qw-track-lbl{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-mute,#6d6252);justify-content:space-between;margin-top:.2rem;font-size:.66rem;display:flex}.qw-track-lbl b{color:var(--signal,#1f56de);font-variant-numeric:tabular-nums}.qw-strip{width:100%;height:auto;margin-top:.5rem;display:block}.qw-strip-lbl{font-family:var(--font-mono,ui-monospace, monospace);fill:var(--ink-mute,#6d6252);font-size:9px}.qw-strip-bg{fill:color-mix(in srgb, var(--ink-mute,#6d6252) 8%, transparent)}.qw-strip-on{fill:color-mix(in srgb, var(--signal,#1f56de) 70%, transparent)}.qw-strip-head{stroke:var(--alert,#c0362a);stroke-width:1.2px}.qw-controls{flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:.7rem;display:flex}.qw-btn{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.01em;border:1px solid var(--rule-strong,#c8bc9e);background:var(--paper,#f7f3ea);color:var(--ink-soft,#4a4437);cursor:pointer;border-radius:100px;padding:.4rem .85rem;font-size:.74rem;transition:background .15s,color .15s,border-color .15s}.qw-btn:hover{border-color:var(--signal,#1f56de);color:var(--ink,#23201b)}.qw-btn:focus-visible{outline:2px solid var(--signal,#1f56de);outline-offset:2px}.qw-btn--primary{background:var(--signal,#1f56de);color:var(--signal-ink,#fff);border-color:var(--signal,#1f56de);box-shadow:0 1px 4px -1px var(--signal-line,#1f56de66)}.qw-btn--primary:hover{color:var(--signal-ink,#fff);background:color-mix(in srgb, var(--signal,#1f56de) 90%, #000)}.qw-btn[disabled]{opacity:.5;cursor:default}.qw-scrub{min-width:120px;accent-color:var(--signal,#1f56de);cursor:pointer;flex:150px}.qw-scrub:focus-visible{outline:2px solid var(--signal,#1f56de);outline-offset:3px}.qw-control-note{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-mute,#6d6252);margin-left:auto;font-size:.66rem}.qw-chart{width:100%;height:auto;display:block}.qw-axis{stroke:color-mix(in srgb, var(--ink-mute,#6d6252) 42%, transparent);stroke-width:1px}.qw-cgrid{stroke:color-mix(in srgb, var(--ink-mute,#6d6252) 14%, transparent);stroke-width:1px}.qw-tick2{font-family:var(--font-mono,ui-monospace, monospace);fill:var(--ink-mute,#6d6252);font-size:9px}.qw-axtitle{font-family:var(--font-mono,ui-monospace, monospace);fill:var(--ink-mute,#6d6252);letter-spacing:.03em;font-size:9px}.qw-ref{stroke-width:1.2px;stroke-dasharray:4 3;fill:none}.qw-ref--stand{stroke:color-mix(in srgb, var(--ink-mute,#6d6252) 60%, transparent)}.qw-ref--trot{stroke:var(--entity-target-ink,#0c7d5f)}.qw-ref-lbl{font-family:var(--font-mono,ui-monospace, monospace);font-size:8.5px}.qw-ref-lbl--stand{fill:var(--ink-mute,#6d6252)}.qw-ref-lbl--trot{fill:var(--entity-target-ink,#0c7d5f)}.qw-curve{fill:none;stroke:var(--signal,#1f56de);stroke-width:2.2px;stroke-linejoin:round;stroke-linecap:round}.qw-cpt{fill:var(--signal,#1f56de);stroke:var(--paper,#f7f3ea);stroke-width:1px}.qw-cpt--last{r:4}.qw-walkmark{stroke:var(--signal,#1f56de);stroke-width:1px;stroke-dasharray:2 2}.qw-walkmark-lbl{font-family:var(--font-mono,ui-monospace, monospace);fill:var(--signal,#1f56de);font-size:8.5px}.qw-bars{gap:.4rem;margin:.2rem 0 .75rem;display:grid}.qw-bar-row{font-family:var(--font-mono,ui-monospace, monospace);grid-template-columns:6.5rem 1fr 4rem;align-items:center;gap:.5rem;font-size:.7rem;display:grid}.qw-bar-name{color:var(--ink-soft,#4a4437);text-align:right}.qw-bar-track{background:color-mix(in srgb, var(--ink-mute,#6d6252) 10%, transparent);border-radius:3px;height:.9rem;position:relative}.qw-bar-zero{border-left:1px solid color-mix(in srgb, var(--ink-mute,#6d6252) 50%, transparent);width:0;position:absolute;top:-2px;bottom:-2px}.qw-bar-fill{border-radius:2px;position:absolute;top:0;bottom:0}.qw-bar-fill--neg{background:color-mix(in srgb, var(--ink-mute,#6d6252) 45%, transparent)}.qw-bar-fill--stand{background:color-mix(in srgb, var(--ink-mute,#6d6252) 55%, transparent)}.qw-bar-fill--trot{background:var(--entity-target-ink,#0c7d5f)}.qw-bar-fill--gait{background:var(--signal,#1f56de)}.qw-bar-val{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink,#23201b);font-weight:600}.qw-bar-row--gait .qw-bar-name,.qw-bar-row--gait .qw-bar-val{color:var(--signal,#1f56de)}.qw-caveat{border:1px dashed color-mix(in srgb, var(--alert,#c0362a) 45%, var(--paper-edge,#ded3ba));background:color-mix(in srgb, var(--alert,#c0362a) 6%, var(--paper,#f7f3ea));font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink,#23201b);border-radius:4px;gap:.35rem;padding:.6rem .75rem;font-size:.72rem;line-height:1.5;display:grid}.qw-caveat-h{letter-spacing:.02em;color:color-mix(in srgb, var(--alert,#c0362a) 85%, var(--ink,#23201b));font-size:.72rem;font-weight:700}.qw-caveat b.qw-bad{color:var(--alert,#c0362a)}.qw-caveat b.qw-good{color:var(--signal,#1f56de)}.qw-caveat b.qw-trot{color:var(--entity-target-ink,#0c7d5f)}.qw-note{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-mute,#6d6252);margin:.1rem 0 0;font-size:.66rem;line-height:1.5}.qw-note b{color:var(--ink,#23201b);font-weight:600}.qw-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=34rem){.qw-control-note{display:none}.qw-title{font-size:.84rem}.qw-bar-row{grid-template-columns:5rem 1fr 3.4rem;font-size:.66rem}}@media (prefers-reduced-motion:reduce){.qw-btn{transition:none}}