:root{font-family:Avenir Next,Avenir,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--ink);background-color:var(--studio-wall);color-scheme:dark;--studio-wall: #173f38;--studio-panel: #205148;--studio-seam: #11322d;--grain: rgba(222, 236, 217, .11);--ink: #f2f0df;--ink-muted: #c3caba;--ink-dark: #16251f;--ink-soft-dark: #4a5348;--tape: #d9cc58;--tape-edge: #8f873a;--tape-shadow: #102c27;--beat-rule: rgba(42, 51, 38, .3);--metal: #aeb9a9;--metal-dark: #59665c;--pad: #101815;--pad-lift: #18231f;--pad-ring: #354139;--accent: #f17c5f;--accent-dark: #a63f2c;--focus: #fff4a7;--pressed: #e4a24e;--success-quiet: #c0d49b;--cue-host-badge-width: 130px;--cue-host-badge-height: 48px;--cue-host-badge-gutter: 12px;--cue-host-badge-clearance: calc(var(--cue-host-badge-height) + var(--cue-host-badge-gutter) * 2);--motion-fast: .11s;--motion-head: 90ms}@media(prefers-color-scheme:light){:root{color-scheme:light;--studio-wall: #286c60;--studio-panel: #347c6e;--studio-seam: #1d554c;--grain: rgba(248, 243, 205, .16);--ink: #fffdeb;--ink-muted: #dce7d7;--ink-dark: #17251f;--ink-soft-dark: #485248;--tape: #f0de63;--tape-edge: #9e8f3a;--tape-shadow: #17463f;--beat-rule: rgba(42, 51, 38, .28);--metal: #d0d7c8;--metal-dark: #657267;--pad: #13201c;--pad-lift: #1e2d27;--pad-ring: #3d4b43;--accent: #ff8263;--accent-dark: #a43c29;--focus: #fff3a2;--pressed: #f0ae51;--success-quiet: #d8e7b5}}*{box-sizing:border-box}html{min-height:100%;background-color:var(--studio-wall)}body{min-width:320px;min-height:100vh;margin:0;background-color:var(--studio-wall);background-image:radial-gradient(circle,var(--grain) .8px,transparent .9px);background-size:9px 13px}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:active{filter:brightness(.86)}#root{min-height:100vh}.app-shell{width:min(760px,100%);min-height:100vh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) calc(var(--cue-host-badge-clearance) + max(20px,env(safe-area-inset-bottom))) max(18px,env(safe-area-inset-left))}.masthead{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:24px;align-items:end;margin-bottom:16px}.title-block{display:flex;gap:14px;align-items:baseline;min-width:0}.bench-mark{flex:0 0 auto;margin:0;color:var(--tape);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:18px}h1,h2,p{overflow-wrap:break-word}h1{margin:0;font-family:Avenir Next Condensed,Arial Narrow,Helvetica Neue,sans-serif;font-size:clamp(34px,9vw,58px);font-stretch:condensed;font-weight:800;letter-spacing:-.035em;line-height:1.08}.truth-note{margin:0;color:var(--ink-muted);font-size:13px;line-height:19px}.workbench{position:relative;padding:18px;background-color:var(--studio-panel);background-image:radial-gradient(circle,var(--grain) .7px,transparent .8px);background-size:11px 15px;border-top:7px solid var(--studio-seam);border-bottom:7px solid var(--studio-seam)}.workbench:before,.workbench:after{position:absolute;top:-7px;width:26px;height:calc(100% + 14px);content:"";pointer-events:none;border:1px solid var(--studio-seam)}.workbench:before{left:12px;border-left-width:5px}.workbench:after{right:12px;border-right-width:5px}.tape-heading{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;margin:0 8px 12px}.tape-heading h2,.measurement-bench h2{margin:0;font-size:17px;font-weight:700;line-height:24px}.tape-heading p{margin:2px 0 0;color:var(--ink-muted);font-size:12px;line-height:18px}.phase-flag{min-width:146px;padding:5px 8px;color:var(--ink-dark);background-color:var(--metal);border-left:5px solid var(--metal-dark);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;line-height:16px;text-align:right}.tape-machine{position:relative;z-index:1;display:grid;grid-template-columns:44px minmax(0,1fr);gap:0;padding:10px 10px 10px 0;color:var(--ink-dark);background-color:var(--tape);border-block:3px dashed var(--tape-edge);box-shadow:0 5px 0 var(--tape-shadow)}.direction-legend{display:grid;grid-template-rows:1fr auto 1fr;place-items:center;min-height:180px;padding:6px 0;color:var(--ink-soft-dark);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-weight:800;letter-spacing:.04em;writing-mode:vertical-rl;transform:rotate(180deg)}.tape-fold{display:grid;gap:7px;min-width:0}.tape-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));min-height:87px;border-inline:1px solid var(--beat-rule)}.tape-cell{position:relative;min-width:0;border-right:1px dashed var(--beat-rule)}.tape-cell:last-child{border-right:0}.beat-number{position:absolute;top:3px;left:4px;color:var(--ink-soft-dark);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:700;line-height:12px}.beat-line{position:absolute;top:50%;right:4px;left:4px;height:2px;background-color:var(--beat-rule);border-radius:999px}.guide-hole,.punch{position:absolute;top:var(--punch-y);left:50%;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%)}.guide-hole{width:7px;height:7px;background-color:var(--tape-edge);opacity:.45}.punch{background-color:var(--studio-seam);box-shadow:inset 2px 2px 0 var(--tape-shadow)}.tape-cell[data-direction=early] .punch{border:2px solid var(--metal)}.tape-cell[data-direction=late] .punch{border:2px solid var(--accent)}.beat-head{position:absolute;z-index:2;top:-7px;left:50%;width:18px;height:13px;background-color:var(--accent);clip-path:polygon(0 0,100% 0,50% 100%);transform:translate(-50%);transition:left var(--motion-head) linear}.beat-head:after{position:absolute;top:2px;left:7px;width:4px;height:4px;content:"";background-color:var(--ink-dark);border-radius:50%}.offset-print{position:absolute;right:1px;bottom:2px;left:1px;overflow:hidden;color:var(--ink-dark);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(8px,2.4vw,11px);font-weight:700;line-height:13px;text-align:center;text-overflow:clip;white-space:nowrap}.instrument-deck{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(150px,.72fr);gap:12px;margin-top:18px}.tempo-rail,.input-selector{min-width:0;padding:10px 12px;background-color:var(--studio-seam)}.tempo-readout,.input-selector{display:flex;justify-content:space-between;align-items:center;gap:12px}.tempo-readout label,.input-copy>span{color:var(--ink-muted);font-size:12px;font-weight:700;line-height:18px}.input-copy{display:grid;gap:1px;min-width:0}.input-copy small{color:var(--success-quiet);font-size:9px;font-weight:700;line-height:13px}.tempo-readout output{color:var(--tape);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:800;line-height:20px}.tempo-controls{display:grid;grid-template-columns:48px minmax(90px,1fr) 48px;gap:9px;align-items:center;margin-top:7px}.tempo-step,.mode-buttons button{min-width:48px;min-height:48px;padding:0 10px;color:var(--ink);background-color:var(--studio-panel);border:0;border-bottom:4px solid var(--studio-wall);border-radius:0;font-weight:800}.tempo-step:active,.mode-buttons button:active{border-bottom-width:1px;transform:translateY(3px)}input[type=range]{width:100%;height:48px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:8px;background-color:var(--metal-dark);border-radius:0}input[type=range]::-webkit-slider-thumb{width:24px;height:32px;margin-top:-12px;appearance:none;-webkit-appearance:none;background-color:var(--tape);border:4px solid var(--ink-dark);border-radius:0}input[type=range]::-moz-range-track{height:8px;background-color:var(--metal-dark);border-radius:0}input[type=range]::-moz-range-thumb{width:20px;height:28px;background-color:var(--tape);border:4px solid var(--ink-dark);border-radius:0}.mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mode-buttons button[aria-pressed=true]{color:var(--ink-dark);background-color:var(--tape);border-bottom-color:var(--tape-edge)}.pad-bay{position:relative;z-index:1;display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,1fr);gap:16px;align-items:center;margin-top:18px}.practice-pad{position:relative;display:grid;place-items:center;min-height:148px;padding:26px 34px;overflow:hidden;color:var(--ink);background-color:var(--pad);border:0;border-bottom:7px solid var(--studio-seam);border-radius:0;clip-path:polygon(10% 0,90% 0,100% 16%,100% 84%,90% 100%,10% 100%,0 84%,0 16%);cursor:pointer;touch-action:manipulation;transition:background-color var(--motion-fast) ease,border-bottom-width var(--motion-fast) ease}.practice-pad:active{border-bottom-width:2px;background-color:var(--pad-lift);transform:translateY(5px)}.pad-rings,.pad-rings:before,.pad-rings:after{position:absolute;inset:21px;content:"";border:1px solid var(--pad-ring);border-radius:50%;pointer-events:none}.pad-rings:before{inset:12px}.pad-rings:after{inset:24px}.pad-copy,.pad-count{position:relative;z-index:1}.pad-copy{align-self:end;font-family:Avenir Next Condensed,Arial Narrow,Helvetica Neue,sans-serif;font-size:21px;font-weight:800;line-height:28px;text-transform:uppercase}.pad-count{align-self:start;color:var(--metal);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:18px}.transport{min-width:0}.start-button,.stop-button{width:min(100%,260px);min-height:54px;padding:12px 18px;color:var(--ink-dark);background-color:var(--accent);border:0;border-left:9px solid var(--accent-dark);border-radius:0;font-weight:800;line-height:22px;text-align:left;cursor:pointer;transition:background-color var(--motion-fast) ease}.stop-button{color:var(--ink);background-color:var(--metal-dark);border-left-color:var(--metal)}.start-button:active,.stop-button:active{background-color:var(--pressed)}.transport p{max-width:380px;margin:9px 0 0;color:var(--ink-muted);font-size:12px;line-height:18px}.measurement-bench{position:relative;z-index:1;margin-top:19px;padding-top:13px;border-top:3px solid var(--studio-seam)}.metric-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.metric-strip>div{min-width:0;padding:8px 9px 9px;background-color:var(--studio-seam)}.metric-strip span{display:block;min-height:32px;color:var(--ink-muted);font-size:10px;line-height:15px}.metric-strip strong{display:block;overflow:hidden;color:var(--tape);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(13px,3.8vw,20px);line-height:27px;text-overflow:ellipsis;white-space:nowrap}.method-note{margin:9px 0 0;color:var(--ink-muted);font-size:11px;line-height:17px}.status-floor{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,270px);gap:22px;padding:14px 4px 0}.status-floor p{margin:0;font-size:12px;line-height:18px}.status-floor [data-testid=status-message]{color:var(--ink);font-weight:700}.resource-note{color:var(--ink-muted)}@media(max-width:620px){.app-shell{padding-inline:12px}.masthead{grid-template-columns:1fr;gap:6px;margin-bottom:12px;padding-right:68px}h1{font-size:clamp(36px,12vw,48px)}.truth-note{max-width:390px}.workbench{padding:14px 12px 16px}.tape-heading{grid-template-columns:1fr;gap:7px;margin-inline:5px}.phase-flag{width:fit-content;min-width:0;text-align:left}.tape-machine{grid-template-columns:34px minmax(0,1fr);padding-right:6px}.direction-legend{min-height:164px}.tape-row{min-height:78px}.instrument-deck{grid-template-columns:1fr}.input-selector{min-height:64px}.pad-bay{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:12px}.practice-pad{min-height:136px;padding-inline:25px}.start-button,.stop-button{width:100%}.status-floor{grid-template-columns:1fr;gap:6px;padding-right:calc(var(--cue-host-badge-width) + var(--cue-host-badge-gutter))}}@media(max-width:380px){.app-shell{padding-inline:8px}.masthead{padding-inline:4px 54px}.workbench{padding-inline:9px}.direction-legend{display:none}.tape-machine{grid-template-columns:1fr;padding-left:6px}.tempo-controls{grid-template-columns:48px minmax(72px,1fr) 48px;gap:6px}.input-selector{display:grid;gap:6px;align-items:stretch;margin-right:calc(var(--cue-host-badge-width) + var(--cue-host-badge-gutter))}.input-copy{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.input-copy small{white-space:nowrap}.pad-bay{grid-template-columns:1fr}.practice-pad{min-height:128px}.transport{padding-right:calc(var(--cue-host-badge-width) + var(--cue-host-badge-gutter))}}@media(min-width:568px)and (max-height:480px)and (max-aspect-ratio:2.2/1){.app-shell{width:100%;padding:10px calc(var(--cue-host-badge-width) + 20px) 14px 12px}.masthead{grid-template-columns:auto 1fr;align-items:center;margin-bottom:8px}h1{font-size:30px}.workbench{display:grid;grid-template-columns:minmax(330px,1.3fr) minmax(260px,.9fr);gap:10px 14px;padding:10px 12px}.tape-heading{grid-column:1;margin-bottom:2px}.tape-heading p,.measurement-bench,.status-floor{display:none}.tape-machine{grid-column:1}.instrument-deck,.pad-bay{grid-column:2;margin-top:0}.instrument-deck{grid-row:1 / span 2;align-self:start}.pad-bay{grid-row:2;grid-template-columns:1fr 1fr;align-self:end}.practice-pad{min-height:110px;padding:20px}.transport p{display:none}}@media(prefers-reduced-motion:reduce){:root{--motion-fast: .01ms;--motion-head: .01ms}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}