:root{--bg:#000;--panel:#0e0e16eb;--glass:#0e0e16b8;--text:#ececf3;--muted:#9a9ab0;--accent:#c77dff;--accent-2:#5ee7ff;--line:#ffffff21;--error:#ff8fa3;--warn:#ffd27a;--panel-w:min(560px, 100vw);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}button,input,select{font:inherit;color:inherit}button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;padding:5px 10px}button:hover{border-color:var(--accent)}button.on{border-color:var(--accent);color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#12051f;font-weight:600}select,input:not([type]),input[type=search]{border:1px solid var(--line);background:#ffffff0f;border-radius:8px;padding:5px 8px}select option{background:#16161f}.muted{color:var(--muted)}.badge{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:1px 6px;font-size:11px}[hidden]{display:none!important}#stage,#stage canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#topbar{z-index:3;background:linear-gradient(#000000bf,#0000);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 16px;transition:opacity .4s;display:flex;position:fixed;top:0;left:0;right:0}body.panel-open #topbar{right:var(--panel-w)}.brand{letter-spacing:.3px;background:linear-gradient(90deg, #ff6ec7, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.group{align-items:center;gap:6px;display:flex}.group.end{margin-left:auto}.now #nowPlaying{align-items:center;gap:8px;max-width:34vw;display:flex}#nowName{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sens{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.sens input{width:80px;accent-color:var(--accent)}#meter{align-items:flex-end;gap:2px;width:22px;height:18px;display:flex}#meter i{background:var(--accent-2);border-radius:1px;flex:1;height:2px;transition:height 50ms}body.idle{cursor:none}body.idle #topbar,body.hide-ui #topbar{opacity:0;pointer-events:none}#panel{width:var(--panel-w);z-index:4;background:var(--panel);border-left:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;display:none;position:fixed;top:0;bottom:0;right:0}body.panel-open #panel{display:flex}body.hide-ui #panel{display:none}.tabs{border-bottom:1px solid var(--line);gap:4px;padding:8px 12px 0;display:flex}.tabs button{color:var(--muted);border:none;border-bottom:2px solid #0000;border-radius:0;padding:8px 12px}.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.tabs .close{margin-left:auto;font-size:18px;line-height:1}.tab{flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px 12px;display:flex;overflow:hidden}#tab-library,#tab-music{overflow-y:auto}.docbar,.actions,.libbar,.newbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}#docName{flex:1;min-width:140px}.check{color:var(--muted);align-items:center;gap:4px;font-size:13px;display:flex}#editor{border:1px solid var(--line);border-radius:8px;flex:1;min-height:160px;overflow:hidden}#errors{max-height:110px;margin:0;padding:0;font:12px/1.4 ui-monospace,Menlo,monospace;list-style:none;overflow-y:auto}#errors li{color:var(--error);cursor:pointer;padding:2px 0}#errors li.warning{color:var(--warn)}#errors li.ok{color:#8fe3a5;cursor:default}#controls{grid-template-columns:auto 1fr auto;align-items:center;gap:6px 10px;max-height:30vh;display:grid;overflow-y:auto}#controls:empty{display:none}#controls label{color:var(--muted);font-size:13px}#controls input[type=range]{width:100%;accent-color:var(--accent)}#controls output{color:var(--muted);text-align:right;min-width:4ch;font:12px ui-monospace,Menlo,monospace}#controls .desc{color:var(--muted);grid-column:1/-1;font-size:12px}#tab-library h3{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:10px 0 2px;font-size:13px}#tab-library h3 small{text-transform:none;letter-spacing:0;font-weight:400}#search{flex:1}.list{margin:0;padding:0;list-style:none}.list li{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.list li:hover{background:#ffffff0f}.list li.current{background:#c77dff29}.list li .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.list li button{padding:2px 8px;font-size:12px}.list li.muted{cursor:default}.list li button.star,button.star{min-width:0;color:var(--muted);background:0 0;border:none;padding:0 4px;font-size:15px}button.star.on{color:#ffd27a}button.star:disabled{opacity:.35;cursor:default}#loopCard{margin:10px 0 4px}#loopCard summary{cursor:pointer}#loopEvery{border:1px solid var(--line);background:#ffffff0f;border-radius:8px;width:64px;padding:4px 6px}#loopSmooth{width:120px;accent-color:var(--accent)}#quietShade{opacity:0;pointer-events:none;z-index:2;background:#000;position:fixed;inset:0}#quietCard{margin:4px 0}#quietCard summary{cursor:pointer}#quietCard input[type=range]{width:110px;accent-color:var(--accent)}.qnum{border:1px solid var(--line);width:56px;color:inherit;background:#ffffff0f;border-radius:8px;padding:4px 6px}.qmeter{background:#ffffff14;border-radius:4px;height:8px;position:relative;overflow:hidden}.qmeter i{background:var(--accent);opacity:.8;width:0;position:absolute;inset:0 auto 0 0}.qmeter b{background:#fff;width:2px;position:absolute;top:0;bottom:0}.overlay{z-index:10;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}#start{background:radial-gradient(circle at 50% 40%,#2a0f45d9 0%,#000000d9 70%)}.card{background:var(--glass);border:1px solid var(--line);border-radius:16px;width:100%;max-width:460px;padding:22px}.card h1{background:linear-gradient(90deg, #ff6ec7, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:28px}.card h2{margin:0 0 6px}.card p{color:var(--muted);margin:0 0 14px}.src{text-align:left;background:#ffffff0a;border-radius:12px;width:100%;margin:8px 0;padding:12px 14px;display:block}.src b{display:block}.src span{color:var(--muted);font-size:13px}.link{color:var(--muted);border:none;padding:6px 0;text-decoration:underline}.error{color:var(--error);min-height:1.4em;margin-top:8px;font-size:13px}.warn{color:var(--warn);font-size:13px}#shareUrl{width:100%;margin-bottom:10px}.row{justify-content:flex-end;gap:8px;display:flex}#toast{z-index:20;background:var(--glass);border:1px solid var(--line);opacity:0;pointer-events:none;border-radius:10px;max-width:calc(100vw - 32px);padding:8px 14px;transition:opacity .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#player{z-index:3;background:linear-gradient(#0000,#000c);align-items:center;gap:6px 8px;padding:10px 16px 12px;transition:opacity .4s;display:flex;position:fixed;bottom:0;left:0;right:0}body.panel-open #player{right:var(--panel-w)}body.idle #player,body.hide-ui #player{opacity:0;pointer-events:none}#player button{min-width:34px;padding:5px 8px}#player .play{background:var(--accent);border-color:var(--accent);color:#12051f;min-width:44px;font-weight:700}#pInfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}#pName{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}#pSeekWrap{align-items:center;gap:8px;display:flex}#pSeek{min-width:0;accent-color:var(--accent);flex:1}#pTime{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}#pVolWrap{align-items:center;gap:4px;font-size:13px;display:flex}#pVol{width:80px;accent-color:var(--accent)}body.has-player #toast{bottom:84px}@media (max-width:760px){body.panel-open #topbar{display:none;right:0}body.panel-open #player,#pVolWrap,#pRepeat{display:none}.now #nowPlaying{max-width:50vw}.sens{display:none}}.mcard{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.mrow{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.small{font-size:13px}.big{font-variant-numeric:tabular-nums;min-width:4.5ch;font-size:30px;font-weight:700}.big small{color:var(--muted);font-size:13px;font-weight:400}.truth{color:#8fe3a5;font-size:12px}.mbar{background:#ffffff14;border-radius:3px;flex:1;min-width:80px;height:6px;overflow:hidden}.mbar i{background:var(--accent-2);width:0;height:100%;display:block}.lbl{width:72px}#mBeatDot{background:var(--accent);border-radius:50%;width:22px;height:22px;transform:scale(.4)}#mBarStrip{flex:1;gap:4px;min-width:120px;display:flex}#mBarStrip span{background:#ffffff14;border-radius:5px;flex:1;height:22px;position:relative;overflow:hidden}#mBarStrip span.one{outline:1px solid var(--accent)}#mBarStrip span.on{background:#c77dff80}#mBarStrip span i{background:#5ee7ff73;width:0;position:absolute;top:0;bottom:0;left:0}.lights .light{border:1px solid var(--line);background:#ff6ec700;border-radius:999px;padding:4px 10px;font-size:12px;transition:background 40ms}#mChroma{grid-template-columns:repeat(12,1fr);align-items:end;gap:3px;height:70px;display:grid}#mChroma div{flex-direction:column;justify-content:flex-end;height:100%;display:flex}#mChroma div i{border-radius:3px 3px 0 0;min-height:2px;display:block}#mChroma div span{color:var(--muted);text-align:center;font-size:10px}.harmony b{font-variant-numeric:tabular-nums}#mVars{border-collapse:collapse;width:100%;font-size:12px}#mVars th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 4px 4px;font-weight:600}#mVars td{vertical-align:top;border-bottom:1px solid #ffffff0d;padding:4px}#mVars td.v{text-align:right;color:var(--accent-2);white-space:nowrap;font:12px ui-monospace,Menlo,monospace}#mVars button{padding:1px 6px;font:12px ui-monospace,Menlo,monospace}code{font:12px ui-monospace,Menlo,monospace}