:root{color-scheme:dark;--bg:#090e1b;--panel:#121c31;--surface:#25334d;--line:#ffffff20;--text:#f2f6ff;--muted:#b1bdd3;--accent:#a8dfff;--accent-ink:#12213d;--red:#ffb7c8;font:16px/1.6 "Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;padding-bottom:112px;background:var(--bg);color:var(--text)}[hidden]{display:none!important}button,input,select{font:inherit}
.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.ambient i{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,#4671e845,transparent 68%);animation:drift 30s ease-in-out infinite alternate;left:-240px;top:-150px}.ambient i:nth-child(2){left:auto;right:-220px;top:25%;background:radial-gradient(circle,#22bfb533,transparent 68%);animation-delay:-13s;animation-duration:38s}.ambient i:nth-child(3){left:35%;top:45%;width:500px;height:500px;background:radial-gradient(circle,#b967db20,transparent 68%);animation-delay:-23s}@keyframes drift{to{transform:translate(100px,75px) scale(1.12)}}
button{cursor:pointer;color:var(--text);background:#9cbbef12;border:1px solid #c7daff26;border-radius:12px;padding:9px 13px;min-height:40px;font-size:.875rem;box-shadow:inset 0 1px #ffffff09;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}button:hover:not(:disabled){background:#a1c4ff26;border-color:#b8ddff66;transform:translateY(-2px);box-shadow:0 5px 16px #0002}button:active:not(:disabled){transform:translateY(0) scale(.96)}button:disabled{opacity:.43;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary{background:linear-gradient(120deg,#b9d8ff,#8eddd7);border-color:#d9e9ff66;color:var(--accent-ink);font-weight:650;box-shadow:0 5px 20px #5987ed20}.primary:hover:not(:disabled){background:#c1e7ff;box-shadow:0 6px 24px #81b2ff38}.quiet{background:transparent}
input,select{background:#0912239c;border:1px solid var(--line);color:var(--text);padding:9px 11px;border-radius:10px;min-width:0;max-width:100%;transition:border-color .18s,box-shadow .18s}input:focus,select:focus{border-color:#9fc4ff8c;box-shadow:0 0 0 3px #8db5ff0d}input::placeholder{color:#8798b6}select{font-size:.875rem}option{background:#172238;color:var(--text)}
h1,h2,p{margin:0}h1{font-size:1.9rem;line-height:1.35;letter-spacing:-.025em;font-weight:650}h2{font-size:1.15rem;font-weight:600}a{color:inherit;text-decoration:none}.muted,.song-meta,.duration,.song-number{color:var(--muted);font-size:.875rem}.eyebrow{font-size:.875rem;letter-spacing:.06em;color:var(--accent);display:block;margin-bottom:6px}.pill{white-space:nowrap;color:var(--muted);font-size:.875rem;border:1px solid var(--line);background:#d4eaff06;border-radius:20px;padding:3px 10px}
.topbar{display:flex;align-items:center;gap:18px;padding:16px 28px;border-bottom:1px solid var(--line);background:#0f182a9c;backdrop-filter:blur(18px)}.brand{font-size:1.5rem;display:flex;gap:12px;align-items:center;color:var(--accent);font-weight:600}.brand span{color:var(--text);font-size:1.05rem}.group{flex:1;font-size:.875rem;color:var(--muted)}main{max-width:1680px;margin:auto;padding:25px 28px}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.room-heading .eyebrow{opacity:.85}.workspace{display:grid;grid-template-columns:184px minmax(0,1fr) 280px;gap:22px;align-items:start}.left-column{min-width:0}.library-sidebar{padding:15px 0;position:sticky;top:20px}.view-nav{display:grid;gap:7px}.view-nav button{display:flex;align-items:center;text-align:left;background:transparent;border-color:transparent;gap:8px;padding:12px;overflow-wrap:anywhere}.view-nav button span{margin-left:auto;font-size:.875rem;color:var(--muted)}.view-nav button[aria-pressed=true]{background:linear-gradient(110deg,#84afff28,#93dff00b);color:#d5e9ff;border-color:#a8cbff35;box-shadow:inset 3px 0 #a8dfff}.view-nav button .category-name{margin-left:0;flex:1;min-width:0}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:25px;margin-bottom:7px}.sidebar-heading button{padding:4px 8px;min-height:32px}.sidebar-note{margin:28px 10px}.categories-nav{max-height:360px;overflow:auto}
.now-playing{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:24px;padding:28px;background:linear-gradient(120deg,#263958d9,#1c3242c9);border:1px solid #aacfff36;border-radius:24px;margin-bottom:22px;box-shadow:inset 0 1px #fff1,0 12px 40px #0002}.now-playing:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 10%,#86a4ff26,transparent 65%);opacity:.6;transition:opacity .5s}.is-playing .now-playing:before{opacity:1}
.album-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex:0 0 112px;height:126px;background:linear-gradient(135deg,#8798dd24,#9dffe019);border:1px solid #d4e9ff38;border-radius:24px;color:#d0ecff;box-shadow:inset 0 1px #ffffff26}.album-mark>span{font-size:2.5rem}.play-bars{height:24px;display:flex;gap:4px;align-items:end}.play-bars i{width:4px;height:20px;border-radius:4px;background:linear-gradient(#bce3ff,#a6ded1);transform-origin:bottom;transform:scaleY(.22)}.is-playing .play-bars i{animation:equalizer .9s ease-in-out infinite alternate}.play-bars i:nth-child(2){animation-delay:-.3s}.play-bars i:nth-child(3){animation-delay:-.6s}.play-bars i:nth-child(4){animation-delay:-.2s}.play-bars i:nth-child(5){animation-delay:-.7s}@keyframes equalizer{to{transform:scaleY(1)}}
.track-details{min-width:0;flex:1}.track-details h2{font-size:1.8rem;line-height:1.35;overflow-wrap:anywhere;margin-bottom:6px}.track-details p{color:var(--muted);font-size:.875rem}.current-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}#vote-rule{margin-top:10px}#skip-reminder-status:not(:empty){margin-top:8px}
.content-panel,.queue-panel{background:#152239af;border:1px solid var(--line);border-radius:22px;padding:22px;backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff09,0 10px 35px #0001}.library-head{display:flex;align-items:center;gap:12px;margin:0 0 18px}.library-head>button{margin-left:auto}.library-search{display:flex;align-items:center;gap:12px}.library-search label{font-size:.875rem;color:var(--muted);white-space:nowrap}.library-search input{width:100%}.library-filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:14px 0}.library-filters label{display:flex;flex:1;min-width:150px;flex-direction:column;gap:5px;font-size:.875rem;color:var(--muted)}.library-filters input{width:100%}.library-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:14px 0;color:var(--muted);font-size:.875rem}.library-toolbar label{display:flex;align-items:center;gap:8px}.library-toolbar select{padding:6px 9px}
.favorite-manager{margin:12px 0;font-size:.875rem}.favorite-manager summary{cursor:pointer;color:var(--muted)}.favorite-manager form,.category-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;align-items:center}.category-row input{max-width:220px;flex:1;min-width:90px}#favorite-status{font-size:.875rem;min-height:24px;margin:8px 0}
.library{border-top:1px solid var(--line)}.song-row{display:grid;grid-template-columns:24px minmax(0,1fr) 46px 110px;align-items:center;gap:10px;min-height:78px;padding:11px 5px;border-bottom:1px solid #a8c6ff12;border-radius:9px;transition:background .18s}.song-row:hover{background:#bfdaff0b}.song-row>div:not(.song-actions){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px}.song-title{font-weight:500;overflow-wrap:anywhere}.song-meta{overflow-wrap:anywhere;grid-column:1 / -1;grid-row:2}.song-number,.duration{font-variant-numeric:tabular-nums}.song-actions{display:flex;justify-content:end;gap:6px}.song-actions button{padding:6px 10px;min-height:36px}.favorite-control{color:#c9d9ff;font-size:1.1rem}.favorite-control[aria-pressed=true]{color:#edbddc;background:#e2a1c216}.song-row select{grid-column:2;grid-row:1;max-width:100px;padding:3px 6px;background:#a9bfff0a;font-size:.875rem}
.library-pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding:20px 0 0;flex-wrap:wrap;font-size:.875rem}.library-pagination form{display:flex;align-items:center;gap:6px}.library-pagination input{width:68px;padding:8px}.empty{text-align:center;padding:38px 12px;color:var(--muted);font-size:.875rem}
.queue-panel{position:sticky;top:20px}.queue-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.queue-panel h2{font-size:1.1rem}.queue-panel ol{padding:0;margin:15px 0 0;list-style:none;max-height:56vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#526280 transparent}.queue-item{padding:14px 0;border-bottom:1px solid var(--line)}.queue-item-top{display:flex;gap:10px;align-items:baseline}.queue-item-top strong{font-size:1rem;font-weight:500;flex:1;overflow-wrap:anywhere}.queue-eta{margin-top:3px;color:#9bbedd}.queue-ops{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.queue-ops button{padding:4px 9px;min-height:32px;font-size:.875rem}.admin-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.admin-actions .eyebrow{width:100%}
.request-row{display:flex;align-items:end;gap:10px;padding:20px 0 10px;flex-wrap:wrap}.request-field{display:flex;flex:1;min-width:160px;flex-direction:column;gap:6px}.request-field label{font-size:.875rem}.request-field input{width:100%}.worker-banner{background:#75dec610;color:#b9ebde;border:1px solid #8cdbca28;border-radius:12px;padding:10px 14px;margin-top:16px;font-size:.875rem}.worker-banner.offline{color:#ddc9a9;border-color:#d5b28f25;background:#d3ac8110}.request-status{font-size:.875rem;color:var(--accent);min-height:30px;margin:10px 0 18px}.error{color:var(--red)!important}.request-jobs{border-top:1px solid var(--line);padding-top:16px}.request-jobs>summary{cursor:pointer;font-weight:600;margin-bottom:10px}.request-job{padding:16px 0;border-bottom:1px solid var(--line)}.request-job-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.request-job-head strong{overflow-wrap:anywhere}.request-job-head .pill{margin-left:auto}.request-job-message{font-size:.875rem;margin:7px 0}.request-job progress{margin:8px 8px 8px 0;width:85%}.job-stages{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0;font-size:.875rem;color:#8392aa}.job-stages span{padding:3px 7px;border-radius:6px;border-top:2px solid #7587a523}.job-stages .complete{color:#a3d7c9;border-color:#8bdcc25e}.job-stages .active{color:#cce5ff;background:#a5c9ff14;border-color:#b3d5ff}.job-diagnostics{font-size:.875rem;color:var(--muted);margin:8px 0}.job-diagnostics summary{cursor:pointer}.job-diagnostics p{margin:5px 0}.job-diagnostics a{color:var(--accent);text-decoration:underline}.duplicate-card{padding:12px 14px;background:#7ab8d914;border:1px solid #90cdfd35;border-radius:12px;font-size:.875rem}.duplicate-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.duplicate-row span{overflow-wrap:anywhere}
.player{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:calc(100% - 56px);max-width:1624px;display:grid;grid-template-columns:auto minmax(130px,1fr) minmax(180px,2fr) 150px auto;gap:20px;align-items:center;padding:16px 20px;background:#26334bd9;border:1px solid #d9eaff35;border-radius:20px;backdrop-filter:blur(24px);box-shadow:inset 0 1px #ffffff19,0 10px 40px #0006;z-index:5}.player strong,.player>div>.muted{display:block;font-size:.875rem;overflow-wrap:anywhere}.timeline{display:flex;align-items:center;gap:12px}.timeline span{font-size:.875rem;white-space:nowrap;font-variant-numeric:tabular-nums}progress{accent-color:var(--accent);height:5px;width:100%;border:0}progress::-webkit-progress-bar{background:#758db63a;border-radius:9px}progress::-webkit-progress-value{background:linear-gradient(90deg,#a7c5ff,#9de5d3);border-radius:9px}.volume{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--muted)}.volume input{width:95px;padding:0;accent-color:var(--accent)}
.entry{max-width:670px;margin:65px auto;background:#17243abd;backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:24px;padding:40px}.entry p{margin:18px 0;color:var(--muted)}.entry code{display:block;background:var(--bg);padding:14px;margin:12px 0;border:1px solid var(--line);border-radius:8px;font-size:1rem;overflow-wrap:anywhere}.entry .hint{font-size:.875rem}#notice{position:fixed;right:28px;bottom:120px;max-width:min(480px,calc(100% - 32px));z-index:10;background:#243650f5;box-shadow:0 10px 35px #0005;border:1px solid #a7cfff4a;border-radius:14px;color:var(--accent);font-size:.875rem;padding:14px 18px;overflow-wrap:anywhere}#notice:empty{display:none}
@media(min-width:1500px){.workspace{grid-template-columns:200px minmax(0,1fr) 300px}.content-panel{padding:25px}.song-row{min-height:80px}}
@media(max-width:1180px){.workspace{grid-template-columns:170px minmax(0,1fr)}.queue-panel{grid-column:2;position:static}.album-mark{flex-basis:88px;height:106px}.topbar{gap:12px}.player{grid-template-columns:auto minmax(110px,1fr) minmax(180px,2fr) 140px}.player>.pill{display:none}.song-row{grid-template-columns:24px minmax(0,1fr) 105px}.song-row>.duration{display:none}}
@media(max-width:760px){body{padding-bottom:170px}main{padding:18px 12px}.topbar{padding:12px;gap:10px;flex-wrap:wrap}.group{order:3;flex-basis:100%}.brand{flex:1}.topbar>.pill{display:none}.workspace{grid-template-columns:minmax(0,1fr)}.library-sidebar{position:static;padding:0}.library-sidebar>.eyebrow,.sidebar-note{display:none}.view-nav{display:flex;flex-wrap:wrap}.view-nav button{padding:8px 10px}.sidebar-heading{margin-top:12px}.categories-nav{max-height:160px}.queue-panel{grid-column:auto}.room-heading{align-items:start;flex-direction:column;gap:8px}h1{font-size:1.5rem}.now-playing{padding:18px;gap:14px;border-radius:18px}.album-mark{display:none}.track-details h2{font-size:1.5rem}.content-panel{padding:16px;border-radius:18px}.library-head{flex-wrap:wrap}.library-head>button{margin-left:0}.song-row{grid-template-columns:18px minmax(0,1fr) 95px;gap:7px}.song-actions button{padding:6px 8px}.song-row select{max-width:76px}.player{width:calc(100% - 24px);bottom:10px;grid-template-columns:auto minmax(0,1fr) 126px;gap:12px;padding:13px}.player .timeline{grid-column:1 / -1;grid-row:2}.player .volume input{width:80px}.entry{margin:24px auto;padding:24px}.library-filters label{min-width:130px}.request-row button{width:100%}.library-pagination{gap:8px}.category-row button{padding:6px 8px}#notice{right:12px;bottom:155px}}
@media(max-width:420px){.song-row>div:not(.song-actions){grid-template-columns:minmax(0,1fr)}.song-row select{grid-column:1;grid-row:3;max-width:100%}.player{grid-template-columns:auto minmax(0,1fr)}.player .volume{grid-row:3;grid-column:1 / -1}.ambient i{width:450px;height:450px}}
.rating-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.rating-actions button{min-width:64px}.rating-actions button[aria-pressed=true]{color:#d5f5e9;background:#85d6ba25;border-color:#b4e9d66b}#rate-dislike[aria-pressed=true]{color:#ffd2df;background:#d487a025;border-color:#edb6c86b}
.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}.motion-off button:hover{transform:none}
.preview-banner{padding:10px 18px;text-align:center;color:#d9eafe;background:#21354d;border-bottom:1px solid #89aacc44;font-size:.875rem}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:hover:not(:disabled){transform:none}}
@supports not (backdrop-filter:blur(1px)){.content-panel,.queue-panel,.entry{background:#152139}.topbar{background:#10192c}.player{background:#24314a}}
.music-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin:22px 0 14px}.music-search-form label{display:grid;gap:7px;font-size:.875rem;color:var(--muted)}.search-main-field{display:grid;gap:7px}.search-main-field input{width:100%;font-size:1rem;padding:13px}.music-search-form>.primary{min-height:48px}.search-refine{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr 110px;gap:10px}.search-refine input{width:100%}#music-search-status{min-height:42px;line-height:1.6;margin-bottom:12px}.music-results{display:grid;border-top:1px solid var(--line)}.search-result{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px 14px;padding:17px 2px;border-bottom:1px solid var(--line)}.search-result:hover{background:#afcfff06}.search-result-mark{width:38px;height:44px;border:1px solid #b8dbff22;border-radius:10px;background:linear-gradient(145deg,#a9b7ff20,#8edaca14);display:grid;place-items:center;color:var(--accent)}.search-result-detail{min-width:0;overflow-wrap:anywhere;line-height:1.55}.search-result-detail strong{font-weight:550}.search-result-artist{color:#d0deef;font-size:.875rem}.search-result-detail .muted{margin-top:2px}.search-result-meta{display:flex;gap:10px;grid-column:2;align-items:center}.search-result>button{grid-column:3;grid-row:1 / 3;max-width:160px}.music-results[aria-busy=true]{min-height:100px;background:linear-gradient(90deg,transparent,#abd5ff08,transparent)}
@media(max-width:760px){.search-refine{grid-template-columns:1fr 1fr}.search-refine label:last-child{grid-column:1 / -1}.search-result{grid-template-columns:30px minmax(0,1fr);gap:8px}.search-result-mark{width:30px;height:38px}.search-result>button{grid-row:auto;grid-column:2;justify-self:start;max-width:100%;min-height:44px}.search-result-meta{grid-column:2}.music-search-form{grid-template-columns:minmax(0,1fr)}.music-search-form>.primary{grid-row:3}.search-main-field label{font-size:1rem}}
.music-results{max-height:620px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#526280 transparent;scroll-padding:12px}.music-results:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.search-result{grid-template-columns:38px minmax(0,1fr) 88px 138px;padding:14px 5px;gap:12px;min-height:100px}.search-result-meta{grid-column:3;grid-row:1;flex-direction:column;align-items:start;gap:7px}.search-result>button{grid-column:4;grid-row:1}.search-result-detail .muted{line-height:1.5}
@media(max-width:1000px){.search-result{grid-template-columns:30px minmax(0,1fr) 124px}.search-result-meta{grid-column:2;grid-row:2;flex-direction:row}.search-result>button{grid-column:3;grid-row:1 / 3}.search-result-mark{grid-row:1 / 3}}
@media(max-width:760px){.music-results{max-height:560px}.search-result{grid-template-columns:minmax(0,1fr) 112px;padding:14px 0;gap:8px}.search-result-mark{display:none}.search-result-detail{grid-column:1}.search-result-meta{grid-column:1;grid-row:2;flex-wrap:wrap}.search-result>button{grid-column:2;grid-row:1 / 3;padding:8px;justify-self:stretch;font-size:.875rem;min-height:44px}}