:root{color-scheme:dark;--bg:#121212;--panel:#1a1a1a;--panel2:#222222;--line:#2f2f2f;--text:#e8e4dc;--strong:#ffffff;--muted:#8b8780;--faint:#5c5954;--accent:#f3c47e;--accent-hi:#f7d49e;--accent-dim:#b48d58;--on-accent:#161616;--active:#2a2621;--alert:#e8836f;--track:#333333;--vu:#4a4a4a;--shadow:rgba(0,0,0,.9);--name-l:72%}:root[data-theme=light]{color-scheme:light;--bg:#f2ede2;--panel:#faf6ec;--panel2:#f8f1e4;--line:#d2c7b7;--text:#211d18;--strong:#17120e;--muted:#71695e;--faint:#9b9081;--accent:#a94f2a;--accent-hi:#7f371f;--accent-dim:#c58b70;--on-accent:#ffffff;--active:#efe0d3;--alert:#8d3f2f;--track:#ddd2c3;--vu:#c9bdad;--shadow:rgba(55,42,29,.22);--name-l:34%}*{box-sizing:border-box}body{min-height:100vh;min-height:100dvh;margin:0;background:var(--bg);color:var(--text);font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex;align-items:center;justify-content:center;padding:24px 16px;-webkit-font-smoothing:none}:root[data-theme=light] body{background:radial-gradient(circle at 20% 30%,rgba(72,54,36,.055) 0 .7px,transparent .8px) 0 0/7px 7px,linear-gradient(180deg,#f8f3e9,var(--bg))}.app{width:min(760px,100%)}.activitybar{height:22px;margin:0 2px 7px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase;transition:opacity .18s ease,transform .18s ease}.activitybar[hidden]{display:none}.activitybar i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-dim)}.activitybar.swap{opacity:0;transform:translateY(-3px)}.activitybar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.titlebar{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;margin:0 2px 10px}.titlebar h1{font-size:14px;letter-spacing:.14em;text-transform:uppercase;margin:0;color:var(--accent);white-space:nowrap}.titlebar span{font-size:11px;color:var(--muted);letter-spacing:.08em}.titlebar .where{font-size:12px;color:var(--text)}.titlebar .where time{color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.titlebar #np{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.titleactions{display:flex;align-items:center;gap:5px;margin-left:auto}button.titleicon{position:relative;display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:7px;line-height:1}button.titleicon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}button.titleicon.on{color:var(--accent);border-color:var(--accent-dim);background:var(--active)}button.titleicon .badge{position:absolute;top:-5px;right:-5px;margin:0}.screen{position:relative;border:1px solid var(--line);border-radius:8px;background:#000;overflow:hidden;box-shadow:0 18px 40px -24px var(--shadow);width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 auto}.screen:fullscreen{width:100%;max-width:none;border:0;border-radius:0;display:flex;align-items:center;justify-content:center}.screen:-webkit-full-screen{width:100%;max-width:none;border:0;border-radius:0;display:flex;align-items:center;justify-content:center}canvas{display:block;width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges}.curtain{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(12,12,12,.72);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;transition:opacity .45s;text-align:center;padding:20px}.curtain.hide{opacity:0;pointer-events:none}.curtain b{font-size:15px;letter-spacing:.3em;color:#f3c47e;text-transform:uppercase}.curtain small{color:#a9a49c;letter-spacing:.06em}.bigplay{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#f3c47e;border:2px solid #f3c47e;animation:pulse 2.6s ease-in-out infinite}.bigplay:after{content:"";border-left:16px solid #f3c47e;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:5px}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(243,196,126,.28)}50%{box-shadow:0 0 0 14px rgba(243,196,126,0)}}.deck{margin-top:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:12px;display:grid;grid-gap:12px;gap:12px;position:relative}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.grow{flex:1 1 140px}.push{margin-left:auto}.volume{min-width:160px}.volume .meta{margin-bottom:4px}button{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:7px 12px;cursor:pointer;letter-spacing:.06em;transition:.12s}button:hover{border-color:var(--accent-dim);color:var(--strong)}button:active{transform:translateY(1px)}button.play{min-width:92px;color:var(--on-accent);background:var(--accent);border-color:var(--accent);font-weight:700}button.play:hover{background:var(--accent-hi);border-color:var(--accent-hi);color:var(--on-accent)}button.on{background:var(--active);border-color:var(--accent-dim);color:var(--accent)}button:disabled{opacity:.4;cursor:default}button.sm{padding:5px 9px;font-size:11px}.meta{font-size:11px;color:var(--muted);letter-spacing:.08em}.meta b{color:var(--text);font-weight:600}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:4px;background:var(--track);outline:none;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:16px;border-radius:3px;background:var(--accent);border:1px solid var(--bg);cursor:pointer}input[type=range]::-moz-range-thumb{width:12px;height:16px;border-radius:3px;background:var(--accent);border:1px solid var(--bg);cursor:pointer}.timer{display:flex;align-items:center;gap:10px;margin-left:auto}.clockface{font-size:22px;letter-spacing:.06em;color:var(--accent);min-width:78px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.phase{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.vu{display:flex;gap:2px;align-items:flex-end;height:16px}.vu i{width:3px;background:var(--vu);height:3px;border-radius:1px;transition:height .08s}.vu i.mid{background:var(--accent-dim)}.vu i.hi{background:var(--accent)}.hint{font-size:10px;color:var(--faint);letter-spacing:.1em;text-align:center;margin-top:8px}@media (max-width:560px){body{padding:8px}.app{width:100%!important}.activitybar{height:18px;margin-bottom:5px;font-size:9px}.titlebar{grid-template-columns:auto minmax(0,1fr) auto;gap:6px 8px}.titlebar h1{grid-column:1;grid-row:1}.titlebar .where{grid-column:2;grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.titleactions{grid-column:3;grid-row:1}.titlebar #np{grid-column:1/-1;grid-row:2;text-align:center}button.titleicon{width:32px;height:32px}.screen{width:100%;aspect-ratio:4/3}.screen canvas{width:100%!important;height:100%}.deck{margin-top:8px;padding:8px}.deck,.deck .row{gap:8px}.deck .row:first-child{row-gap:6px}.volume{min-width:120px}.timer{margin-left:0;width:100%;justify-content:space-between}#scenes,.deck>.row:nth-of-type(3){flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}#scenes::-webkit-scrollbar,.deck>.row:nth-of-type(3)::-webkit-scrollbar{display:none}#scenes>*,.deck>.row:nth-of-type(3)>*{flex:0 0 auto}#scenesub{display:none}#scenes .push,.deck>.row:nth-of-type(3) .push{margin-left:0}.hint{margin-top:6px;padding:0 6px;font-size:9px;line-height:1.35}}.chordbtn{background:none;border:1px dashed transparent;padding:3px 8px;font-size:11px;color:var(--muted);letter-spacing:.08em}.chordbtn b{color:var(--text);font-weight:600}.chordbtn i{font-style:normal;color:var(--faint);margin-left:2px}.chordbtn.on,.chordbtn:hover{border-color:var(--line);background:var(--panel2)}.chordbtn.on i,.chordbtn:hover i{color:var(--accent)}.progeditor{position:absolute;right:10px;bottom:52px;width:min(470px,calc(100% - 20px));z-index:5;display:grid;grid-gap:10px;gap:10px;padding:10px 12px 12px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 40px -16px var(--shadow)}.progeditor[hidden]{display:none}.progeditor header{display:flex;align-items:center;gap:8px}.progeditor header b{color:var(--accent)}.progeditor header #progclose{margin-left:auto;padding:2px 8px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip,.chips{align-items:center}.chip{display:inline-flex;border:1px solid var(--line);border-radius:6px;background:var(--panel2)}.chip:focus-within{border-color:var(--accent-dim)}.chip.now{border-color:var(--accent)}.chip.now input{color:var(--accent)}.chip input{font:inherit;color:var(--text);background:transparent;border:0;outline:none;padding:5px 2px 5px 8px;width:auto}.chip input.bad{color:var(--alert);-webkit-text-decoration:underline wavy var(--alert);text-decoration:underline wavy var(--alert)}.chip .x{border:0;background:none;padding:2px 7px;color:var(--faint)}.chip .x:hover{color:var(--text)}.progeditor select{font:inherit;font-size:11px;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:5px 8px;max-width:100%}@media (max-width:560px){.progeditor{left:10px;right:10px;width:auto}.chip input{font-size:16px}}body{gap:16px}.badge{display:inline-block;min-width:15px;padding:0 4px;margin-left:4px;border-radius:8px;background:var(--accent);color:var(--on-accent);font-size:10px;line-height:15px;font-weight:700;font-style:normal;text-align:center}.badge[hidden]{display:none}.chat{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:8px;width:300px;min-height:0}.chat[hidden]{display:none}.chat header{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line)}.chat header b{color:var(--accent)}.chat header #chatcount{margin-left:auto}.chat header button{padding:2px 8px}.chatlog{flex:1 1;min-height:0;overflow-y:auto;margin:0;padding:8px 10px;list-style:none;display:flex;flex-direction:column;gap:4px;overscroll-behavior:contain}.chatlog .msg{word-wrap:break-word;overflow-wrap:anywhere}.chatlog .msg time{color:var(--faint);font-size:10px;margin-right:6px}.chatlog .msg b{font-weight:600;margin-right:6px}.chatlog .msg.me span{color:var(--strong)}.chatlog .note{color:var(--muted);font-size:11px;text-align:center;padding:4px 0}#chatform{display:flex;gap:6px;padding:8px 10px 4px;border-top:1px solid var(--line)}#chatform input{flex:1 1;min-width:0}.chat input{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:6px 8px;outline:none}.chat input:focus{border-color:var(--accent-dim)}.whoami{display:flex;align-items:center;gap:6px;padding:4px 10px 8px}.whoami input{flex:1 1;min-width:0;padding:2px 6px;font-size:11px;background:transparent;border-color:transparent}.whoami input:focus,.whoami input:hover{border-color:var(--line)}@media (max-width:959px){.chat{position:fixed;left:0;right:0;bottom:0;width:auto;height:min(58dvh,460px);z-index:10;border-radius:12px 12px 0 0;border-bottom:0;box-shadow:0 -20px 50px -10px var(--shadow);padding-bottom:env(safe-area-inset-bottom)}.chat input{font-size:16px}.whoami input{font-size:13px}}