:root{color-scheme:dark;--bg:#11131b;--card:#1c1f2b;--line:#303445;--text:#f3f4fa;--muted:#a6aabe;--accent:#b7a5ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#25233a,var(--bg) 55%);color:var(--text);font:16px/1.5 system-ui,sans-serif}.wrap{max-width:860px;margin:auto;padding:32px 22px 56px}header,.toolbar,.row,.pair{display:flex;align-items:center;justify-content:space-between;gap:14px}header{margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--accent);font-weight:700}h1{font-size:38px;line-height:1.1;margin:5px 0}h2{margin:0 0 6px}h3{margin:0 0 5px}.card{background:#1c1f2beF;border:1px solid var(--line);border-radius:18px;padding:24px;margin:18px 0;box-shadow:0 16px 48px #0002}.card p,.muted,small{color:var(--muted)}label:not(.upload){display:block;margin:14px 0;font-size:14px}input{display:block;width:100%;margin-top:6px;padding:12px 14px;background:#11131b;color:var(--text);border:1px solid var(--line);border-radius:10px;font:inherit}.row{justify-content:flex-start;margin-top:16px}button,.upload{border:0;border-radius:10px;background:var(--accent);color:#191526;padding:11px 16px;font:600 14px system-ui;cursor:pointer}.secondary{background:#303445;color:var(--text)}.quiet{background:transparent;color:var(--muted)}.hidden{display:none!important}.toolbar{margin:28px 0 12px}.library{display:grid;gap:10px}.track{display:flex;align-items:center;gap:14px;padding:14px;background:#1c1f2b;border:1px solid var(--line);border-radius:14px}.track .info{flex:1;min-width:0}.track strong,.track span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track span{font-size:13px;color:var(--muted)}.track button{padding:8px 11px}.player{position:sticky;bottom:12px;z-index:2;padding:16px;display:flex;align-items:center;gap:20px}.player #now{flex:1}audio{width:min(480px,60%);height:42px}.pair{flex-wrap:wrap}.pair p{margin:3px 0}.pair strong{font-size:22px;letter-spacing:.2em;color:var(--accent)}#roles{display:grid;gap:6px;margin:12px 0}.role{padding:9px 12px;background:#11131b;border-radius:9px;color:var(--muted)}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#eee9ff;color:#171421;padding:10px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1}footer{text-align:center;color:#777b8f;font-size:12px;margin-top:40px}@media(max-width:600px){.wrap{padding:22px 15px 40px}h1{font-size:32px}.card{padding:19px}.player{display:block}.player #now{margin-bottom:7px}audio{width:100%}.row{flex-wrap:wrap}.toolbar{align-items:flex-start}}
.playlistbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:18px 0}.playlistbar select,.track select,.role select{background:#11131b;color:var(--text);border:1px solid var(--line);padding:10px;border-radius:10px;font:inherit}.playlistbar select{min-width:160px;flex:1}.track .meta{flex:1;min-width:0}.track .meta strong,.track .meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track .meta span{font-size:13px;color:var(--muted)}.track button{white-space:nowrap}.inline{display:flex!important;align-items:center;gap:12px}.inline input[type=range]{max-width:220px;margin:0}.discord{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}.discord input[type=checkbox]{width:auto;margin:0}dialog{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:16px;width:min(520px,calc(100% - 28px));padding:24px}dialog::backdrop{background:#05060bd9}dialog form>label{display:block;margin:12px 0}#crossfade{accent-color:var(--accent)}.track .add-playlist{font-size:12px;padding:8px 10px}.settings small{display:block;margin-top:10px}@media(max-width:600px){.playlistbar>*{flex:1}.playlistbar select{flex-basis:100%}.track{gap:8px;padding:10px}.track button{padding:8px}.track .add-playlist{font-size:11px}dialog{padding:17px}}

[hidden]{display:none!important}