:root{--bg: #10141C;--text: #C8D0C8;--dim: #5A6470;--accent: #7FD962;--title: #62C8D9;--play: #243A28;--sel: #6E5518;--fx: #F0BE5A;--mute: #9E5555;--beat: #919A9C;--ink: #0B1409;--ink-title: #07161A;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--jb: "JetBrains Mono", ui-monospace, Menlo, monospace;--cond: "Barlow Condensed", "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#000;overscroll-behavior:none}body{display:flex;align-items:center;justify-content:center;-webkit-font-smoothing:antialiased;font-variant-ligatures:none}.sc{position:relative;background:var(--bg);overflow:hidden;display:flex;flex-direction:column;padding:8px 14px 10px}.sc .body{flex:1;min-height:0;display:flex}.sc .grid{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.sc .stack{display:flex;flex-direction:column;gap:2px}.sc .fill{flex:1}.navbar{height:34px;flex:none;display:flex;align-items:center;gap:9px;border-bottom:1px solid rgba(90,100,112,.3);margin-bottom:4px}.navbar .spacer{flex:1}.id-pat{font-family:var(--cond);font-size:21px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--title)}.id-meta{font-family:var(--jb);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.id-meta.notice{color:var(--accent)}.id-inst{font-family:var(--cond);font-size:13.5px;font-weight:600;letter-spacing:.096em;text-transform:uppercase;color:var(--bg);background:var(--text);height:20px;padding:0 8px;border-radius:2px;display:flex;align-items:center;flex:none;white-space:nowrap}.id-inst.door{box-shadow:0 1px #0006}.trkstep{height:28px;flex:none;display:flex;align-items:center;background:#c8d0c812;border-radius:3px;padding:0 2px}.trkstep .btn{background:none;width:26px;height:26px}.trkstep .btn svg{width:12px;height:12px;stroke-width:2}.trkstep .num{font-family:var(--cond);font-size:14.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text);padding:0 5px;white-space:nowrap}.btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:3px;color:var(--text);flex:none;background:#c8d0c812}.btn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.btn svg .solid{fill:currentColor;stroke:none}.btn .cap{font-family:var(--cond);font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1}.btn.row{flex-direction:row;gap:6px}.btn.row .cap{font-size:13px;letter-spacing:.08em}.btn.on{background:var(--accent);color:var(--ink)}.btn.live{background:#7fd96229;color:var(--accent)}.btn.ghost{background:none;color:var(--dim)}.btn.danger{color:var(--mute);background:#9e555521}.btn.off{background:#c8d0c809;color:var(--dim);opacity:.6}.btn.title{background:var(--title);color:var(--ink-title)}.btn.title-live{background:#62c8d929;color:var(--title)}.btn.back{background:none;color:var(--title);padding:0 9px 0 3px}.btn.back svg{width:21px;height:21px}.navbar .btn.row{height:28px;padding:0 9px}.navbar .btn.row svg{width:13px;height:13px;stroke-width:1.6}.navbar .btn.row .cap{font-size:13px;letter-spacing:.08em}.navbar .btn.back{height:28px}.rail{width:60px;flex:none;display:flex;flex-direction:column;align-items:center;gap:4px}.rail-l{padding-right:10px}.rail-r{padding-left:10px}.rail .btn{width:52px;height:44px}.rail .btn.big{height:56px}.rail .btn svg{width:17px;height:17px}.rail .btn.big svg{width:22px;height:22px}.rail .fill{flex:1}.rail-name{font-family:var(--jb);font-size:8px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;padding:5px 0 1px}.rail-l .rail-name{color:#f0be5a9e}.rail-r .rail-name{color:#7fd9628c}.hairline{width:32px;height:1px;flex:none;background:#5a647061;margin:2px 0}.slab{display:grid;align-items:center;gap:7px;height:32px;flex:none;background:#c8d0c80b;border-radius:2px;padding:0 8px}.slab.beat{background:#c8d0c81b}.slab.bar{background:#c8d0c82e}.slab.playing{background:var(--play);position:relative}.gauge{position:absolute;left:0;top:0;width:3px;height:100%;background:#7fd96238}.gauge>i{position:absolute;left:0;top:0;display:block;width:3px;background:var(--accent);height:calc(100% * var(--prog, 0))}.slot{height:26px;border-radius:2px;display:flex;align-items:center;justify-content:center;gap:6px;background:#c8d0c812;min-width:0}.slot .n{font-family:var(--cond);font-size:22px;font-weight:700;line-height:1;color:var(--text);letter-spacing:.02em}.slot.i{background:#62c8d91a}.slot.i .n{font-family:var(--jb);font-size:13px;font-weight:500;color:var(--title);letter-spacing:.04em}.slot.f{background:#f0be5a1c}.slot.f .m{font-family:var(--cond);font-size:12.5px;font-weight:700;letter-spacing:.1em;color:var(--fx)}.slot.f .v{font-family:var(--jb);font-size:12.5px;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.slot.empty{background:none;border:1px dashed rgba(90,100,112,.34)}.slot.sel{background:var(--sel);border:none}.slot.sel .n,.slot.sel .m,.slot.sel .v{color:var(--bg)}.slot.cur{background:var(--accent);border:none}.slot.cur .n,.slot.cur .m,.slot.cur .v{color:var(--ink)}.slot.echo{background:#7fd96229}@media(hover:hover){.slot:not(.cur):not(.sel):hover,.panel .prow2:not(.cur):hover{filter:brightness(1.55);box-shadow:inset 0 0 0 999px #7fd9621a}}.c-acc{color:var(--accent)}.c-text{color:var(--text)}.c-beat{color:var(--beat)}.c-dim{color:var(--dim)}.c-fx{color:var(--fx)}.c-title{color:var(--title)}.prow{height:34px;flex:none;border-radius:2px;display:flex;align-items:center;padding:0 12px;background:#c8d0c80b;font-family:var(--cond);font-size:20px;font-weight:600;color:var(--text)}.prow.cur{background:var(--accent);color:var(--ink)}.entry{height:38px;flex:none;margin-top:4px;display:flex;align-items:center;gap:6px;border-top:1px solid rgba(127,217,98,.28);padding-top:10px;box-sizing:content-box}.entry .who{font-family:var(--jb);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);width:58px;flex:none;line-height:1.25;white-space:nowrap}.entry .who.title{color:var(--title)}.entry .gap{flex:1;min-width:10px}.entry .earrow{flex:none;display:flex;align-items:center;color:var(--dim)}.entry .earrow svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.epreview{height:32px;min-width:60px;padding:0 10px;border-radius:3px;background:var(--accent);color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--cond);font-size:21px;font-weight:700;flex:none}.entry .reading{font-family:var(--jb);font-size:9.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--dim);flex:none;white-space:nowrap}.ebtn{height:32px;min-width:44px;padding:0 9px;border-radius:3px;background:#c8d0c817;color:var(--text);display:flex;align-items:center;justify-content:center;gap:5px;font-family:var(--cond);font-size:13.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;flex:none}.ebtn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ebtn svg .solid{fill:currentColor;stroke:none}.ebtn.wide{min-width:58px}.ebtn.danger{color:var(--mute);background:#9e555521}.ebtn.primary{background:var(--accent);color:var(--ink)}.ebtn.playing{background:var(--play);color:var(--accent)}.ebtn.on{background:var(--accent);color:var(--ink)}.ebtn.name{background:#f0be5a24;color:var(--fx)}.ebtn.title{background:#62c8d924;color:var(--title)}.ebtn.off{background:#c8d0c80a;color:var(--dim)}.panel-layer{position:absolute;inset:0;z-index:20}.panel{position:absolute;border-radius:4px;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(#c8d0c81a,#c8d0c81a),var(--bg);box-shadow:0 0 0 1px #5a647059,0 10px 24px -8px #000000b3}.panel .head{flex:none;height:28px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(90,100,112,.3);font-family:var(--jb);font-size:8.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.panel .list{flex:1;min-height:0;overflow-y:auto;padding:4px;display:flex;flex-direction:column;gap:2px;scrollbar-width:none}.panel .list::-webkit-scrollbar{width:0;height:0}.panel .hint{flex:none;padding:10px 8px;text-align:center;font-family:var(--cond);font-size:12px;font-weight:600;letter-spacing:.067em;text-transform:uppercase;color:var(--dim)}.panel .list .tier{flex:none;height:1px;margin:4px 6px 3px;background:#c8d0c838}.prow2{flex:none;height:28px;border-radius:2px;display:flex;align-items:center;gap:8px;padding:0 4px 0 8px;background:#c8d0c80b}.prow2 .gap{flex:1;min-width:0}.prow2 .num{font-family:var(--jb);font-size:13px;font-weight:500;letter-spacing:.038em;font-variant-numeric:tabular-nums;color:var(--text)}.prow2 .len{font-family:var(--jb);font-size:9.5px;color:var(--dim)}.prow2 .pbtn{flex:none;width:34px;height:22px;border-radius:3px;display:flex;align-items:center;justify-content:center;background:#c8d0c812;color:var(--text)}.prow2 .pbtn svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.prow2 .pbtn svg .solid{fill:currentColor;stroke:none}.prow2 .pbtn.live{background:#7fd96229;color:var(--accent)}.prow2.cur{background:var(--accent)}.prow2.cur .num,.prow2.cur .len,.prow2.cur .tkind,.prow2.cur .tname{color:var(--ink)}.prow2.cur .pbtn{background:#0b14092e;color:var(--ink)}.prow2.new{background:none;border:1px dashed rgba(90,100,112,.55);padding:0 8px;gap:6px;color:var(--dim)}.prow2.new svg{width:11px;height:11px;flex:none;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.prow2.new .lbl{font-family:var(--cond);font-size:13px;font-weight:600;letter-spacing:.077em;text-transform:uppercase}.prow2.new .free{font-family:var(--jb);font-size:9.5px}.prow2.target{padding:0 8px}.prow2 .tkind{flex:none;width:44px;font-family:var(--jb);font-size:8.5px;letter-spacing:.094em;text-transform:uppercase;color:var(--dim)}.prow2 .tname{min-width:0;font-family:var(--cond);font-size:14px;font-weight:700;letter-spacing:.086em;text-transform:uppercase;color:var(--fx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prow2.nrow{height:24px;padding:0 8px;gap:8px}.prow2.nrow .nn{font-family:var(--cond);font-size:16px;font-weight:600;letter-spacing:.025em;color:var(--text)}.prow2.nrow .nv{font-family:var(--jb);font-size:9px;color:var(--dim)}.prow2.nrow.oct{background:#c8d0c81f}.prow2.nrow.cur{background:var(--accent)}.prow2.nrow.cur .nn{color:var(--ink)}.prow2.nrow.cur .nv{color:#0b1409b3}.prow2.irow{height:24px;padding:0 4px 0 8px;gap:8px}.prow2.irow .lbl{font-family:var(--cond);font-size:16px;letter-spacing:.025em;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.prow2.irow .pbtn{height:20px}.prow2.irow.cur{background:var(--accent)}.prow2.irow.cur .lbl{color:var(--ink)}.prow2.prow-preset{height:28px;padding:0 8px;gap:8px}.prow2 .plbl{font-family:var(--jb);font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.prow2 .plbl.folder{color:var(--title)}.prow2 .ptail{font-family:var(--jb);font-size:9.5px;color:var(--dim)}.panel .head.back{cursor:pointer;color:var(--title)}.panel .head .gap{flex:1;min-width:6px}.panel .head .dir{color:var(--title)}.panel .head svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;margin-right:4px}.prow2.srow{padding:0 8px}.prow2.srow .nm{min-width:0;font-family:var(--jb);font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prow2.srow.cur .nm{color:var(--ink)}.prow2.fxrow{height:26px;padding:0 8px;gap:8px}.prow2.fxrow .m{flex:none;width:34px;font-family:var(--cond);font-size:14px;font-weight:700;letter-spacing:.086em;color:var(--fx)}.prow2.fxrow .d{min-width:0;font-family:var(--jb);font-size:9px;letter-spacing:.033em;text-transform:uppercase;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prow2.fxrow.taken{opacity:.45}.prow2.fxrow.taken .m{color:var(--dim)}.prow2.fxrow.cur{opacity:1}.prow2.fxrow.cur .m{color:var(--ink)}.prow2.fxrow.cur .d{color:#0b1409cc}.fader{width:56px;padding:8px 0 9px;align-items:center;gap:6px;overflow:visible}.fader .val{height:19px;display:flex;align-items:center;font-family:var(--cond);font-size:19px;font-weight:700;line-height:1;color:var(--accent)}.fader .track{position:relative;width:44px;height:126px;margin:7px 0;cursor:pointer}.fader .track:before{content:"";position:absolute;inset:-7px}.fader .rail{position:absolute;left:50%;top:0;bottom:0;width:6px;transform:translate(-50%);border-radius:3px;background:#c8d0c81f}.fader .tick{position:absolute;left:8px;right:8px;top:50%;height:1px;background:#c8d0c82e}.fader .fill{position:absolute;left:50%;bottom:0;width:6px;transform:translate(-50%);border-radius:3px;background:var(--accent);height:max(6px,calc(100% * var(--lvl, 1)))}.fader .knob{position:absolute;left:0;width:44px;height:14px;border-radius:3px;background:var(--text);bottom:calc(100% * var(--lvl, 1) - 7px);box-shadow:0 1px #00000080}.fader .knob:after{content:"";position:absolute;left:14px;right:14px;top:6px;height:2px;border-radius:1px;background:var(--bg)}.fader .rd{height:11px;font-family:var(--jb);font-size:8.5px;letter-spacing:.1em;color:var(--dim);white-space:nowrap}.fader:after{content:"";position:absolute;top:100%;left:var(--tailx, 50%);transform:translate(-50%);border:6px solid transparent;border-bottom:0;border-top-color:#c8d0c81a}.fader.below:after{top:auto;bottom:100%;border:6px solid transparent;border-top:0;border-bottom-color:#c8d0c81a}.fader.beside:after{top:var(--taily, 50%);left:auto;right:100%;transform:translateY(-50%);border:6px solid transparent;border-left:0;border-right-color:#c8d0c81a}.fader.beside.mirror:after{right:auto;left:100%;border:6px solid transparent;border-right:0;border-left-color:#c8d0c81a}.alert-layer{position:absolute;inset:0;z-index:40}.scrim{position:absolute;inset:0;background:#10141ccc}.ask{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:300px;max-width:calc(100% - 28px);border-radius:6px;overflow:hidden;background:linear-gradient(#c8d0c817,#c8d0c817),var(--bg);box-shadow:0 0 0 1px #5a647059,0 18px 40px -12px #000c}.ask .head{padding:13px 16px 4px;text-align:center}.ask .head .t{display:block;font-family:var(--cond);font-size:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.ask .head .s{display:block;font-family:var(--jb);font-size:9px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-top:3px}.ask .field{display:block;width:calc(100% - 28px);margin:10px 14px 14px;height:32px;border:0;border-radius:3px;background:#10141cbf;box-shadow:0 0 0 1px #5a647066;padding:0 10px;font-family:var(--cond);font-size:17px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text);caret-color:var(--accent);outline:none}.ask .field:focus{box-shadow:0 0 0 1px #62c8d98c}.ask .field::placeholder{color:var(--dim)}.ask .field.asis{text-transform:none}.ask .acts{display:flex;border-top:1px solid rgba(90,100,112,.3)}.ask .acts div{flex:1;height:40px;display:flex;align-items:center;justify-content:center;font-family:var(--cond);font-size:16px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--title);cursor:pointer}.ask .acts div+div{border-left:1px solid rgba(90,100,112,.3)}.ask .acts .danger{color:var(--mute)}.ask .acts .ok{font-weight:700}