:root{color-scheme:dark;--paper:#cec5b2;--quiet:#a29782;--ground:#13110f;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ground);color:var(--paper)}body{background-image:radial-gradient(ellipse at 41% 36%,#30271c30,transparent 72%)}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit;color:inherit}button,select{background:transparent;border:1px solid #cec5b238;border-radius:0;min-height:44px;padding:8px 12px;cursor:pointer}button:hover,button[aria-pressed=true]{border-color:var(--paper)}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:1px dashed var(--paper);outline-offset:4px}input[type=range]{accent-color:var(--paper);min-height:36px;min-width:0;width:100%;cursor:pointer}header{padding:24px 5vw;display:flex;align-items:baseline;gap:26px;font-size:11px}header a{text-decoration:none}h1{font-size:12px;font-weight:400;letter-spacing:.16em;margin:0}header>span{margin-left:auto;color:var(--quiet)}main{max-width:1300px;margin:auto;padding:0 5vw 25px}.score-space{height:clamp(390px,65vh,700px);position:relative;margin:0 -3vw}canvas{width:100%;height:100%;display:block;touch-action:none}#islands{position:absolute;inset:0;pointer-events:none}.island{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;border:none;padding:10px 12px;min-width:60px;background:#13110fc9;font-size:11px}.island span{display:block;font-size:9px;color:var(--quiet);margin-top:5px}.island[aria-pressed=true]{outline:1px dashed #cec5b24c;outline-offset:1px}.island.absent{color:var(--quiet)}#invitation{pointer-events:none;position:absolute;top:35%;left:6%;font-size:10px;line-height:1.9;opacity:.8}#invitation span{color:var(--quiet)}.transport{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid #cec5b220;padding:16px 0 10px}.transport>label{display:flex;gap:12px;align-items:center;font-size:11px;margin-left:auto}.transport input{width:115px}.transport output{min-width:26px}#recording{padding:4px 0}#chamber-status{font-size:10px;color:var(--quiet);min-height:24px;padding:5px 0}.member-tools{border-top:1px solid #cec5b220;margin-top:6px;padding:17px 0}.member-heading{display:flex;gap:18px;align-items:center;flex-wrap:wrap}h2{font-size:15px;font-weight:400;letter-spacing:.04em;margin:0}.member-heading output{font-size:10px;color:var(--quiet)}.member-heading a{font-size:10px;margin-left:auto}.member-heading button{font-size:11px}#member-note{font-size:10px;color:var(--quiet);line-height:1.7;margin:12px 0}.parameters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.parameters label{display:flex;flex-direction:column;gap:5px;font-size:10px}.parameters select{font-size:10px;width:100%;padding:6px}.relation{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px;font-size:10px}.relation label{display:flex;align-items:center;gap:12px}.relation input{width:140px}.relation select{font-size:10px;min-width:130px}.relation button{margin-left:auto;font-size:10px}.bring{border-top:1px solid #cec5b220;margin-top:12px;padding:16px 0;font-size:11px;line-height:1.8}summary{cursor:pointer;min-height:36px;width:max-content;max-width:100%}#bring-voices{display:flex;gap:12px;flex-wrap:wrap;padding:12px 0}.bring p{max-width:780px;color:var(--quiet)}.score-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.file-label{display:flex;gap:12px;flex-wrap:wrap}input[type=file]{font-size:10px;width:220px;max-width:100%}.small,footer{font-size:9px;color:var(--quiet)}footer{line-height:1.9;margin-top:20px}#material-label{grid-column:span 2}.recording-controls{position:static!important}
@media(max-width:700px){header{padding:20px 5vw;gap:14px}header>span{font-size:9px;max-width:120px;text-align:right}.score-space{height:460px;margin:0 -4vw}.island{font-size:10px;padding:8px 6px}#invitation{top:38%;left:5%;font-size:9px;max-width:120px}.transport{gap:7px}.transport button{padding:8px;font-size:10px}.transport>label{margin-left:0;font-size:10px}.transport input{width:86px}.parameters{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.member-heading{gap:10px}.member-heading a{margin-left:0}.relation{gap:10px}.relation label{gap:8px}.relation button{margin-left:0}.relation input{width:100px}.member-heading button{padding:7px 10px}.bring p{font-size:10px}#material-label{grid-column:span 3}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.paper-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:15px;font-size:10px}.paper-tools[hidden]{display:none}.paper-tools label{display:flex;align-items:center;gap:10px}.paper-tools select{max-width:180px;font-size:10px}.paper-tools button{font-size:10px}
#member-bring{border-color:#cec5b288;color:var(--paper)}#member-bring[hidden]{display:none}
/* h3r3 3igHt: its name never wraps under its radio; its beat is a heartbeat. */
.island[data-member="here-8"]{white-space:nowrap}
#member-beat{border-color:#ff8a6c88;color:#ffb39c}#member-beat.struck{border-color:#ff8a6c;background:#ff8a6c1f}#member-beat[hidden]{display:none}