html:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1312;--fg:#e9ece9;--muted:#9aa5a0;--line:#2a322f;--card:#161c1a;--accent:#e985a2;--accent-on:#1b1b1b;--a:#f0b25a;--b:#8fe3c4;--c:#a9b8ff;--d:#f2a7c3;--stage:#050606}body{background:var(--bg);color:var(--fg)}[data-track=deck]{--tc:var(--a);--tc-dark:#9a5a00}[data-track=fable]{--tc:var(--b);--tc-dark:#11795a}[data-track=astra]{--tc:var(--c);--tc-dark:#2c3fa3}[data-track=argon]{--tc:var(--d);--tc-dark:#a3305e}#app{max-width:1600px;margin:0 auto;padding:28px 32px 48px}kbd{font-family:var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 4px;font-size:11px}.sx-head{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px 40px;padding-bottom:22px;display:grid}.sx-head .eyebrow{letter-spacing:.04em;color:var(--muted);margin:0 0 8px;font-size:12px}.sx-head h1{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:clamp(28px,3.4vw,42px);font-weight:700}.sx-head .lede{color:#c3cbc6;text-wrap:pretty;max-width:860px;margin:10px 0 0;font-size:15px;line-height:1.6}.sx-head .lede b{color:var(--fg)}.sx-links{flex-wrap:wrap;justify-content:flex-end;gap:6px 16px;font-size:13px;display:flex}.sx-links a,.sx-links .ghost{color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.sx-links a:hover,.sx-links .ghost:hover{color:var(--accent)}.sx-viewer{background:var(--stage);border:1px solid var(--line);border-radius:10px;margin-top:24px;scroll-margin-top:12px;position:relative;overflow:hidden}.sx-view-top,.sx-view-bottom{z-index:3;color:#aab4ae;align-items:center;gap:14px;font-size:11px;display:flex;position:absolute;left:18px;right:18px}.sx-view-top{flex-wrap:wrap;top:14px}.sx-view-bottom{pointer-events:none;justify-content:space-between;bottom:12px}.sx-view-bottom label{pointer-events:auto}.live{letter-spacing:.1em;color:#c7d6c4;margin-right:auto;font-size:10px}.live i{background:var(--b);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.seg{align-items:center;gap:4px;display:flex}.seg button,.sx-viewer select,.play-row button,.play-row select{font:inherit;color:var(--fg);cursor:pointer;background:#181e1cdb;border:1px solid #36403b;border-radius:6px;padding:6px 10px;font-size:12px}.seg button:hover,.play-row button:hover{border-color:#6c7a72}.seg button[aria-pressed=true]{color:#111;background:#e9ece9;border-color:#e9ece9}.seg button[aria-pressed=true] kbd{color:#555;border-color:#bbb}.seg button b{font-weight:700}.seg button[data-track] b{color:var(--tc)}.seg button[aria-pressed=true][data-track] b{color:var(--tc-dark)}.seg .hint{margin-left:2px}.sx-viewer select{margin-left:6px;padding:4px 6px}.sx-panes{grid-template-rows:1fr;height:min(56vw,680px);min-height:320px;display:grid}.sx-panes[data-layout=pair]{grid-template-rows:1fr 1fr;height:min(72vw,860px)}.sx-panes[data-layout=all]{background:#1d2422;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:1px;height:min(62vw,820px)}.sx-panes[data-layout=all] .pane{background:var(--stage)}.pane{min-height:0;position:relative}.pane[hidden]{display:none}.sx-panes[data-layout=pair] .pane[data-slot="1"]{border-top:1px solid #1d2422}.pane.is-missing canvas{visibility:hidden}.pane canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.sx-panes[data-view=room] .pane-flat,.sx-panes[data-view=flat] .pane-room{display:none}.pane-label{z-index:2;color:#d6ddd8;letter-spacing:-.01em;pointer-events:none;font-size:12px;position:absolute;top:52px;left:18px}.sx-panes[data-layout=pair] .pane[data-slot="1"] .pane-label,.sx-panes[data-layout=all] .pane[data-slot="2"] .pane-label,.sx-panes[data-layout=all] .pane[data-slot="3"] .pane-label{top:14px}.pane-label i,#cue-titles i,.card-text i{color:#c9d0cc;white-space:nowrap;border:1px solid #3a4540;border-radius:4px;margin-left:6px;padding:0 5px;font-size:11px;font-style:normal}.pane-label b{color:#111;border-radius:4px;place-items:center;width:18px;height:18px;margin-right:6px;font-size:11px;display:inline-grid}.pane[data-track] .pane-label b{background:var(--tc)}.pane-status{text-align:center;z-index:2;color:#d6ddd8;background:#101513e6;border:1px solid #3c4a42;border-radius:10px;place-content:center;padding:18px;font-size:13px;display:grid;position:absolute;inset:40% 22%}.pane-status[hidden]{display:none}.pane-still{object-fit:contain;background:var(--stage);width:100%;height:100%;display:block;position:absolute;inset:0}.pane-still[hidden]{display:none}.pane.is-still canvas{visibility:hidden}.pane-note{z-index:2;color:#d6ddd8;background:#101513e0;border:1px solid #3c4a42;border-radius:8px;max-width:640px;padding:9px 12px;font-size:12.5px;line-height:1.5;position:absolute;bottom:44px;left:18px;right:18px}.pane-note[hidden]{display:none}.sx-panes[data-layout=pair] .pane[data-slot="0"] .pane-note,.sx-panes[data-layout=all] .pane[data-slot="0"] .pane-note,.sx-panes[data-layout=all] .pane[data-slot="1"] .pane-note{bottom:12px}.sx-transport{border-bottom:1px solid var(--line);padding:22px 0 14px}.cue-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:18px;display:grid}#cue-number{font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;padding-top:8px;font-size:12px}#cue-song{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:600}#cue-titles{color:var(--muted);gap:3px;margin:6px 0 0;font-size:14px;display:grid}#cue-titles span.on{color:var(--fg)}#cue-titles em,.card-text em{margin-right:4px;font-style:normal;font-weight:700}#cue-titles span[data-track] em,.card-text[data-track] em{color:var(--tc)}#cue-titles small{color:var(--muted);margin-left:6px;font-size:12.5px}.cue-links{flex-wrap:wrap;justify-content:flex-end;gap:6px 14px;padding-top:6px;font-size:12.5px;display:flex}.cue-links a{color:var(--accent);text-decoration:none}.cue-links a:hover{text-decoration:underline}.play-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.play-row button{min-width:42px;font-size:14px}.play-row .primary{color:#111;background:#e9ece9;border-color:#e9ece9;min-width:104px;font-weight:600}#time{font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;margin:0 10px;font-size:12.5px}.play-row .auto{color:var(--muted);margin-left:auto;font-size:12.5px}.play-row .auto select{margin-left:6px}#seek{width:100%;accent-color:var(--b);margin:14px 0 4px}.sx-transport .note{color:var(--muted);margin:4px 0 0;font-size:12px}.sx-grid-wrap{padding-top:26px}.section-line{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.section-line h2{letter-spacing:-.01em;margin:0;font-family:Iowan Old Style,Times New Roman,serif;font-size:clamp(22px,2.4vw,30px);font-weight:400}.section-line span{letter-spacing:.14em;color:var(--muted);font-size:10.5px}.sx-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px;display:grid}.card-thumbs{grid-template-columns:1fr 1fr;gap:6px;display:grid}.card-lines{gap:6px;padding-top:4px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;align-content:start;gap:6px;padding:10px 10px 12px;display:grid}.card.active{background:#1b2321;border-color:#8a978f}.card-head{justify-content:space-between;align-items:baseline;padding:0 2px 2px;display:flex}.card-head span{font-family:var(--mono);color:var(--muted);font-size:12px}.card-head small{color:#c9d0cc;font-size:12.5px}.thumb{aspect-ratio:1200/520;cursor:pointer;background:#050606;border:1px solid #1f2624;border-radius:5px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb:hover{border-color:#6c7a72}.thumb.active{outline:2px solid var(--fg);outline-offset:1px}.thumb .tag{color:#111;border-radius:4px;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:grid;position:absolute;top:7px;left:7px}.thumb[data-track] .tag{background:var(--tc)}.thumb.empty{cursor:default;place-items:center;display:grid}.thumb.empty:hover{border-color:#1f2624}.thumb.empty small{color:var(--muted);font-size:11px}.card-text{margin:0;padding:0 2px;font-size:13px;line-height:1.45}.card-text strong{letter-spacing:-.01em;font-weight:600}.card-text small{color:var(--muted);font-size:11.5px;display:block}.sx-foot{border-top:1px solid var(--line);color:var(--muted);margin-top:34px;padding-top:16px;font-size:12.5px;line-height:1.6}.sx-foot p{margin:0 0 6px}.sx-foot a{color:var(--accent)}.sx-foot code{font-size:11.5px}.sx-help{z-index:20;background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.sx-help[hidden]{display:none}.sx-help>div{background:#161c1a;border:1px solid #3a4540;border-radius:12px;min-width:320px;padding:20px 24px}.sx-help h3{margin:0 0 12px;font-size:15px}.sx-help dl{grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:13px;display:grid}.sx-help dt{text-align:right}.sx-help dd{color:#c9d0cc;margin:0}body.sx-shot #app{max-width:none;padding:0}body.sx-shot .sx-head,body.sx-shot .sx-transport,body.sx-shot .sx-grid-wrap,body.sx-shot .sx-foot,body.sx-shot .sx-view-top,body.sx-shot .sx-view-bottom,body.sx-shot .pane-label{display:none}body.sx-shot .sx-viewer{border:0;border-radius:0;margin:0}body.sx-shot .sx-panes{height:100vh}@media (width<=760px){#app{padding:18px 16px 40px}.sx-head{grid-template-columns:1fr}.sx-links{justify-content:flex-start}.cue-head{grid-template-columns:1fr}.cue-links{justify-content:flex-start}.sx-view-top .live{display:none}.sx-panes{height:62vw}.sx-panes[data-layout=pair],.sx-panes[data-layout=all]{height:110vw}.pane-label{top:92px}}
