@import url("/theme.css");
*{box-sizing:border-box}body{margin:0;min-width:320px;background:#060a13;color:var(--text);font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,input:disabled,select:disabled{opacity:.36;cursor:not-allowed}a{color:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #99c9ff;outline-offset:4px}button svg,span svg{width:20px;height:20px;display:block;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25}input,select{color:var(--text)}[hidden]{display:none!important}
.aurora{position:fixed;z-index:-1;pointer-events:none;inset:-50% -30% 0;opacity:.27;background:conic-gradient(from 30deg at 55% 50%,transparent 10%,#254a9c 20%,transparent 29%,#313081 40%,transparent 46%,#167282 57%,transparent 63%);filter:blur(70px);animation:aurora 35s ease-in-out infinite alternate}.secondary-aurora{transform:rotate(170deg);opacity:.13;animation-delay:-13s}@keyframes aurora{to{transform:rotate(12deg) translateY(8%) scale(1.15)}}.motion-reduced .aurora,.motion-reduced .record{animation:none!important}
.topbar{height:88px;padding:0 max(28px,calc((100vw - 1580px)/2));border-bottom:1px solid var(--line);background:#070c16be;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:23px;letter-spacing:-.6px;font-weight:700}.brand img{object-fit:contain;border-radius:12px;mix-blend-mode:screen}.brand small{display:block;letter-spacing:2px;font-size:10px;color:#7b8ca8;font-weight:600;line-height:1.1;margin-top:2px}.header-center{display:flex;align-items:center;gap:14px;color:#7f8ca5;font-size:14px}.header-rule{width:36px;height:1px;background:var(--line)}.account{display:flex;gap:12px;align-items:center;font-size:14px}.account img{border-radius:50%}.workspace{max-width:1580px;margin:auto;padding:30px 28px 0}.workspace-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:15px}.workspace-bar h1{font-size:28px;letter-spacing:-1px;margin-top:7px}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:700;color:#8495b0}.connection{display:flex;align-items:center;gap:8px;font-size:13px;color:#99aac2;padding:9px 14px;border:1px solid var(--line);border-radius:30px;background:#0b1422}.connection>span:first-child{width:6px;height:6px;border-radius:50%;background:#e2b65f}.connection .live{background:#72d0ba!important;box-shadow:0 0 10px #72d0ba40}.connection .offline{background:#ec869a!important}.banner{border:1px solid #7b98bb3d;background:#122139;color:#b7ccea;padding:12px 16px;border-radius:10px;margin-bottom:18px;font-size:14px;display:flex;gap:15px;justify-content:space-between}
.dashboard-grid{display:grid;grid-template-columns:minmax(235px,.83fr) minmax(340px,1.65fr) minmax(300px,1.15fr);gap:20px;align-items:stretch}.panel{background:linear-gradient(145deg,#0d1523eb,#09101bed);border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 50px #00000024;min-width:0}.controls-panel{padding:24px}.section-label{display:flex;gap:10px;align-items:center;font-weight:600;margin-bottom:24px}.section-label svg{color:#91aee4}.field label{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.server-field select{font-weight:600}.server-field .fine{display:block;margin-top:10px}.control-section{border-top:1px solid var(--line);margin-top:24px;padding-top:21px}.control-section h2{font-size:12px;letter-spacing:1.8px;color:#657992;text-transform:uppercase;margin-bottom:15px}.label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}.label-row label{display:flex;align-items:center;gap:8px}.label-row label svg{width:17px;color:#829cc0}output{color:#a9c6f4;font-variant-numeric:tabular-nums}.fine{font-size:12px;color:var(--muted);line-height:1.5}.range-scale{display:flex;justify-content:space-between;color:#5c6f88;font-size:11px;margin-top:3px}.filter-label{display:block;font-size:14px;margin:18px 0 9px}select{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 10px;background:#101b2c;min-height:42px}#active-filters{margin-top:7px}.segmented{display:flex;background:#060d18;border-radius:9px;padding:4px;margin-top:10px;gap:4px}.segmented button{flex:1;white-space:nowrap;border:0;border-radius:6px;background:none;padding:8px 5px;font-size:12px;color:var(--muted)}.segmented [aria-pressed=true]{background:#21314a;color:#d9e7ff;box-shadow:0 1px 5px #0004}.toggle-row{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:20px 0}.toggle-row label{font-size:14px}.toggle-row .fine{font-size:11px;margin-top:3px}.switch{width:38px;height:22px;flex:0 0 38px;border:1px solid #394559;background:#1a2739;border-radius:30px;padding:3px}.switch span{display:block;width:14px;height:14px;background:#8393a9;border-radius:50%;transition:transform .2s}.switch[aria-checked=true]{background:#426ce0;border-color:#628cf9}.switch[aria-checked=true] span{background:white;transform:translateX(15px)}.library-buttons{display:flex;flex-direction:column;gap:9px}.listen-note{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:23px;color:#647891;font-size:12px}.listen-note svg{width:17px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 14px;font-size:13px;line-height:1.5;font-weight:600;border-radius:8px;border:1px solid var(--line);text-decoration:none;transition:background .15s,transform .15s}.button svg{width:17px;height:17px}.button:hover:not(:disabled){filter:brightness(1.12)}.button:active:not(:disabled){transform:translateY(1px)}.button.accent{background:linear-gradient(120deg,#6385f2,#4c6bce);border-color:#91b0ff55;box-shadow:0 3px 18px #4465c521;color:white}.subtle{background:#111c2d;color:#a9bad2}.full{width:100%}.danger{background:#9c374b;border-color:#cf526d}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:#8397b4;flex-shrink:0}.icon-button:hover:not(:disabled){background:#23324a;color:#e9f1ff}.text-link{color:#9caed0;font-size:13px;text-decoration:none;background:none;border:0;padding:0}.text-link:hover{color:#d7e5ff}
.player-panel{padding:24px 32px 26px;display:flex;flex-direction:column;align-items:stretch;background:radial-gradient(ellipse at 50% 25%,#14243e55,transparent 65%),linear-gradient(140deg,#0e1828ec,#0a111eef)}.player-top{display:flex;align-items:center;justify-content:space-between}.player-top .eyebrow{font-size:10px;color:#8ca3c5}.record-area{position:relative;display:grid;place-items:center;padding:25px 0 24px}.record-halo{position:absolute;width:90%;aspect-ratio:1;max-width:340px;background:radial-gradient(circle,#345abc22,transparent 68%);filter:blur(20px)}.record{position:relative;width:min(100%,280px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#101724 0px,#101724 1px,#080e18 2px,#080e18 4px);border:7px solid #050a13;box-shadow:0 20px 32px #0009,0 0 0 1px #526b983b;animation:spin 20s linear infinite;will-change:transform}.record:before{content:"";position:absolute;inset:7%;border:1px solid #627ba426;border-radius:50%}.record-light{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,transparent,#739ac623,transparent 25%,transparent 50%,#808ace18,transparent 77%)}.record img{position:absolute;inset:29%;width:42%;height:42%;object-fit:cover;border-radius:50%;border:5px solid #111a2e;box-shadow:0 0 0 1px #5c70ab5c}.spindle{position:absolute;inset:48.5%;border-radius:50%;background:#050a14;border:1px solid #a0c2ff6b}.record.paused{animation-play-state:paused}@keyframes spin{to{transform:rotate(360deg)}}.song-copy{text-align:center;min-height:100px}.song-copy h2{font-size:26px;letter-spacing:-.7px;overflow-wrap:anywhere;line-height:1.25}.song-copy>p{margin-top:6px;color:#9aadc9;font-size:15px}.song-copy .fine{color:#5e7797;font-size:12px;margin-top:8px}.timeline{margin-top:12px}.time-row{display:flex;justify-content:space-between;font-size:12px;font-variant-numeric:tabular-nums;color:#7d91b0;margin-top:2px}input[type=range]{width:100%;height:20px;margin:8px 0 0;accent-color:#8bacff;cursor:pointer}input[type=range]:focus-visible{outline-offset:2px}.transport{display:flex;justify-content:center;align-items:center;gap:24px;margin:19px 0 22px}.transport>div{display:flex;align-items:center;flex-direction:column;gap:7px}.transport small{font-size:11px;color:#667e9f}.round{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#142036;color:#a8bbd8}.round svg{width:18px}.round:hover:not(:disabled){background:#243957;color:white}.round.play-button{width:58px;height:58px;background:linear-gradient(135deg,#d3e3ff,#8faaff);color:#102348;border-color:#c8daff;box-shadow:0 0 30px #638bff27}.round.play-button svg{width:24px;height:24px}.primary-transport{margin-top:-2px}.add-section{margin-top:auto;padding-top:22px;border-top:1px solid var(--line)}.add-section h3{font-size:14px;font-weight:600}.add-section .fine{font-size:11px}.search-input{display:flex;align-items:center;gap:10px;background:#080f1d;border:1px solid #52638444;border-radius:9px;padding:0 13px;margin-top:13px}.search-input svg{width:17px;color:#5b7292}.search-input input{width:100%;min-width:0;border:0;background:none;padding:13px 0;outline:none;font-size:14px}.search-input:focus-within{border-color:#89aaf0}.add-actions{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.check-label{display:flex;align-items:center;gap:7px;font-size:12px;color:#7e94b5}.check-label input{accent-color:#6e8ded}
.queue-panel{display:flex;flex-direction:column;overflow:hidden}.queue-header{display:flex;align-items:center;justify-content:space-between;padding:25px 23px 19px}.queue-header h2{display:flex;align-items:center;gap:10px;font-size:22px;letter-spacing:-.5px;margin-top:6px}.badge{border:1px solid var(--line);border-radius:6px;font-size:11px;color:#819bbb;padding:2px 6px;font-weight:500}.queue-tabs{display:flex;gap:23px;border-bottom:1px solid var(--line);padding:0 23px}.queue-tabs button{padding:0 2px 13px;border:0;border-bottom:2px solid transparent;background:none;font-size:13px;color:#637b9a}.queue-tabs [aria-selected=true]{color:#bfd2fa;border-color:#8ba9ff}.queue-panel section{flex:1;min-height:260px}.track-list{list-style:none;padding:6px 12px;margin:0;max-height:530px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#283954 transparent}.track-list li{display:grid;grid-template-columns:18px 42px minmax(0,1fr);align-items:center;gap:10px;padding:12px 8px;border-bottom:1px solid #162235;position:relative;border-radius:6px}.track-list li:hover{background:#142034}.track-index{color:#4f6889;font-size:11px;text-align:center}.track-list img{width:42px;height:42px;object-fit:cover;border-radius:6px;background:#000}.track-meta{min-width:0}.track-meta strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500;font-size:13px}.track-meta small{display:block;color:#7389a8;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:2px}.row-actions{grid-column:2/-1;display:flex;align-items:center;justify-content:space-between;gap:7px}.row-actions>span{color:#4f6b91;font-size:10px;font-variant-numeric:tabular-nums}.row-buttons{display:flex;gap:3px}.row-buttons .icon-button{width:24px;height:24px}.row-buttons svg{width:13px;height:13px}.queue-footer{display:flex;align-items:center;gap:8px;padding:15px 23px;border-top:1px solid var(--line);color:#6f87a8;font-size:12px;margin-top:auto}.queue-footer svg{width:14px;height:14px}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 18px;color:#5c7291}.empty>span{background:#17243a;padding:14px;border:1px solid var(--line);border-radius:14px}.empty h3{color:#9cafc9;font-size:15px;margin-top:18px}.empty p{font-size:13px;margin-top:5px}.footer{display:flex;justify-content:space-between;padding:20px 2px;color:#506581;font-size:12px}.footer .text-link{font-size:12px}
.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:40;background:#183126;border:1px solid #72cc9e55;color:#d1eadb;padding:12px 20px;border-radius:11px;font-size:14px;box-shadow:0 8px 40px #0008;max-width:min(90vw,600px)}.toast.error{background:#3d1c2b;border-color:#e0809955;color:#ffced9}.dialog{border:1px solid #314261;border-radius:16px;background:#101a2a;color:var(--text);padding:26px;width:min(480px,90vw);box-shadow:0 25px 90px #0009}.dialog::backdrop{background:#030816bb;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.dialog h2{font-size:22px}.dialog p{font-size:14px;color:#9aabc4;margin:12px 0 20px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.dialog input{display:block;width:100%;margin-top:8px;background:#09111e;border:1px solid var(--line);border-radius:8px;padding:12px}.dialog label{font-size:14px}.dialog #save-error{color:#f698af;margin-bottom:0}.library-dialog{max-height:80vh;overflow:auto}.library-dialog h3{font-size:15px;margin:24px 0 12px}.collection{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.collection small{display:block;color:var(--muted)}.collection .button{font-size:12px}
.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:70vh;color:#879cbc;font-size:14px}.loading img{mix-blend-mode:screen}.login{max-width:960px;margin:10vh auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:30px;align-items:center}.login-art{height:370px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.login-art img{width:180px;height:180px;object-fit:contain;mix-blend-mode:screen;z-index:1;filter:drop-shadow(0 0 40px #373fac66)}.login-art>span{font-size:11px;letter-spacing:7px;color:#7b8ebb;margin-top:25px;z-index:1}.login-orbit{position:absolute;width:360px;height:360px;border:1px solid #506d9b29;border-radius:50%;box-shadow:0 0 0 30px #617cab05,0 0 0 70px #5672a305,inset 0 0 120px #1d326035}.login-copy h1{font-size:44px;letter-spacing:-1.8px;line-height:1.12;margin-top:18px}.login-copy>p:not(.eyebrow){color:#8198b9;line-height:1.9;font-size:15px;margin:22px 0}.login-button{margin-top:6px;min-height:48px;padding-inline:22px}.login-copy .fine{font-size:12px!important;margin:15px 0!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1600px){.record{width:310px}.track-list{max-height:570px}.record-area{padding-block:32px}.player-panel{padding-inline:40px}}
@media(max-width:1190px){.dashboard-grid{grid-template-columns:225px minmax(320px,1fr)}.queue-panel{grid-column:1/-1}.queue-panel section{min-height:200px}.track-list{max-height:340px}.track-list li{grid-template-columns:20px 42px minmax(0,1fr) auto}.row-actions{grid-column:auto;gap:18px}.header-center{display:none}.record{width:280px}}
@media(max-width:700px){.topbar{height:76px;padding:0 18px}.brand{font-size:21px}.brand img{width:40px;height:40px}.account #username{display:none}.workspace{padding:22px 14px 0}.workspace-bar{margin-bottom:18px}.workspace-bar h1{font-size:24px}.eyebrow{font-size:9px}.connection{font-size:11px;padding:8px 10px}.dashboard-grid{display:flex;flex-direction:column;gap:16px}.player-panel{order:0;padding:20px 23px}.queue-panel{order:1}.controls-panel{order:2}.record{width:235px}.song-copy h2{font-size:24px}.control-section h2{font-size:12px}.label-row,.filter-label,.toggle-row label{font-size:15px}.fine{font-size:13px}.record-area{padding-block:22px}.transport{gap:28px}.track-list{max-height:400px}.track-list li{grid-template-columns:16px 42px minmax(0,1fr)}.row-actions{grid-column:2/-1}.track-meta strong{font-size:14px}.track-meta small{font-size:12px}.footer>span:nth-child(2){display:none}.login{grid-template-columns:1fr;gap:25px;margin:20px auto;padding:24px}.login-art{height:205px}.login-art img{width:125px;height:125px}.login-orbit{width:210px;height:210px}.login-copy{text-align:center}.login-copy h1{font-size:35px}.login-art>span{display:none}.banner{flex-direction:column;gap:4px}.segmented button{font-size:14px}.button{font-size:14px}.listen-note{font-size:13px}}
.web-listen{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:13px 14px;border:1px solid #4c6a9a55;border-radius:11px;background:linear-gradient(120deg,#101d32,#0b1423)}.web-listen .eyebrow{font-size:9px;color:#9ab8ed}.web-listen p{margin-top:3px;font-size:11px;color:#778dac}.web-listen .button{min-width:106px;flex-shrink:0}.web-listen.listening{border-color:#759fff8c;background:linear-gradient(120deg,#172a4a,#0c1627)}
#web-embed{display:block;width:100%;height:88px;margin-top:10px;border:1px solid #4c6a9a55;border-radius:11px;background:#070d17}
#spotify-embed{display:block;width:100%;height:152px;margin-top:10px;border:0;border-radius:12px;background:#070d17}
.player-tools{display:flex;gap:3px}.lyrics-dialog{width:min(620px,92vw);max-height:min(760px,84vh);display:flex;flex-direction:column}.lyrics-dialog .dialog-heading{margin-bottom:10px}.lyrics-dialog .dialog-heading p{margin:5px 0 0;font-size:13px}.lyrics-content{overflow:auto;min-height:220px;max-height:56vh;padding:12px 4px;scroll-behavior:smooth}.lyrics-content>p:not(.lyric-line){color:#91a4c0;text-align:center;padding:80px 16px}.lyric-line{margin:0!important;padding:9px 14px!important;color:#7186a7!important;font-size:16px!important;line-height:1.6!important;transition:color .2s,background .2s,transform .2s;border-radius:9px}.lyric-line.active{color:#eff5ff!important;background:#253b614d;transform:scale(1.015);font-weight:600}.lyrics-credit{text-align:center!important;color:#5d718e!important;font-size:11px!important;margin:14px 0 0!important}
.visualizer{position:absolute;display:flex;align-items:center;gap:5px;height:58px;z-index:2;left:50%;transform:translateX(-50%);bottom:22px}.visualizer i{display:block;width:4px;height:10px;border-radius:5px;background:#86a9ff;box-shadow:0 0 12px #6489ff;animation:bars .8s ease-in-out infinite alternate;animation-play-state:paused}.visualizer i:nth-child(2){animation-delay:.18s}.visualizer i:nth-child(3){animation-delay:.4s}.visualizer i:nth-child(4){animation-delay:.1s}.visualizer i:nth-child(5){animation-delay:.55s}.visualizer i:nth-child(6){animation-delay:.28s}.visualizer i:nth-child(7){animation-delay:.65s}.visualizer.live i{animation-play-state:running}@keyframes bars{to{height:52px;opacity:.55}}.request-form{display:flex;gap:8px;margin-top:12px}.request-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;background:#0a1220;padding:10px;color:var(--text)}body[data-theme=violet]{filter:hue-rotate(34deg)}body[data-theme=ember]{filter:hue-rotate(150deg)}body[data-theme=midnight]{filter:saturate(.55) brightness(.86)}
.lyrics-dialog.karaoke{width:min(100vw,1100px);height:min(100vh,900px);max-height:100vh;border-radius:0;background:#070d18}.lyrics-dialog.karaoke .lyrics-content{max-height:none;flex:1;display:flex;flex-direction:column;justify-content:center}.lyrics-dialog.karaoke .lyric-line{text-align:center;font-size:22px!important;padding:14px!important}
.settings-button{margin-left:auto;border-color:var(--line);background:#101b2b}.community-dialog{width:min(620px,92vw);max-height:85vh;overflow:auto}.settings-section{display:flex;flex-direction:column;gap:10px;padding:18px 0;border-top:1px solid var(--line)}.settings-section:first-child{border-top:0;padding-top:0}.settings-section h3{font-size:14px}.settings-section p{margin:0;color:var(--muted);font-size:12px}.settings-section .button{width:max-content}.role-chips{display:flex;flex-wrap:wrap;gap:7px}.role-chip{border:1px solid #5274a6;background:#172844;color:#cbdcff;border-radius:999px;padding:6px 10px;font-size:12px}.community-dialog .check-label{margin:4px 0}.community-dialog select{max-width:100%}
@media(prefers-reduced-motion:reduce){.aurora,.record{animation:none!important}*{scroll-behavior:auto!important}}
.request-page{min-height:100vh;display:grid;place-items:center;padding:24px}.request-card{width:min(460px,100%);padding:34px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#101d31f5,#09111eeF);box-shadow:0 30px 90px #000a;text-align:center}.request-card>img{object-fit:contain;mix-blend-mode:screen;margin-bottom:16px}.request-card h1{font-size:30px;letter-spacing:-1px;margin:10px 0}.request-card>p{color:#91a6c7;line-height:1.6;font-size:14px}.request-card form{text-align:left;margin-top:26px}.request-card label{display:block;margin:17px 0 7px;color:#b6c8e5;font-size:13px}.request-card input{box-sizing:border-box;width:100%;border:1px solid var(--line);border-radius:9px;background:#09111e;color:var(--text);padding:12px;font:inherit}.request-card .button{margin-top:22px}.request-card #request-notice{min-height:22px;margin:18px 0 0;color:#8ebeff}.request-card #request-notice.error{color:#ffadbd}