:root{font-family:Arial,Helvetica,sans-serif;color:#e9e9e9;background:#000;font-synthesis:none;color-scheme:dark;--signal: #dedede;--signal-ink: #000;--muted: #a5a5a5;--line: #383838}*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(circle at 37px 53px,#ffffff38 .6px,transparent 1px),radial-gradient(circle at 227px 211px,#ffffff25 .5px,transparent 1px);background-size:373px 347px,491px 419px}[hidden]{display:none!important}button,input,select{font:inherit;color:inherit}button,summary{cursor:pointer;touch-action:manipulation}button{border:1px solid #555;border-radius:3px;background:#000;min-height:44px;padding:8px 12px}button:hover{background:#333}button:disabled{opacity:.6;cursor:wait}button[aria-pressed=true]{background:var(--signal);color:#111;border-color:var(--signal)}a{color:inherit;text-underline-offset:4px}:focus-visible{outline:2px solid var(--signal);outline-offset:3px}main{max-width:980px;padding:0 28px;margin:auto}.player-title{text-align:center;padding:30px 0 8px}h1{font:500 24px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.5px;margin:0}.player-title>span{display:block;max-width:580px;margin:12px auto 0;font-size:13px;line-height:1.6;color:var(--muted)}.quick-start{color:var(--muted);font-size:12px;line-height:1.6;margin:18px 0 6px}.mix-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:4px}.listening-room{display:block;background:transparent}.stage-shell{min-width:0}.stage-heading{display:flex;justify-content:space-between;gap:12px;padding:16px 20px 0;font-size:10px;color:var(--muted)}.stage{position:relative;height:300px;overflow:hidden;isolation:isolate}.stage-grid{position:absolute;inset:0;pointer-events:none}.stage-grid i{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);border:1px solid #88888838;border-radius:50%;width:34%;height:36%}.stage-grid i:nth-child(2){width:62%;height:62%}.stage-grid i:nth-child(3){width:90%;height:82%}.stage-direction{position:absolute;font-size:8px;letter-spacing:1px;color:#a5a5a5}.stage-direction.left{left:15px;top:60%}.stage-direction.right{right:15px;top:60%}.stage-direction.far{top:12px;left:50%;transform:translate(-50%)}.connections{position:absolute;inset:0;height:100%;width:100%;pointer-events:none}.connections line{stroke-width:.15;stroke-dasharray:.4 .8;opacity:.2}.stage-part{position:absolute;transform:translate(-50%,-23px);display:flex;flex-direction:column;align-items:center;z-index:2}.sound-node{display:grid;place-items:center;min-width:46px;padding:0;min-height:46px;border:0;background:transparent;touch-action:none;user-select:none}.sound-node[aria-pressed=true],.sound-node:hover{color:inherit;background:transparent}.node-orb{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#383838;border:1px solid var(--signal);font-size:13px}.sound-node[aria-pressed=false] .node-orb{background:transparent;border-style:dashed}.node-label{font-size:11px}.node-adjust{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;min-width:44px;padding:0 3px;border-color:transparent;background:transparent;font-size:12px}.node-adjust[aria-pressed=true]{background:var(--signal);color:var(--signal-ink);border-color:var(--signal)}.node-state{font-size:7px;letter-spacing:.6px;color:var(--muted)}.sound-node.inaudible{opacity:.38}.sound-node.dragging{cursor:grabbing}.stage-part:focus-within{z-index:5!important}.listener{position:absolute;left:50%;top:84%;transform:translate(-50%,-16px);color:#bbb;text-align:center}.listener svg{display:block;width:32px;height:32px}.listener small{display:block;font:8px sans-serif;letter-spacing:1px;margin-top:4px}.rhythm-interlude{margin:0 20px;border-top:1px solid var(--line);padding:12px 0 6px}.metronomes{display:flex;justify-content:center;align-items:center;gap:18px}.meter{text-align:center;min-width:110px}.meter>span{font-size:10px;font-family:monospace}.meter-orbit{width:45px;height:45px;display:grid;place-items:center;border:1px solid #666;border-radius:50%;margin:7px auto;transform:scale(calc(1 + var(--pulse,0)*.025))}.meter-orbit b{font:27px monospace;color:#e9e9e9}.meter.downbeat .meter-orbit{border-color:var(--signal)}.meter small{font-size:10px;color:var(--muted)}.meter-dots{display:flex;justify-content:center;gap:8px;margin-bottom:6px}.meter-dots i{width:5px;height:5px;border-radius:50%;background:#4a4a4a}.meter-dots i.active{background:var(--signal)}.pulse-bridge{max-width:130px;text-align:center;font-size:9px;color:var(--muted);line-height:1.5}.pulse-bridge i{display:block;height:1px;margin-top:7px;background:#555}.pulse-bridge.together i{background:var(--signal)}#coincidence-status,.meter-caveat,#audio-two-phase{font-size:10px;line-height:1.4;text-align:center;color:var(--muted);margin:6px 0}.transport{display:flex;justify-content:center;align-items:center;gap:16px;margin:0 20px;padding:13px 0;border-top:1px solid var(--line)}.play-button{background:var(--signal);color:#000;border-radius:50%;min-width:54px;width:54px;height:54px;padding:13px;display:grid;place-items:center}.play-button:hover{background:#fff}.play-button svg{width:26px;height:26px;display:block}#play-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#reset{font-size:24px;padding:2px 10px}.time-display{font:21px monospace;font-variant-numeric:tabular-nums}.time-display small,.tempo small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.tempo{margin-left:8px;font-size:13px;white-space:nowrap}#status{margin:0;text-align:center;padding:0 20px 12px;font-size:11px;line-height:1.5;color:var(--muted)}.inspector{position:fixed;z-index:30;padding:16px;margin:0;width:300px;max-width:calc(100% - 24px);background:#090909;min-width:0;overflow:auto;overscroll-behavior:contain;border:1px solid #444;border-radius:6px;box-shadow:0 12px 50px #000c}#close-inspector{position:absolute;top:12px;right:8px;width:44px;font-size:23px;padding:4px}.selected-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}h2{font:500 20px Arial,Helvetica,sans-serif;margin:0}label{font-size:13px}.part-picker{display:flex;align-items:center;gap:8px;margin:0 40px 10px 0}.part-picker select{flex:1;min-height:44px;border:1px solid #555;background:#000;padding:8px}.phase-control>label,.control-label,.position-controls label{display:flex;justify-content:space-between;align-items:center;gap:8px}label span,output{font-size:11px;color:var(--muted)}input[type=range]{display:block;width:100%;min-width:0;margin:0;height:38px;accent-color:var(--signal);cursor:pointer;appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:2px;background:#777}input[type=range]::-webkit-slider-thumb{appearance:none;margin-top:-6px;width:14px;height:14px;border:1px solid #000;border-radius:50%;background:var(--signal)}input[type=range]::-moz-range-track{height:2px;background:#777}input[type=range]::-moz-range-thumb{width:14px;height:14px;border:1px solid #000;border-radius:50%;background:var(--signal)}input[type=number]{min-height:40px;width:100%;min-width:0;border:1px solid #555;border-radius:4px;background:#000;padding:7px}.phase-value{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:6px}.phase-value button{padding:6px}#offset-bars{text-align:center}#phase-help,.advanced p{font-size:11px;line-height:1.4;color:var(--muted)}#phase-help{margin:6px 0 12px}#timing-error{font-size:12px;color:#eee;line-height:1.5}#timing-error:empty{display:none}.selected-actions{display:flex;gap:8px;margin:8px 0 18px}.selected-actions button{flex:1}summary{font-size:13px;padding:10px 0}.advanced{border-top:1px solid var(--line)}.position-controls{margin-top:10px}.position-controls label{font-size:12px}.source-name{overflow-wrap:anywhere}#restore-timing{font-size:11px;width:100%}.mix-mode-bar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 0 10px}.mix-mode-bar strong{flex-basis:100%;text-align:center;font-size:12px;font-weight:550}.spatial-toggle{white-space:nowrap}.spatial-toggle input{accent-color:var(--signal)}.master-control{display:flex;align-items:center;gap:7px}.master-control input{width:80px}.master-control output{width:33px}.mix-mode-bar button{font-size:12px}#spatial-note{flex-basis:100%;text-align:center;font-size:11px;color:var(--muted);margin:0}.listening-note{max-width:540px;margin:48px auto 32px}.listening-note h2{font-size:17px;text-align:center}.listening-note p{color:#b8b8b8;font-size:14px;line-height:1.8;margin:16px 0}.session-notes{border-top:1px solid var(--line);margin:4px 0 20px}.session-notes p,.session-notes a{font-size:12px;line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.boot-error{padding-top:40px}@media(max-width:850px){main{padding-left:18px;padding-right:18px}.tempo{display:none}.meter{min-width:90px}.metronomes{gap:10px}.pulse-bridge{font-size:8px}}@media(max-width:650px){main{padding-left:12px;padding-right:12px}.player-title{padding:16px 0}h1{font-size:22px}.listening-room{display:block}.stage-heading{padding:12px 12px 0;font-size:9px}.stage{height:250px}.stage-part{transform:translate(-50%,-22px)}.sound-node{min-width:44px;min-height:44px}.node-orb{width:34px;height:34px;font-size:11px}.node-label{font-size:8px}.node-adjust{width:44px;padding:0;gap:2px;font-size:10px}.stage-part[data-caption=above] .node-adjust{position:absolute;bottom:100%}.node-state{font-size:6px;letter-spacing:0}.stage-direction{font-size:7px}.rhythm-interlude{margin:0 12px;padding-top:10px}.meter{min-width:83px}.meter>span{font-size:10px}.meter small{font-size:9px}.pulse-bridge{max-width:100px}.meter-caveat,#audio-two-phase,#coincidence-status{font-size:9px}.transport{margin:0 12px;gap:10px}.time-display{font-size:19px}#status{padding-left:12px;padding-right:12px;font-size:10px}.selected-title{margin-bottom:14px}.phase-value{grid-template-columns:50px minmax(0,1fr) 50px}.mix-mode-bar{gap:10px}.mix-mode-bar strong{flex-basis:100%}.mix-mode-bar label{font-size:12px}.session-notes{margin-top:8px}}@media(prefers-reduced-motion:reduce){.meter-orbit{transform:none}}