:root{--bg: #111114;--panel: #16161a;--panel2: #1c1c22;--line: #2a2a30;--ink: #e8e6e0;--dim: #8a8778;--gold: #b8a878;--drums: #e8b04b;--bass: #d05c5c;--harmony: #5ca8d0;--lead: #8bd05c;--mono: "SFMono-Regular", ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 720px at 50% -12%,#17171d,var(--bg));color:var(--ink);min-height:100vh}#app{max-width:1000px;margin:0 auto;padding:24px 20px 64px}.mono{font-family:var(--mono)}.dim{color:var(--dim)}header{display:flex;align-items:baseline;gap:14px;margin-bottom:18px;flex-wrap:wrap}header h1{font-size:26px;margin:0;letter-spacing:.06em}header .sub{color:var(--dim);font-size:13px}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:14px}.controls label{color:var(--dim);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-right:2px}.controls select,.controls input{background:#242430;color:var(--ink);border:1px solid #3a3a44;border-radius:8px;padding:6px 10px;font-size:14px}.controls input[type=number]{width:108px;font-family:var(--mono)}.controls input[type=range]{width:128px;accent-color:var(--gold);padding:0}.controls .mono{min-width:46px;font-size:13px}button.primary{background:var(--gold);color:#1a1710;font-weight:700;border:none;border-radius:10px;padding:9px 24px;font-size:15px;cursor:pointer;margin-left:auto}button.primary:disabled{opacity:.45;cursor:default}button.ghostbtn{background:transparent;border:1px solid #3a3a44;color:var(--dim);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:14px}.status{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:12px 2px 16px;font-size:13px;color:var(--dim);min-height:24px}.pill{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid var(--line)}.pill.sec{color:var(--gold);border-color:#3a3324}.spot-badge{color:var(--dim)}.status .mono{color:var(--ink)}.pill.pacing{color:var(--dim);border-color:var(--line)}.pill.pacing.p-plateau{color:#8fa6c0;border-color:#2f3a4a}.pill.pacing.p-develop{color:#d8a850;border-color:#4a3d20}.pill.pacing.p-churn{color:#e0894e;border-color:#4a3220}.pill.pacing.p-breathe{color:#5fb8a8;border-color:#204a44}.pill.pacing.p-transition{color:#a888d8;border-color:#3a2f4a}.pill.theme{color:var(--ink);border-color:var(--line)}.pill.theme.reprise{animation:reprise-flash .9s ease-out 1}@keyframes reprise-flash{0%{box-shadow:0 0 #b8a87800;background:transparent}18%{box-shadow:0 0 16px 2px #b8a8788c;background:#b8a8782e;border-color:var(--gold);color:#f2e8ca}to{box-shadow:0 0 #b8a87800;background:transparent}}.energy{width:120px;height:6px;border-radius:999px;overflow:hidden;background:#24242c;border:1px solid var(--line)}.energy #energyFill{height:100%;width:0%;background:linear-gradient(90deg,var(--harmony),var(--drums));transition:width .3s ease}.status .err{color:var(--bass);font-size:12px}.calls{display:flex;align-items:baseline;gap:10px;margin:0 2px 16px;min-height:30px}.calls.hidden{display:none}.calls-tag{flex:none;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);opacity:.6;padding-top:6px}.calls-chips{display:flex;flex-wrap:wrap;gap:7px;flex:1}.chip{font-family:Segoe UI,system-ui,sans-serif;font-size:12.5px;color:#e6dcc0;background:#b8a8780f;border:1px solid rgba(184,168,120,.32);border-radius:999px;padding:5px 13px;cursor:pointer;white-space:nowrap;transition:transform .12s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,opacity .2s ease;animation:chip-in .22s ease-out both}.chip:hover{transform:translateY(-1px);background:#b8a87824;border-color:var(--gold);box-shadow:0 3px 10px -6px #b8a878b3}.chip:active{transform:translateY(0);background:#b8a87838}.chip.chip-hit{color:#f4ecd2;background:#b8a87821;border-color:#b8a8788c}.chip.chip-hit:hover{background:#b8a87838}.chip.chip-cut{color:#e6b0a8;background:#d05c5c12;border-color:#d05c5c66}.chip.chip-cut:hover{background:#d05c5c29;border-color:var(--bass);box-shadow:0 3px 10px -6px #d05c5cb3}.calls.locked .chip{pointer-events:none;opacity:.4}@keyframes chip-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.strip{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 14px;margin-bottom:16px}.vrow{display:flex;align-items:center;gap:12px;padding:7px 8px;border-radius:8px;transition:box-shadow .25s ease,opacity .25s ease}.vrow.spot{box-shadow:inset 0 0 0 1px currentColor,0 0 14px -4px currentColor}.vrow.tacet{opacity:.34}.vname{width:68px;flex:none;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.vgrid{flex:1;display:flex;align-items:center;gap:2px;height:22px}.slot{flex:1;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.slot.cell{border-left:1px solid #30303a}.dot{border-radius:50%}.dbar{width:54px;flex:none;height:5px;border-radius:999px;overflow:hidden;background:#24242c}.dbar .dfill{height:100%;width:0%;opacity:.85;transition:width .25s ease}.feedwrap{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.feedhead{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);padding:9px 14px;border-bottom:1px solid var(--line);background:var(--panel2)}.feed{max-height:40vh;overflow-y:auto;padding:4px 0}.frow{font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--ink);padding:3px 14px 3px 12px;border-left:3px solid var(--line);white-space:pre-wrap;word-break:break-word}.frow+.frow{border-top:1px solid #1e1e24}.frow.c-conductor{border-left-color:var(--gold);color:#d8cfb8}.frow.call{border-left-color:var(--gold);border-left-width:4px;color:#f4ecd2;font-weight:600;letter-spacing:.01em;background:#b8a87817}.frow.c-drums{border-left-color:var(--drums)}.frow.c-bass{border-left-color:var(--bass)}.frow.c-harmony{border-left-color:var(--harmony)}.frow.c-lead{border-left-color:var(--lead)}