.chorus{--bg:#0f1116;--panel:#1a1d23;--panel-hi:#1f232a;--well:#131519;--surface:#262b34;--surface-hi:#2f353f;--line:#333a45;--line-soft:#262c35;--ink:#eceef2;--ink-dim:#99a1ae;--ink-faint:#626b79;--accent:#f2a63c;--accent-2:#ffca6b;--accent-soft:#f2a63c29;--accent-ink:#171104;--barw:56px;--laneh:54px;--rulerh:24px;--plside:40px;--cgap:4px;--drumh:42px;--lab:62px;--gut:22px;--colgap:10px;overflow-anchor:none;height:100svh;color:var(--ink);font-family:var(--font-geist-sans), -apple-system, system-ui, sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(130% 90% at 50% -12%,#1d222b 0%,#14171d 46%,#0e1014 100%);flex-direction:column;display:flex;overflow:hidden}.ch-topbar{-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);border-bottom:1px solid var(--line);z-index:5;background:linear-gradient(#282e38b8,#181b21b8);flex-wrap:wrap;align-items:center;gap:14px;padding:11px max(14px,min(2.2vw,30px));display:flex;box-shadow:inset 0 1px #ffffff0a,0 8px 22px #0000004d}.ch-brand{padding-right:8px}.ch-mark{line-height:1;font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.015em;color:var(--ink);margin:0;font-size:max(20px,min(2vw,27px));font-style:italic;font-weight:500}.ch-topbar-spring{flex:16px}.ch-tools{gap:8px;display:inline-flex}.ch-room{font-family:var(--font-geist-mono), ui-monospace, monospace;flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.ch-name,.ch-code-in{height:32px;color:var(--ink);border:1px solid var(--line);background:var(--surface);letter-spacing:.06em;border-radius:7px;padding:0 11px;font-family:inherit;font-size:11px}.ch-name{width:78px}.ch-code-in{text-transform:uppercase;letter-spacing:.24em;text-align:center;width:66px}.ch-room-btn{cursor:pointer;height:32px;color:var(--ink);border:1px solid var(--line);background:var(--surface);text-transform:uppercase;letter-spacing:.12em;border-radius:7px;padding:0 12px;font-family:inherit;font-size:10px;transition:background .16s,border-color .16s,color .16s}.ch-room-btn:hover{background:var(--surface-hi);border-color:#414956}.ch-room-btn:disabled{opacity:.4;cursor:default}.ch-room-code{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:600}.ch-roster{letter-spacing:.1em;color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:10px;overflow:hidden}.ch-room-err{letter-spacing:.04em;color:#ff9d6b;font-size:10px}.ch-transport{align-items:center;gap:14px;display:inline-flex}.ch-play{border:1px solid var(--line);background:linear-gradient(180deg, var(--surface-hi), var(--surface));width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:9px;place-items:center;font-size:13px;transition:background .16s,border-color .16s,color .16s,box-shadow .16s;display:grid}.ch-play:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ch-mode{border:1px solid var(--line-soft);background:#00000052;border-radius:9px;gap:2px;padding:3px;display:inline-flex}.ch-mode-btn{cursor:pointer;height:26px;color:var(--ink-dim);font-family:var(--font-geist-mono), ui-monospace, monospace;text-transform:uppercase;letter-spacing:.1em;background:0 0;border:0;border-radius:6px;padding:0 13px;font-size:9px;transition:background .16s,color .16s}.ch-mode-btn:hover{color:var(--ink)}.ch-mode-btn.sel{background:linear-gradient(180deg, var(--accent-2), var(--accent));color:var(--accent-ink);box-shadow:0 1px 3px #00000059}.ch-bpm{font-family:var(--font-geist-mono), ui-monospace, monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-dim);align-items:center;gap:7px;font-size:10px;display:inline-flex}.ch-bpm b{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;min-width:3ch;font-size:13px;display:inline-block}.ch-bpm button{border:1px solid var(--line);background:var(--surface);width:22px;height:22px;color:var(--ink);cursor:pointer;border-radius:6px;font-size:13px;line-height:1;transition:background .16s}.ch-bpm button:hover{background:var(--surface-hi)}.ch-export{cursor:pointer;height:32px;color:var(--ink-dim);border:1px solid var(--line);background:var(--surface);font-family:var(--font-geist-mono), ui-monospace, monospace;text-transform:uppercase;letter-spacing:.11em;border-radius:7px;padding:0 13px;font-size:10px;transition:background .16s,color .16s}.ch-export:hover{background:var(--surface-hi);color:var(--ink)}.ch-export:disabled{opacity:.5;cursor:default}.ch-tune{flex-wrap:wrap;gap:14px;display:inline-flex}.ch-tune-item{font-family:var(--font-geist-mono), ui-monospace, monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-dim);align-items:center;gap:7px;font-size:9px;display:inline-flex}.ch-select{cursor:pointer;height:32px;color:var(--ink);border:1px solid var(--line);background:var(--surface);font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.06em;border-radius:7px;padding:0 10px;font-size:11px;transition:background .16s}.ch-select:hover{background:var(--surface-hi)}.ch-select option{color:var(--ink);background:#1a1d23}.ch-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:max(14px,min(1.8vw,24px));display:flex;overflow:hidden}.ch-stage{flex:1;min-height:0;padding:max(14px,min(1.8vw,24px));display:flex}.ch-stage .ch-viz{height:100%;margin:0}.ch-region{background:linear-gradient(180deg, var(--panel-hi), var(--panel));border:1px solid var(--line);border-radius:12px;flex-direction:column;min-height:0;padding:14px 16px;display:flex;box-shadow:inset 0 1px #ffffff08,0 10px 26px #00000042}.ch-region-pl{flex:none}.ch-region-rack{flex:1;min-height:0}.ch-panel-label{font-family:var(--font-geist-mono), ui-monospace, monospace;text-transform:uppercase;letter-spacing:.22em;color:var(--ink-dim);align-items:center;gap:8px;margin:0 0 10px;font-size:9px;display:flex}.ch-rack-pat{color:var(--ink-faint);letter-spacing:.08em}.ch-live{color:var(--accent);letter-spacing:.13em}.ch-rack-head{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:6px;display:flex}.ch-rack-head .ch-panel-label{margin:0}.ch-playlist{align-items:stretch;min-height:0;display:flex}.ch-pl-side{flex:0 0 var(--plside);border-right:1px solid var(--line);background:#0000002e;border-radius:8px 0 0 8px;flex-direction:column;display:flex}.ch-pl-corner{height:var(--rulerh);border-bottom:1px solid var(--line-soft)}.ch-pl-lanelabel{height:var(--laneh);border-bottom:1px solid var(--line-soft);font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--ink-faint);place-items:center;font-size:10px;display:grid}.ch-pl-lanelabel:last-child{border-bottom:0}.ch-pl-scroll{scrollbar-gutter:stable;overflow-anchor:none;background:var(--well);min-width:0;box-shadow:inset 0 0 0 1px var(--line-soft);border-radius:0 8px 8px 0;flex:1;overflow-x:auto;overflow-y:clip}.ch-pl-ruler{grid-template-columns:repeat(var(--bars), minmax(var(--barw), 1fr));width:100%;height:var(--rulerh);border-bottom:1px solid var(--line-soft);align-items:end;display:grid}.ch-pl-bar{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--ink-faint);border-left:1px solid #0000;padding:0 0 4px 7px;font-size:9px;line-height:1}.ch-pl-bar.ch-q{color:var(--ink-dim);border-left-color:var(--line-soft)}.ch-pl-lanes{grid-template-columns:repeat(var(--bars), minmax(var(--barw), 1fr));grid-template-rows:repeat(var(--lanes), var(--laneh));width:100%;display:grid;position:relative}.ch-pl-cell{border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);cursor:pointer;background:0 0;padding:0;transition:background .12s}.ch-pl-cell:hover{background:var(--accent-soft)}.ch-pl-cell.ch-q{border-left:1px solid var(--line)}.ch-clip{z-index:2;color:#000000d1;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.04em;cursor:pointer;border:0;border-radius:6px;place-items:center;margin:4px;font-size:12px;font-weight:700;transition:filter .15s,box-shadow .15s,transform .12s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff52,0 2px 6px #00000061}.ch-clip:before{content:"";background:linear-gradient(#ffffff29,#0000);height:40%;position:absolute;top:0;bottom:auto;left:0;right:0}.ch-clip:hover{filter:brightness(1.07)}.ch-clip.sel{box-shadow:0 0 0 2px var(--accent), inset 0 1px 0 #ffffff57, 0 2px 8px #0000006b}.ch-pl-head{z-index:3;pointer-events:none;background:linear-gradient(180deg, var(--accent-2), var(--accent));width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 10px 1px #f2a63c99}.ch-bank{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ch-tab{border:1px solid var(--line);background:linear-gradient(180deg, var(--surface-hi), var(--surface));min-width:32px;height:32px;color:var(--ink);cursor:pointer;font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:8px;font-size:12px;transition:border-color .16s,color .16s,box-shadow .16s,filter .16s}.ch-tab:hover{filter:brightness(1.14)}.ch-tab.sel{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.ch-tab.add{color:var(--ink-dim)}.ch-tab.add:hover{color:var(--ink)}.ch-tab.wide{letter-spacing:.1em;text-transform:uppercase;min-width:0;color:var(--ink-dim);padding:0 11px;font-size:9px}.ch-tab.wide:hover{color:var(--ink)}.ch-tab.wide.sel{color:var(--accent)}.ch-tab.wide:disabled{opacity:.35;cursor:default}.ch-bank-sep{background:var(--line);align-self:stretch;width:1px;margin:4px 6px}.ch-len{align-items:center;gap:6px;display:inline-flex}.ch-hint{font-family:var(--font-geist-mono), ui-monospace, monospace;text-transform:uppercase;letter-spacing:.13em;color:var(--ink-faint);margin:4px 0 10px;font-size:9px}.ch-grid{background:var(--well);min-height:0;box-shadow:inset 0 0 0 1px var(--line-soft);scrollbar-gutter:stable;overflow-anchor:none;border-radius:9px;flex-direction:column;flex:1;gap:8px;padding:14px 12px;display:flex;overflow:auto}.ch-section-label{font-family:var(--font-geist-mono), ui-monospace, monospace;text-transform:uppercase;letter-spacing:.22em;color:var(--ink-faint);margin:12px 0 4px calc(var(--lab) + var(--gut) + var(--colgap) * 2 + 5px);font-size:8px}.ch-section-label:first-child{margin-top:0}.ch-row,.ch-ptrack{grid-template-columns:var(--lab) var(--gut) 1fr;align-items:center;column-gap:var(--colgap);display:grid}.ch-ptrack{margin:4px 0}.ch-label{font-family:var(--font-geist-mono), ui-monospace, monospace;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-dim);text-align:right;cursor:pointer;background:0 0;border:0;padding:0;font-size:9px;transition:color .15s}.ch-label:hover{color:var(--ink)}.ch-label.muted{opacity:.32;text-decoration:line-through}.ch-tracklabel{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.ch-vol{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);cursor:pointer;border-radius:2px;width:56px;height:3px}.ch-vol::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ink);border-radius:50%;width:10px;height:10px}.ch-vol::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:10px;height:10px}.ch-pan{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(90deg, var(--surface) 0 calc(50% - 1px), var(--ink-faint) calc(50% - 1px) calc(50% + 1px), var(--surface) calc(50% + 1px) 100%);border-radius:2px;width:56px;height:3px}.ch-pan::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ink);border-radius:50%;width:10px;height:10px}.ch-pan::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:10px;height:10px}.ch-gutter{align-self:stretch}.ch-pnotes{text-align:right;flex-direction:column;align-self:stretch;gap:2px;padding:4px 0;display:flex}.ch-note{height:var(--rowh);line-height:var(--rowh);font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.04em;color:var(--ink-faint);font-size:8px}.ch-note.root{color:var(--ink);font-weight:600}.ch-cells{grid-template-columns:repeat(var(--steps), minmax(0, 1fr));gap:var(--cgap);display:grid}.ch-cell{height:var(--drumh);border:1px solid var(--line-soft);background:var(--surface);cursor:pointer;border-radius:6px;min-width:0;padding:0;transition:box-shadow .14s,background .14s,border-color .14s,filter .14s}.ch-cell.ch-beat{background:#2d333d}.ch-cell:hover{filter:brightness(1.22)}.ch-cell.on{background:linear-gradient(#fff,#dfe3ea);border-color:#fff}.ch-cell.now{background:var(--accent-soft);border-color:#f2a63c80}.ch-cell.on.now{box-shadow:0 0 14px 1px var(--glow,#fff9)}.ch-melody{margin-top:10px}.ch-inst-tabs{align-items:center;gap:8px;margin-bottom:9px;padding-left:2px;display:flex}.ch-inst{border:1px solid var(--line);background:linear-gradient(180deg, var(--surface-hi), var(--surface));height:30px;color:var(--ink-dim);cursor:pointer;font-family:var(--font-geist-mono), ui-monospace, monospace;text-transform:uppercase;letter-spacing:.12em;border-radius:8px;padding:0 17px;font-size:10px;transition:color .16s,box-shadow .16s,filter .16s,border-color .16s}.ch-inst:hover{color:var(--ink);filter:brightness(1.1)}.ch-inst.sel{color:var(--accent-ink);background:linear-gradient(180deg, var(--accent-2), var(--accent));border-color:#0000;box-shadow:0 2px 8px #00000059}.ch-inst.muted{opacity:.55;text-decoration:line-through}.ch-inst-strip{border-left:1px solid var(--line);align-items:center;gap:12px;margin-left:8px;padding-left:16px;display:inline-flex}.ch-inst-strip .ch-label{text-align:left;min-width:34px}.ch-roll{--keyw:52px;--rollh:30px;width:100%;box-shadow:inset 0 0 0 1px var(--line);background:var(--well);border-radius:10px;align-items:stretch;display:flex;overflow:hidden}.ch-keys{flex:0 0 var(--keyw);border-right:1px solid var(--line);background:linear-gradient(90deg,#23272f,#191d24);flex-direction:column;display:flex}.ch-key{height:var(--rollh);border-bottom:1px solid #00000061;justify-content:flex-end;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff0b}.ch-key span{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--ink-faint);letter-spacing:.04em;padding-right:9px;font-size:9px}.ch-key.root{background:linear-gradient(90deg,#f2a63c3d,#f2a63c0a)}.ch-key.root span{color:var(--accent-2);font-weight:700}.ch-roll-grid{flex-direction:column;flex:1;min-width:0;display:flex}.ch-rrow{grid-template-columns:repeat(var(--steps), minmax(0, 1fr));height:var(--rollh);display:grid}.ch-rrow:nth-child(2n){background:#ffffff04}.ch-rrow.root{box-shadow:inset 0 -1px #f2a63c33}.ch-rcell{height:var(--rollh);cursor:pointer;border-right:1px solid var(--line-soft);background:0 0;padding:0;transition:background .1s;position:relative}.ch-rcell.ch-beat{border-left:1px solid var(--line)}.ch-rcell:hover{background:#ffffff0f}.ch-rcell.now{background:var(--accent-soft)}.ch-rcell.on:after{content:"";background:var(--nc,var(--accent));box-shadow:0 0 6px -2px var(--glow,#fff9), inset 0 1px 0 #fff6;border-radius:4px;position:absolute;top:2px;bottom:2px;left:1px;right:1px}.ch-rcell.on.now:after{box-shadow:0 0 13px 0 var(--glow,#ffffffbf), inset 0 1px 0 #ffffff73}.ch-rcell.ghost:after{content:"";background:#ffffff21;border-radius:3px;position:absolute;top:6px;bottom:6px;left:5px;right:5px;box-shadow:inset 0 0 0 1px #ffffff1a}.ch-grid::-webkit-scrollbar{width:11px;height:11px}.ch-pl-scroll::-webkit-scrollbar{width:11px;height:11px}.ch-grid::-webkit-scrollbar-track{background:0 0}.ch-pl-scroll::-webkit-scrollbar-track{background:0 0}.ch-grid::-webkit-scrollbar-thumb{background:var(--line);background-clip:padding-box;border:3px solid #0000;border-radius:7px}.ch-pl-scroll::-webkit-scrollbar-thumb{background:var(--line);background-clip:padding-box;border:3px solid #0000;border-radius:7px}.ch-grid::-webkit-scrollbar-thumb:hover{background:#4a525f padding-box padding-box}.ch-pl-scroll::-webkit-scrollbar-thumb:hover{background:#4a525f padding-box padding-box}.ch-grid,.ch-pl-scroll{scrollbar-color:var(--line) transparent;scrollbar-width:thin}.ch-viz{border:1px solid var(--line);background:#05060a;border-radius:10px;width:100%;height:min(60vh,520px);overflow:hidden}.ch-play:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ch-bpm button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ch-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ch-label:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ch-mode-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ch-pl-cell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ch-clip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ch-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ch-room-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ch-export:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:720px){.chorus{--cell:26px;--drumh:26px;--lab:46px;--gut:18px;--colgap:7px;--barw:48px;--laneh:42px;--plside:30px}.ch-label{letter-spacing:.1em;font-size:8px}.ch-note{font-size:7px}.ch-topbar{gap:10px;padding:10px 12px}.ch-roster{display:none}}