:root{--glow:0,150,156;--sw-blur:10px;--sw-radius:6px;--handle-w:24px}[data-mode=engineer]{--ma:var(--ac);--glow:204,255,0;--sw-blur:0px;--sw-radius:0px}[data-mode=hybrid]{--ma:var(--tl);--glow:0,150,156;--sw-blur:10px;--sw-radius:6px}[data-mode=artist]{--ma:var(--rs);--glow:196,82,52;--sw-blur:20px;--sw-radius:18px}.mfloat{position:fixed;right:0;top:50%;z-index:600;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.16,1,.3,1)}.mfloat.show{opacity:1;pointer-events:auto}.medge{position:absolute;right:0;top:50%;width:130px;height:280px;z-index:-1;transform:translateY(-50%);pointer-events:none;background:radial-gradient(ellipse 74px 140px at 100% 50%,rgba(var(--glow),.5),rgba(var(--glow),0) 72%);filter:blur(3px);opacity:0;transition:opacity .4s}.mfloat.show .medge{animation:edgePulse 3s ease-in-out infinite}@keyframes edgePulse{0%,to{opacity:.18}50%{opacity:.6}}.mfloat.show:hover .medge,.mfloat.open .medge{animation:none;opacity:.1}.msled{display:flex;align-items:stretch;transform:translate(calc(100% - var(--handle-w)));transition:transform .46s cubic-bezier(.16,1,.3,1)}.mfloat.show:hover .msled,.mfloat.open .msled{transform:translate(0)}.mhandle{position:relative;flex-shrink:0;width:var(--handle-w);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 0;cursor:none;overflow:hidden;background:#12121480;-webkit-backdrop-filter:blur(var(--sw-blur)) saturate(140%);backdrop-filter:blur(var(--sw-blur)) saturate(140%);border:1px solid rgba(229,228,226,.1);border-right:none;border-radius:var(--sw-radius) 0 0 var(--sw-radius);box-shadow:inset 0 1px #ffffff0f}.mhandle:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;border-radius:2px;background:var(--ma);box-shadow:0 0 11px rgba(var(--glow),.9),0 0 3px rgba(var(--glow),1)}.mhandle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.05)50%,transparent 68%);pointer-events:none}.mhandle-lbl{writing-mode:vertical-rl;transform:rotate(180deg);font-family:Teko,sans-serif;font-weight:600;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:#e5e4e29e}[data-mode=artist] .mhandle-lbl{color:#e5e4e2b8}.mpanel{position:relative;width:190px;padding:18px 18px 15px;background:#12121494;-webkit-backdrop-filter:blur(var(--sw-blur)) saturate(140%);backdrop-filter:blur(var(--sw-blur)) saturate(140%);border:1px solid rgba(229,228,226,.1);border-left:none;border-right:none;box-shadow:inset 0 1px #ffffff0d,-24px 0 60px -24px #000c}.mpanel-lbl{font-family:JetBrains Mono,monospace;font-size:8px;letter-spacing:.24em;text-transform:uppercase;color:#e5e4e24d;margin-bottom:12px;display:block}.mbtn{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:10px 12px;background:#e5e4e205;border:1px solid rgba(229,228,226,.07);border-radius:calc(var(--sw-radius) * .55);color:#e5e4e26b;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;cursor:none;margin-bottom:5px;transition:border-color .2s,color .2s,background .2s}.mbtn:hover{border-color:#e5e4e247;color:var(--pt);background:#e5e4e20b}.mdot{width:7px;height:7px;flex-shrink:0;background:var(--d)}.mbtn[data-m=engineer]{--d:var(--ac)}.mbtn[data-m=engineer] .mdot{border-radius:0}.mbtn[data-m=hybrid]{--d:var(--tl)}.mbtn[data-m=hybrid] .mdot{border-radius:2px}.mbtn[data-m=artist]{--d:var(--rs)}.mbtn[data-m=artist] .mdot{border-radius:50%}.mbtn.on-e{border-color:var(--ac);color:var(--ac);background:#ccff000d}.mbtn.on-e .mdot{box-shadow:0 0 7px var(--ac)}.mbtn.on-h{border-color:var(--tl);color:var(--tl);background:#0060641f}.mbtn.on-h .mdot{box-shadow:0 0 7px var(--tl)}.mbtn.on-a{border-color:var(--rs);color:var(--rs);background:#882d171a}.mbtn.on-a .mdot{box-shadow:0 0 7px var(--rs)}.mpanel-div{border-top:1px solid rgba(229,228,226,.08);margin:12px 0 11px}.mbtn-audio{color:#e5e4e24d}.mbtn-audio .mdot{background:#e5e4e266;border-radius:50%}.mbtn-audio.playing{border-color:var(--ma);color:var(--ma)}.mbtn-audio.playing .mdot{background:var(--ma);box-shadow:0 0 7px var(--ma)}.mhint{font-family:JetBrains Mono,monospace;font-size:7.5px;letter-spacing:.16em;text-transform:uppercase;color:#e5e4e23d;margin-top:11px;display:flex;align-items:center;gap:6px}@media (max-width:760px){.mfloat{display:none!important}}