:root{--bg:#08080b;--panel:#15151b;--line:#34343e;--lime:#c7ff19;--violet:#a13dff;--muted:#91919d;--red:#ff617b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -15%,#351049,transparent 32%),var(--bg);color:#f7f7f8;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a,button,input,select{font:inherit}a,button,input[type=range],select{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}main{width:min(1480px,100%);margin:auto;min-height:100vh;padding:18px 28px 80px}header{height:62px;gap:16px;border-bottom:1px solid var(--line);margin-bottom:18px}.brand,header{display:flex;align-items:center}.brand{gap:11px}.brand>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--violet);border-radius:50%;color:var(--lime);font-size:27px;box-shadow:0 0 20px #a13dff66}.brand div{display:flex;flex-direction:column}.brand b,.brand small{letter-spacing:.14em}.brand small{font-size:8px;color:var(--muted)}header>i{margin-left:auto;font-style:normal;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.1em}header>i.online{color:var(--lime)}header>a{color:#ddd;text-decoration:none;border:1px solid #484854;padding:9px 12px;font-size:11px}.toast,header>a{border-radius:7px}.toast{position:fixed;z-index:20;top:18px;left:50%;transform:translateX(-50%);background:var(--lime);color:#111;padding:12px 18px;font-weight:800;box-shadow:0 12px 40px #000}.toast.bad{background:var(--red)}.stage{display:grid;grid-template-columns:minmax(0,1fr) 145px minmax(0,1fr);gap:18px;align-items:center}.deck{min-width:0;background:linear-gradient(145deg,#191920,#0d0d11);border:1px solid var(--line);border-radius:13px;padding:14px;box-shadow:0 20px 55px #000b}.deck.live{border-color:#644078;box-shadow:inset 0 0 70px #a13dff12,0 20px 55px #000b}.deck footer,.head{display:flex;justify-content:space-between;font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--muted)}.deck.live .head b{color:var(--lime)}.platter{position:relative;width:min(330px,75%);aspect-ratio:1;margin:12px auto;border:9px solid #24242b;border-radius:50%;background:repeating-radial-gradient(#16161b 0 2px,#0a0a0d 3px 6px);box-shadow:inset 0 0 0 2px #45454d,0 14px 35px #000}.platter>.cover{position:absolute;inset:16%;border-radius:50%;overflow:hidden}.cover{display:grid;place-items:center;background:linear-gradient(135deg,#7625b6,#22112d);color:var(--lime)}.cover img{width:100%;height:100%;object-fit:cover}.platter>.cover>span{font-size:58px}.platter>i{position:absolute;inset:calc(50% - 7px);width:14px;height:14px;border-radius:50%;background:#bbb;border:3px solid #333}.spin{animation:spin 9s linear infinite}.spin .cover{animation:spin 9s linear infinite reverse}@keyframes spin{to{transform:rotate(1turn)}}.deck h1{margin:0;font-size:clamp(20px,2.2vw,36px)}.deck h1,.deck>p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck>p{margin:4px 0 12px;color:var(--muted)}.wave{appearance:none;width:100%;height:29px;background:repeating-linear-gradient(90deg,transparent 0 3px,#555560 3px 5px);border-radius:3px}.wave::-webkit-slider-thumb{appearance:none;width:3px;height:36px;background:var(--lime);box-shadow:0 0 10px var(--lime)}.deck footer{margin-top:4px;font-family:monospace}.center{text-align:center}.center>label{font-size:9px;color:var(--muted);letter-spacing:.2em}.vu{color:var(--lime);letter-spacing:3px;margin:8px 0 18px;text-shadow:0 0 8px var(--lime)}.center>button{width:120px;height:120px;border-radius:50%;border:1px solid var(--violet);background:linear-gradient(#27272e,#101014);color:#fff;box-shadow:inset 0 0 0 5px #09090c,0 0 28px #a13dff35}.center>button:hover{border-color:var(--lime);box-shadow:inset 0 0 0 5px #09090c,0 0 32px #c7ff1966}.center button b,.center button small{display:block}.center button small{font-size:8px;letter-spacing:.12em}.center button b{font-size:16px}.center button span{font-size:25px;color:var(--lime)}.center>p{font-size:8px;color:#656570;line-height:1.5}.transport{display:flex;align-items:center;gap:11px;padding:11px 13px;margin-top:16px;background:#111116;border:1px solid var(--line);border-radius:10px}.transport>button{width:40px;height:40px;border:1px solid #464650;border-radius:50%;background:#1b1b21;color:#fff}.transport>.play{width:50px;height:50px;background:var(--lime);color:#09090b;border-color:var(--lime)}.transport label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:9px;font-weight:900}.transport input{accent-color:var(--lime);width:170px}.transport select{margin-left:auto;width:min(340px,35vw);border:1px solid #464650;border-radius:7px;background:#1b1b21;color:white;padding:10px}.xfade{display:grid;grid-template-columns:25px minmax(200px,500px) 25px;justify-content:center;align-items:center;gap:9px;margin:18px auto 25px}.xfade>b{color:#555}.xfade>b.on{color:var(--lime);text-shadow:0 0 9px var(--lime)}.xfade input{appearance:none;height:8px;border:1px solid #555;border-radius:5px;background:linear-gradient(90deg,var(--violet),#333 48%,#333 52%,var(--violet))}.xfade input::-webkit-slider-thumb{appearance:none;width:28px;height:35px;border:2px solid #999;border-radius:4px;background:linear-gradient(90deg,#222,#555,#222)}.xfade small{grid-column:1/-1;text-align:center;color:#666;font-size:8px}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;background:#16161c;padding:6px}.search span{font-size:23px;color:var(--violet);padding-left:11px}.search input{flex:1 1;min-width:0;background:transparent;border:0;outline:0;color:white;padding:11px;font-size:15px}.row nav button:not(.ghost),.search button{border:0;border-radius:6px;background:var(--lime);color:#0a0a0c;padding:10px 15px;font-size:10px;font-weight:900}.results{margin-top:7px;border:1px solid #4d2b60;border-radius:9px;background:#121217;max-height:390px;overflow:auto;padding:7px;box-shadow:0 20px 55px #000c}.results>div{display:flex;justify-content:space-between;padding:4px 7px;color:var(--muted);font-size:9px;letter-spacing:.14em}.results>div button{border:0;background:none;color:#fff;font-size:23px}.qrow,.row{display:grid;align-items:center;gap:11px;border-top:1px solid #2b2b33;padding:8px}.row{grid-template-columns:48px minmax(0,1fr) 48px auto}.qrow>.cover,.row>.cover{width:48px;height:48px;border-radius:5px;overflow:hidden}.qrow section,.row section{display:flex;min-width:0;flex-direction:column}.qrow section b,.qrow section small,.row section b,.row section small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qrow section small,.qrow time,.row section small,.row time{color:var(--muted);font-size:10px;margin-top:3px}.row nav{display:flex;gap:6px}.ghost{border:1px solid #603879!important;border-radius:6px;background:transparent!important;color:#ddd!important;padding:9px 12px!important;font-size:9px!important;font-weight:800}.queue{margin-top:31px}.title{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:11px}.title label{font-size:9px;color:var(--lime);font-weight:900;letter-spacing:.15em}.title h2{font-size:25px;margin:5px 0 0}.empty,.title>span{color:var(--muted);font-size:11px}.empty{text-align:center;padding:50px}.qrow{grid-template-columns:18px 26px 48px minmax(0,1fr) 48px 86px 32px}.qrow.ready{background:#17131c;box-shadow:inset 3px 0 var(--lime)}.handle{color:var(--violet);cursor:grab}.qrow>span:nth-child(2){font:700 10px monospace;color:#666}.qrow em{font-style:normal;color:var(--lime);font-size:8px;font-weight:900;letter-spacing:.1em}.remove{width:29px;height:29px;border:1px solid #7e364a;border-radius:50%;background:none;color:var(--red);font-size:19px}@media(max-width:850px){main{padding:10px 10px 60px}.stage{grid-template-columns:1fr 70px 1fr;gap:6px}.deck{padding:8px}.platter{width:92%;border-width:5px}.deck h1{font-size:15px}.deck>p{font-size:9px}.center>button{width:62px;height:62px}.center button small,.center>p,.vu{display:none}.center button b{font-size:9px}.center button span{font-size:17px}.transport{flex-wrap:wrap}.transport label{flex:1 1}.transport label input{width:100%}.transport select{order:6;margin:0;width:100%}.brand small,header>i{display:none}.row{grid-template-columns:43px minmax(0,1fr)}.row>time{display:none}.row nav{grid-column:2}.qrow{grid-template-columns:16px 22px 44px minmax(0,1fr) 31px}.qrow>.ghost,.qrow>em,.qrow>time{display:none}}@media(max-width:520px){.stage{grid-template-columns:1fr 48px 1fr}.head{font-size:7px}.head b{display:none}.platter{width:100%;margin:8px auto}.deck h1{font-size:12px}.deck>p{font-size:8px;margin-bottom:6px}.wave{height:18px}.center>button{width:45px;height:45px;padding:0}.center button b{font-size:7px}.center button span{font-size:14px}.brand b{font-size:12px}header>a{font-size:9px}.title h2{font-size:20px}}.deck[draggable=true],.row[draggable=true]{cursor:grab}.deck[draggable=true]:active,.row[draggable=true]:active{cursor:grabbing}.deck.dragover{border-color:var(--lime);box-shadow:inset 0 0 70px #c7ff1925,0 0 34px #c7ff1955;transform:scale(1.01)}.deck.dragover .platter{outline:3px dashed var(--lime);outline-offset:7px}.results .row:hover{background:#1b1620}