:root{color:#edf0f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#090b0f;font-family:Inter,ui-sans-serif,system-ui}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer;background:#171b22;border:0;border-radius:9px;padding:.7rem 1rem}button:hover{background:#242a34}.primary{background:#7357f6}.primary:hover{background:#856cff}.shell{grid-template-rows:1fr 84px;grid-template-columns:240px 1fr;min-height:100vh;display:grid}aside{background:#0d1015;border-right:1px solid #20242b;flex-direction:column;gap:25px;padding:22px;display:flex}.brand{letter-spacing:-.5px;font-size:20px;font-weight:800}.brand i{color:#8b72ff;font-size:28px;font-style:normal}nav{gap:6px;display:grid}nav button{text-align:left;background:0 0;justify-content:space-between;display:flex}nav .active{color:#a895ff;background:#24202f}.navhead{text-transform:uppercase;color:#727987;justify-content:space-between;margin:18px 8px 5px;font-size:11px;display:flex}.navhead button{padding:0}.mode{margin-top:auto;font-size:12px}main{max-height:calc(100vh - 84px);padding:42px;overflow:auto}header{justify-content:space-between;align-items:end;margin-bottom:35px;display:flex}h1{letter-spacing:-1.5px;margin:.25rem 0;font-size:38px}p,small{color:#8d95a3}header small{color:#8c74ff;letter-spacing:1.5px;font-weight:800}.actions{gap:8px;display:flex}.actions .on{color:#b8aaff;background:#332a5c}.tracks{border-top:1px solid #252a32}.row{color:#959daa;border-bottom:1px solid #191d23;grid-template-columns:40px minmax(190px,2fr) minmax(120px,1fr) 70px 80px;align-items:center;gap:15px;padding:12px;display:grid}.row:hover,.playing{background:#11151b}.row b{color:#edf0f5;display:block}.row em{color:#69717e;font-size:12px;font-style:normal}.labels{text-transform:uppercase;letter-spacing:1px;font-size:10px}.empty{text-align:center;padding:12vh 20px}.empty b{font-size:24px}footer{background:#12161c;border-top:1px solid #272c35;grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:12px 25px;display:grid}footer small,footer b{display:block}.transport{text-align:center}.transport button{background:0 0}.transport .play{color:#111;background:#eee;border-radius:50%}audio{width:100%;height:34px}.gate{background:radial-gradient(circle at top,#28203c,#090b0f 55%);place-items:center;min-height:100vh;padding:20px;display:grid}.gatecard{background:#101319;border:1px solid #292e38;border-radius:20px;gap:12px;width:min(440px,100%);padding:34px;display:grid;box-shadow:0 30px 100px #0008}.gatecard h1{font-size:34px}.gatecard .big{text-align:left;padding:16px}.gatecard .big small{margin-top:5px;display:block}.gatecard form{gap:10px;display:grid}.gatecard input{background:#090b0f;border:1px solid #303642;border-radius:9px;padding:14px}.gatecard a{text-align:center;color:#9f8cff;margin-top:10px}.error{color:#ff7485;margin:0}@media (width<=720px){.shell{padding-bottom:100px;display:block}aside{border:0;padding:15px;display:block}aside nav{margin-top:12px;display:flex;overflow:auto}.navhead{display:none}.mode{float:right}main{max-height:none;padding:24px 15px}header{display:block}h1{font-size:30px}.actions{margin-top:15px}.row{grid-template-columns:28px 1fr 55px 55px}.row>span:nth-child(3),.labels{display:none}footer{grid-template-columns:1fr auto;padding:12px 15px;position:fixed;bottom:0;left:0;right:0}footer audio{display:none}.transport{grid-column:2}.gatecard{padding:25px}}.danger-link{color:#b8707b;background:0 0;font-size:11px}.row-actions{gap:4px;display:flex}.row-actions button{padding:.45rem .55rem;font-size:11px}.brand i{border:1px solid #765cff;border-radius:6px;margin-right:5px;padding:4px;font-size:12px}.actions{flex-wrap:wrap}.search{color:#edf0f5;background:#11151b;border:1px solid #2c323c;border-radius:9px;min-width:150px;padding:.65rem .8rem}