:root{color:#20242c;--red:#ec4141;--panel:#ffffffc2;--surface:#ffffffb8;--surface-soft:#ffffffa3;--input-bg:#ffffffc7;--secondary-bg:#ffffffb8;--secondary-fg:#2d3440;--line:#8b95a438;--muted:#737b88;--shadow:0 18px 52px #12181f1c;--overlay-bg:#151a24eb;--overlay-border:#ffffff24;--overlay-text:#f8fbff;--overlay-item-bg:#ffffff14;--overlay-shadow:0 22px 48px #00000047;background:#eef1f6;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}.monitor-page{gap:16px;padding-bottom:120px;display:grid}.monitor-hero{justify-content:space-between;align-items:center;gap:16px;display:flex}.monitor-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.monitor-stats,.monitor-detail-grid,.monitor-cookie-box{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.monitor-stats span,.monitor-detail-grid span,.monitor-cookie-box span{border:1px solid var(--line);background:#ffffff9e;border-radius:8px;padding:12px}.monitor-stats small,.monitor-detail-grid small,.monitor-cookie-box small{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.monitor-bars{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:10px;height:180px;padding-top:12px;display:grid}.monitor-bars span{text-align:center;height:100%;color:var(--muted);grid-template-rows:1fr auto auto;gap:5px;font-size:12px;display:grid}.monitor-bars i{height:var(--bar-height);background:linear-gradient(180deg, var(--accent), #181f2bb8);border-radius:8px 8px 3px 3px;align-self:end;display:block}.monitor-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.monitor-toolbar{grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:12px;display:grid}.monitor-toolbar input{border:1px solid var(--line);width:100%;min-height:42px;color:inherit;background:#ffffffc7;border-radius:8px;padding:0 12px}.monitor-filters{margin:0;padding:0}.monitor-users{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start;gap:10px;display:grid}.monitor-users .section-title,.monitor-pagination,.monitor-users .monitor-empty{grid-column:1/-1}.monitor-user-card{text-align:left;border:1px solid var(--line);background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--red), transparent 88%), transparent 42%), #ffffffad;width:100%;color:inherit;border-radius:8px;gap:4px;padding:12px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.monitor-user-card:hover{border-color:color-mix(in srgb, var(--red), transparent 56%);transform:translateY(-2px);box-shadow:0 16px 34px #12181f1a}.monitor-user-card.active{border-color:var(--accent);box-shadow:0 10px 24px #00000014}.monitor-user-card span,.monitor-user-card small,.monitor-empty,.monitor-records small,.monitor-archive-list,.monitor-subsection .meta{color:var(--muted)}.monitor-user-card strong{justify-content:space-between;align-items:center;gap:8px;display:flex}.online-dot{background:#aab2c0;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #94a3b81f}.online-dot.is-online{background:#22c55e;box-shadow:0 0 0 4px #22c55e29,0 0 16px #22c55e8c}.monitor-detail{scrollbar-width:none;max-height:min(760px,100vh - 80px);overflow:auto}.monitor-detail::-webkit-scrollbar{display:none}.monitor-detail-drawer{z-index:70;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#0c121c52;width:min(760px,100vw);height:100vh;padding:18px;transition:transform .22s;position:fixed;top:0;right:0;transform:translate(100%)}.monitor-detail-drawer.open{pointer-events:auto;transform:translate(0)}.monitor-detail-actions{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-weight:800;display:flex}.monitor-drawer-hero{color:#fff;background:radial-gradient(circle at 88% 0,#ffc4842e,#0000 34%),linear-gradient(135deg,#151922,#312033 58%,#77341e);border:1px solid #ffffff29;border-radius:8px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:14px;padding:14px;display:grid;box-shadow:0 18px 42px #12181f24}.monitor-drawer-avatar{color:#fff;background:radial-gradient(circle at 28% 18%, #ffffff57, transparent 30%), linear-gradient(135deg, var(--red), #ff9c63);border-radius:18px;place-items:center;width:58px;height:58px;font-weight:1000;display:grid;box-shadow:0 14px 32px #ec414147}.monitor-drawer-hero h2,.monitor-drawer-hero p{margin:0}.monitor-drawer-hero h2{text-overflow:ellipsis;white-space:nowrap;font-size:24px;overflow:hidden}.monitor-drawer-hero p{color:#ffffffad;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.monitor-control-panel{gap:10px;margin-bottom:14px;display:grid}.monitor-control-group{border:1px solid var(--line);background:#ffffff94;border-radius:8px;gap:9px;padding:12px;display:grid}.monitor-control-group strong{font-size:13px}.monitor-control-group>div{flex-wrap:wrap;gap:8px;display:flex}.monitor-control-group button{min-height:38px}.monitor-expiry-control{grid-template-columns:minmax(160px,220px) minmax(0,1fr);align-items:center;gap:9px;width:100%;display:grid}.monitor-expiry-control input{border:1px solid var(--line);background:#ffffffc7;border-radius:8px;min-height:38px;padding:0 10px}.monitor-expiry-control span{color:var(--muted);font-size:13px}.monitor-control-group.is-danger{background:#dc26260f;border-color:#dc262642}.monitor-empty{text-align:center;place-items:center;min-height:420px;display:grid}.monitor-empty.is-small{min-height:80px}.monitor-pagination{justify-content:center;align-items:center;gap:10px;padding-top:8px;display:flex}.monitor-subsection{margin-top:18px}.monitor-subsection h3{margin:0 0 10px;font-size:15px}.monitor-archive-list,.monitor-records{gap:8px;display:grid}.monitor-archive-list span,.monitor-records span{border:1px solid var(--line);background:#ffffff8c;border-radius:8px;padding:10px}.monitor-records strong,.monitor-records small{display:block}.ui-icon{color:currentColor;width:1em;height:1em;line-height:1;display:inline-block;position:relative}.ui-icon:before,.ui-icon:after{content:"";box-sizing:border-box;position:absolute}.icon-play:before{border-top:.26em solid #0000;border-bottom:.26em solid #0000;border-left:.38em solid;width:0;height:0;top:24%;left:34%}.icon-pause:before,.icon-pause:after{background:currentColor;border-radius:.08em;width:.16em;height:.52em;top:24%}.icon-pause:before{left:32%}.icon-pause:after{right:32%}.icon-menu:before{background:currentColor;border-radius:999px;width:64%;height:.12em;top:24%;left:18%;box-shadow:0 .24em,0 .48em}.icon-previous:before,.icon-next:before{border-top:.13em solid;border-left:.13em solid;width:.48em;height:.48em;top:24%}.icon-previous:before{left:36%;transform:rotate(-45deg)}.icon-next:before{right:36%;transform:rotate(135deg)}.icon-repeat:before{border:.12em solid;border-left-color:#0000;border-radius:50%;inset:18%;transform:rotate(-30deg)}.icon-repeat:after{border-top:.14em solid #0000;border-bottom:.14em solid #0000;border-left:.18em solid;top:18%;right:8%}.icon-refresh:before{border:.13em solid;border-left-color:#0000;border-radius:50%;inset:18%;transform:rotate(-26deg)}.icon-refresh:after{border-top:.15em solid #0000;border-bottom:.15em solid #0000;border-left:.2em solid;top:20%;right:12%;transform:rotate(18deg)}.icon-swap:before,.icon-swap:after{background:currentColor;border-radius:999px;width:72%;height:.12em;left:14%}.icon-swap:before{top:30%;box-shadow:.2em -.14em 0 -.03em}.icon-swap:after{bottom:30%;box-shadow:-.2em .14em 0 -.03em}.icon-shuffle:before,.icon-shuffle:after{background:currentColor;border-radius:999px;width:64%;height:.12em;left:18%}.icon-shuffle:before{top:30%;transform:rotate(22deg)}.icon-shuffle:after{bottom:30%;transform:rotate(-22deg)}.icon-volume:before{background:currentColor;border-radius:.05em;width:.24em;height:.28em;top:36%;left:12%}.icon-volume:after{border:.12em solid;border-left:0;border-radius:0 999px 999px 0;width:.36em;height:.5em;top:25%;left:32%}.icon-timer:before{border:.12em solid;border-radius:50%;width:60%;height:60%;top:22%;left:20%}.icon-timer:after{transform-origin:50% 80%;background:currentColor;border-radius:999px;width:.12em;height:.3em;top:34%;left:48%;transform:rotate(-36deg);box-shadow:0 -.26em 0 -.02em}.icon-music:before{background:currentColor;border-radius:50%;width:.28em;height:.28em;bottom:18%;left:26%;box-shadow:.34em -.08em}.icon-music:after{background:currentColor;border-radius:999px;width:.12em;height:.58em;top:18%;left:50%;box-shadow:.24em -.06em 0 -.01em}.icon-home:before{border:.12em solid;border-top:0;border-radius:.08em;width:60%;height:44%;top:42%;left:20%}.icon-home:after{border-top:.13em solid;border-left:.13em solid;width:48%;height:48%;top:17%;left:26%;transform:rotate(45deg)}.icon-library:before{border:.12em solid;border-radius:50%;inset:18%}.icon-library:after{background:currentColor;width:.12em;height:64%;top:18%;left:50%}.icon-search:before{border:.13em solid;border-radius:50%;width:48%;height:48%;top:18%;left:18%}.icon-search:after{background:currentColor;border-radius:999px;width:.34em;height:.13em;top:62%;left:62%;transform:rotate(45deg)}.icon-settings:before{border:.14em solid;border-radius:50%;width:52%;height:52%;top:24%;left:24%;box-shadow:0 -.28em 0 -.08em,0 .28em 0 -.08em,.28em 0 0 -.08em,-.28em 0 0 -.08em}.icon-settings:after{background:currentColor;border-radius:50%;width:16%;height:16%;top:42%;left:42%}.icon-monitor:before{border:.12em solid;border-radius:50%;inset:16%}.icon-monitor:after{background:currentColor;border-radius:50%;width:16%;height:16%;top:42%;left:42%;box-shadow:.22em 0,-.22em 0}.icon-admin:before{clip-path:polygon(50% 0,65% 34%,100% 22%,84% 76%,16% 76%,0 22%,35% 34%);background:currentColor;width:56%;height:50%;top:20%;left:22%}.icon-admin:after{background:currentColor;border-radius:999px;width:56%;height:.12em;bottom:18%;left:22%}.admin-user-toolbar{grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:12px;display:grid}.admin-user-toolbar input{border:1px solid var(--line);width:100%;min-height:42px;color:inherit;background:#ffffffc7;border-radius:8px;padding:0 12px}.admin-user-filters{margin:0;padding:0}.admin-list-head,.admin-pagination{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-list-head{margin-bottom:10px}.admin-pagination{justify-content:center;margin-top:12px}@media (width<=820px){.monitor-hero{flex-direction:column;align-items:flex-start}.monitor-toolbar,.admin-user-toolbar{grid-template-columns:1fr}.monitor-detail-drawer{padding:10px}}.sidebar{isolation:isolate}.sidebar .nav-tab{color:#424957;background:linear-gradient(#ffffff9e,#ffffff61) padding-box padding-box,linear-gradient(135deg,#ffffffb8,#ec41412e,#ffc48447) border-box;border:1px solid #0000;align-items:center;gap:10px;min-height:48px;transition:transform .18s,color .18s,background .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 10px 24px #12181f0f}.sidebar .nav-tab:after{content:"";pointer-events:none;opacity:.48;background:linear-gradient(120deg,#ffffff61,#0000 42%);border-radius:6px;position:absolute;inset:5px}.sidebar .nav-tab:hover{color:#1f2330;transform:translate(3px);box-shadow:inset 0 1px #ffffffc2,0 14px 28px #12181f1a}.sidebar .nav-icon{z-index:1;color:#fff;background:radial-gradient(circle at 32% 24%,#ffffff73,#0000 28%),linear-gradient(135deg,#171b24,#6b3027);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:18px;line-height:1;display:grid;position:relative;box-shadow:0 8px 18px #1f243029,inset 0 1px #ffffff3d}.sidebar .nav-text{z-index:1;text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:hidden}.sidebar .nav-tab.active{color:#fff;background:radial-gradient(circle at 20% 0,#ffffff4d,#0000 30%),linear-gradient(135deg,#19120f,#653029 48%,#e65b50);box-shadow:0 14px 30px #ec414138,inset 0 1px #ffffff3d}.sidebar .nav-tab.active .nav-icon{color:#4b211b;background:radial-gradient(circle at 32% 24%,#fffc,#0000 28%),linear-gradient(135deg,#fff6d8,#ffcf7a)}body[data-theme=midnight] .sidebar .nav-tab{color:#dce7fb;background:linear-gradient(#111622b8,#1116226b) padding-box padding-box,linear-gradient(135deg,#8fb3ff7a,#ffffff1a,#6f89ff5c) border-box;box-shadow:inset 0 1px #ffffff1a,0 12px 26px #0000002e}body[data-theme=midnight] .sidebar .nav-tab:after{background:radial-gradient(circle at 22% 30%,#ffffff75 0 1px,#0000 1.5px),linear-gradient(120deg,#8fb3ff29,#0000 42%)}body[data-theme=midnight] .sidebar .nav-icon{background:radial-gradient(circle at 34% 24%,#ffffff61,#0000 28%),linear-gradient(135deg,#17233a,#315184 58%,#8fb3ff)}body[data-theme=midnight] .sidebar .nav-tab.active{background:radial-gradient(circle at 18% 0,#ffffff38,#0000 30%),linear-gradient(135deg,#111827,#213a63 52%,#6f89ff);box-shadow:0 0 0 1px #8fb3ff42,0 16px 32px #5680ff38}body[data-theme=snow] .sidebar .nav-tab{color:#31435d;background:linear-gradient(#ffffffd6,#eef6ff9e) padding-box padding-box,linear-gradient(135deg,#ffffffe6,#4f8ddf52,#c7e2ffb3) border-box}body[data-theme=snow] .sidebar .nav-tab:after{background:repeating-linear-gradient(135deg,#4f8ddf1f 0 1px,#0000 1px 12px),linear-gradient(120deg,#ffffff85,#0000 48%)}body[data-theme=snow] .sidebar .nav-icon{background:radial-gradient(circle at 30% 20%,#ffffffbd,#0000 28%),linear-gradient(135deg,#2f6fbf,#68a7ef 58%,#c7e2ff)}body[data-theme=snow] .sidebar .nav-tab.active{color:#fff;background:radial-gradient(circle at 20% 0,#ffffff7a,#0000 30%),linear-gradient(135deg,#2f6fbf,#68a7ef 58%,#9ecbff);box-shadow:0 14px 28px #4f8ddf3d,inset 0 1px #ffffff57}body[data-theme=neon] .sidebar .nav-tab{color:#352056;background:linear-gradient(#ffffffb8,#faf2ff7a) padding-box padding-box,linear-gradient(135deg,#6b5cff8a,#ff3d717a,#ffffff4d) border-box;box-shadow:0 12px 26px #6b5cff1f}body[data-theme=neon] .sidebar .nav-tab:after{background-color:#0000;background-image:linear-gradient(90deg,#6b5cff21 1px,#0000 1px),linear-gradient(0deg,#ff3d711f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:13px 13px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}body[data-theme=neon] .sidebar .nav-icon{background:radial-gradient(circle at 30% 20%,#ffffff5c,#0000 28%),linear-gradient(135deg,#6b5cff,#c044ff 48%,#ff3d71)}body[data-theme=neon] .sidebar .nav-tab.active{color:#fff;background:radial-gradient(circle at 18% 0,#ffffff52,#0000 30%),linear-gradient(135deg,#6b5cff,#c044ff 48%,#ff3d71);box-shadow:0 16px 34px #ff3d713d,0 0 0 4px #6b5cff1f}body[data-theme=hellokitty] .sidebar .nav-tab{color:#6b334b;background:linear-gradient(#ffffffd6,#ffeef799) padding-box padding-box,linear-gradient(135deg,#fffc,#ff6fae8a,#ffd0e2bd) border-box}body[data-theme=hellokitty] .sidebar .nav-tab:after{background-color:#0000;background-image:radial-gradient(circle at 10px 10px,#ff6fae2e 2px,#0000 2.5px),radial-gradient(circle at 24px 24px,#ffb5d12e 2px,#0000 2.5px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}body[data-theme=hellokitty] .sidebar .nav-icon{color:#fff;background:radial-gradient(circle at 30% 20%,#ffffff6b,#0000 30%),linear-gradient(135deg,#ff6fae,#ff8fbc 52%,#d94a86)}body[data-theme=hellokitty] .sidebar .nav-tab.active{color:#fff;background:radial-gradient(circle at 17% 0,#ffffff6b,#0000 30%),linear-gradient(135deg,#ff6fae,#ff8fbc 54%,#d94a86);box-shadow:0 15px 30px #ff6fae47,inset 0 1px #ffffff57}body[data-theme=hellokitty] .sidebar .nav-tab.active .nav-icon{color:#0000;filter:drop-shadow(0 7px 10px #5c1f3b38);box-shadow:none;background:url(../themes/hellokitty/1.png) 50%/contain no-repeat}body[data-theme=hellokitty] .sidebar .nav-admin .nav-icon{color:#fff7d2;background:radial-gradient(circle at 30% 20%,#ffffff61,#0000 30%),linear-gradient(135deg,#5a1f33,#b84273 52%,#ffd48f)}body[data-theme=midnight] .library-hero{background:radial-gradient(circle at 12% 0,#8fb3ff33,#0000 28%),linear-gradient(135deg,#080c15,#141d2d 52%,#251a35)}body[data-theme=midnight] .search-hero{background:radial-gradient(circle at 14% 0,#8fb3ff33,#0000 30%),linear-gradient(135deg,#080c15,#141d2d 52%,#251a35)}body[data-theme=midnight] .search-radar:after,body[data-theme=midnight] .search-result-title>strong,body[data-theme=midnight] .search-empty span,body[data-theme=midnight] .search-play{background:linear-gradient(135deg,#17233a,#315184 58%,#8fb3ff)}body[data-theme=midnight] .library-feature-card,body[data-theme=midnight] .library-playlist-card{background-color:#121722c2;border-color:#8fb3ff38}body[data-theme=snow] .library-hero{color:#172033;background:radial-gradient(circle at 12% 0,#ffffffb8,#0000 30%),repeating-linear-gradient(135deg,#4f8ddf1a 0 1px,#0000 1px 24px),linear-gradient(135deg,#fbfdff,#dcecff 58%,#fff)}body[data-theme=snow] .search-hero{color:#172033;background:radial-gradient(circle at 14% 0,#ffffffbd,#0000 30%),repeating-linear-gradient(135deg,#4f8ddf1a 0 1px,#0000 1px 24px),linear-gradient(135deg,#fbfdff,#dcecff 58%,#fff)}body[data-theme=snow] .search-copy p,body[data-theme=snow] .search-kicker,body[data-theme=snow] .search-hero .message{color:#607188}body[data-theme=snow] .search-row input{color:#172033;background:#ffffffb3}body[data-theme=snow] .search-row input::placeholder{color:#7c8da3}body[data-theme=snow] .search-chips button{color:#31435d;background:#ffffff94}body[data-theme=snow] .search-radar:after,body[data-theme=snow] .search-result-title>strong,body[data-theme=snow] .search-empty span,body[data-theme=snow] .search-play,body[data-theme=snow] .search-row button{background:linear-gradient(135deg,#2f6fbf,#68a7ef 58%,#9ecbff)}body[data-theme=snow] .library-hero p,body[data-theme=snow] .library-kicker,body[data-theme=snow] .library-vitals small{color:#607188}body[data-theme=snow] .library-vitals span{background:#ffffffa8;border-color:#7ea4d23d}body[data-theme=neon] .library-hero,body[data-theme=neon] .search-hero{background:linear-gradient(90deg,#ffffff14 1px,#0000 1px) 0 0/34px 34px,linear-gradient(0deg,#ffffff14 1px,#0000 1px) 0 0/34px 34px,linear-gradient(135deg,#321d5b,#5f2bc4 48%,#ff3d71) 0 0/100% 100%}body[data-theme=neon] .search-radar:after,body[data-theme=neon] .search-result-title>strong,body[data-theme=neon] .search-empty span,body[data-theme=neon] .search-play,body[data-theme=neon] .search-row button{background:linear-gradient(135deg,#6b5cff,#c044ff 48%,#ff3d71)}body[data-theme=hellokitty] .library-hero,body[data-theme=hellokitty] .search-hero{background:linear-gradient(110deg,#ff6faee0,#ffb0cdb8),url(../themes/hellokitty/4.png) 50%/cover}body[data-theme=hellokitty] .search-radar:after{content:"";box-shadow:none;background:url(../themes/hellokitty/1.png) 50%/contain no-repeat}body[data-theme=hellokitty] .search-result-title>strong,body[data-theme=hellokitty] .search-empty span,body[data-theme=hellokitty] .search-play,body[data-theme=hellokitty] .search-row button{background:linear-gradient(135deg,#ff6fae,#ff8fbc 54%,#d94a86)}body[data-theme=hellokitty] .library-orbit:after{box-shadow:none;background:url(../themes/hellokitty/1.png) 50%/contain no-repeat}body[data-theme=hellokitty] .library-feature-card,body[data-theme=hellokitty] .library-playlist-card{border-color:#ffa9cd8a}@media (width<=860px),(pointer:coarse) and (hover:none){.sidebar{background:linear-gradient(#fffffff0,#ffffffc7);border-top:1px solid #ffffffb8;border-radius:18px 18px 0 0;box-shadow:0 -16px 38px #12181f1f}.sidebar .nav-tab{box-shadow:none;background:0 0;border:0;border-radius:12px;justify-items:center;gap:3px;font-size:13px;min-height:58px!important;padding:4px 2px 2px!important;display:grid!important}.sidebar .nav-tab:before{content:none!important}.sidebar .nav-tab:after{opacity:0;background:var(--red);border-radius:999px;height:4px;inset:auto 12px 2px}.sidebar .nav-tab.active:after{opacity:1}.sidebar .nav-tab:hover{transform:none}.sidebar .nav-icon{width:36px;height:36px;font-size:19px}.sidebar .nav-text{max-width:100%;font-size:13px;line-height:1.1}.sidebar .nav-tab.active{color:#141827;background:radial-gradient(circle at 50% 0,#fffc,#0000 48%),#ffffff6b}body[data-theme=midnight] .sidebar{background:linear-gradient(#171d2af0,#0d111be0);box-shadow:0 -18px 42px #00000052}body[data-theme=snow] .sidebar{background:linear-gradient(#fffffff0,#ebf6ffdb)}body[data-theme=neon] .sidebar{background:linear-gradient(#ffffffe0,#f7ecffcc)}body[data-theme=hellokitty] .sidebar{background:linear-gradient(#ffffffe6,#ffeef7d1),url(../themes/hellokitty/4.png) bottom/360px}}body[data-device=desktop] .sidebar .nav-tab{color:#424957!important;text-align:left!important;background:linear-gradient(#ffffff9e,#ffffff61) padding-box padding-box,linear-gradient(135deg,#ffffffb8,#ec41412e,#ffc48447) border-box!important;border:1px solid #0000!important;border-radius:10px!important;align-items:center!important;gap:10px!important;min-height:48px!important;margin:5px 0!important;padding:8px 10px!important;display:flex!important;box-shadow:inset 0 1px #ffffffb3,0 10px 24px #12181f0f!important}body[data-device=desktop] .sidebar .nav-tab.active{color:#fff!important;background:radial-gradient(circle at 20% 0,#ffffff4d,#0000 30%),linear-gradient(135deg,#19120f,#653029 48%,#e65b50)!important;box-shadow:0 14px 30px #ec414138,inset 0 1px #ffffff3d!important}body[data-device=desktop] .sidebar .nav-icon{width:32px!important;height:32px!important;display:grid!important}body[data-device=desktop] .sidebar .nav-text{display:block!important}body[data-device=desktop][data-theme=midnight] .sidebar .nav-tab{color:#dce7fb!important;background:linear-gradient(#111622b8,#1116226b) padding-box padding-box,linear-gradient(135deg,#8fb3ff7a,#ffffff1a,#6f89ff5c) border-box!important}body[data-device=desktop][data-theme=midnight] .sidebar .nav-tab.active{color:#fff!important;background:radial-gradient(circle at 18% 0,#ffffff38,#0000 30%),linear-gradient(135deg,#111827,#213a63 52%,#6f89ff)!important}body[data-device=desktop][data-theme=snow] .sidebar .nav-tab{color:#31435d!important;background:linear-gradient(#ffffffd6,#eef6ff9e) padding-box padding-box,linear-gradient(135deg,#ffffffe6,#4f8ddf52,#c7e2ffb3) border-box!important}body[data-device=desktop][data-theme=snow] .sidebar .nav-tab.active{color:#fff!important;background:radial-gradient(circle at 20% 0,#ffffff7a,#0000 30%),linear-gradient(135deg,#2f6fbf,#68a7ef 58%,#9ecbff)!important}body[data-device=desktop][data-theme=neon] .sidebar .nav-tab{color:#352056!important;background:linear-gradient(#ffffffb8,#faf2ff7a) padding-box padding-box,linear-gradient(135deg,#6b5cff8a,#ff3d717a,#ffffff4d) border-box!important}body[data-device=desktop][data-theme=neon] .sidebar .nav-tab.active{color:#fff!important;background:radial-gradient(circle at 18% 0,#ffffff52,#0000 30%),linear-gradient(135deg,#6b5cff,#c044ff 48%,#ff3d71)!important}body[data-device=desktop][data-theme=hellokitty] .sidebar .nav-tab{color:#6b334b!important;background:linear-gradient(#ffffffd6,#ffeef799) padding-box padding-box,linear-gradient(135deg,#fffc,#ff6fae8a,#ffd0e2bd) border-box!important}body[data-device=desktop][data-theme=hellokitty] .sidebar .nav-tab.active{color:#fff!important;background:radial-gradient(circle at 17% 0,#ffffff6b,#0000 30%),linear-gradient(135deg,#ff6fae,#ff8fbc 54%,#d94a86)!important}body[data-device=desktop] .brand{align-items:center!important;gap:10px!important;justify-items:initial!important;text-align:left!important;padding:0 8px 24px!important;display:flex!important}body[data-device=desktop] .brand span{width:34px!important;height:34px!important}body[data-device=desktop] .brand strong{font-size:inherit!important;line-height:normal!important}body[data-device=desktop] .sidebar button{color:#3f454d!important;width:100%!important;min-height:0!important;font-size:inherit!important;font-weight:inherit!important;text-align:left!important;background:0 0!important;border-radius:7px!important;margin:4px 0!important;padding:10px 14px!important;display:block!important}body[data-device=desktop] main{min-width:0!important;padding:28px min(4vw,42px) 32px!important;overflow:visible!important}body[data-device=desktop] .topbar{justify-content:space-between!important;align-items:center!important;gap:10px!important;margin-bottom:22px!important;display:flex!important}body[data-device=desktop] .topbar h1{margin:revert!important;font-size:revert!important;white-space:normal!important;line-height:normal!important}body[data-device=desktop] .account-pill{max-width:100%!important;font-size:inherit!important;justify-self:auto!important;padding:8px 12px 8px 8px!important;display:flex!important}body[data-device=desktop] .panel{margin-bottom:18px!important;padding:18px!important}body[data-device=desktop] .hero{min-height:320px!important}body[data-device=desktop] .section-title{align-items:center!important}body[data-device=desktop] .section-title h2{margin-top:revert!important;font-size:revert!important;line-height:normal!important}body[data-device=desktop] .home-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}body[data-device=desktop] .stats{grid-template-columns:repeat(2,1fr)!important}body[data-device=desktop] .filters{flex-wrap:wrap!important;margin-bottom:14px!important;padding:0!important;overflow-x:visible!important}body[data-device=desktop] .filters button{flex:initial!important}body[data-device=desktop] .home-card{min-height:210px!important}body[data-device=desktop] .playlist-rail{grid-auto-columns:minmax(180px,220px)!important}body[data-device=desktop] .playlist-rail-wrap{padding:0 36px!important}body[data-device=desktop] .rail-nav{display:block!important}body[data-device=desktop] .player{border:0!important;border-top:1px solid #ffffff1f!important;border-radius:0!important;grid-template-columns:minmax(260px,1fr) minmax(320px,460px) minmax(220px,1fr)!important;grid-template-areas:none!important;align-items:center!important;gap:16px!important;min-height:92px!important;padding:12px 28px!important;bottom:0!important;left:0!important;right:0!important}body[data-device=desktop] .player-center{display:grid!important}body[data-device=desktop] .transport{grid-area:auto!important;gap:10px!important}body[data-device=desktop] .transport button{width:42px!important;height:42px!important;font-size:28px!important}body[data-device=desktop] .player-center .play{width:54px!important;height:54px!important;font-size:17px!important}body[data-device=desktop] .progress-row{grid-area:auto!important;grid-template-columns:46px minmax(0,1fr) 46px!important;gap:10px!important;width:100%!important}body[data-device=desktop] .player-tools{grid-area:auto!important;justify-content:flex-end!important;gap:8px!important;width:auto!important;padding-bottom:0!important;overflow:visible!important}body[data-device=desktop] .player-tools>button,body[data-device=desktop] .player-tools>.tool-anchor>button{flex:initial!important;align-items:center!important;gap:7px!important;min-width:76px!important;min-height:40px!important;padding:7px 11px 7px 7px!important;font-size:13px!important;display:inline-flex!important}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}html,body,#root{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}#root::-webkit-scrollbar{width:0;height:0;display:none}body{background:radial-gradient(circle at 18% -10%,#ec414121,#0000 34%),radial-gradient(circle at 88% 4%,#ffc46429,#0000 32%),linear-gradient(135deg,#f7f8fb 0%,#edf1f6 48%,#f5f1ed 100%);min-height:100vh;margin:0}body[data-theme=midnight]{color:#f4f6fb;--red:#8fb3ff;--panel:#181b24c7;--surface:#222733d1;--surface-soft:#1f242fd6;--input-bg:#1d222de6;--secondary-bg:#252b38e0;--secondary-fg:#f2f6ff;--line:#7d8aa457;--muted:#aab2c0;--overlay-bg:#0d111bf0;--overlay-border:#91a4c43d;--overlay-text:#eef4ff;--overlay-item-bg:#ffffff14;--overlay-shadow:0 24px 56px #00000075;background:linear-gradient(115deg,#ffffff09 1px,#0000 1px) 0 0/96px 96px,linear-gradient(205deg,#8fb3ff14 1px,#0000 1px) 0 0/132px 132px,linear-gradient(135deg,#070a11,#121722 52%,#1a1420) 0 0/100% 100%}body[data-theme=midnight]:before{content:"";z-index:0;pointer-events:none;opacity:.72;background-image:radial-gradient(circle at 12px 18px,#ffffff47 1px,#0000 1.5px),radial-gradient(circle at 46px 60px,#8fb3ff42 1px,#0000 1.5px),linear-gradient(120deg,#0000 0 42%,#8fb3ff14 43%,#0000 44% 100%);background-size:82px 82px,128px 128px,100% 100%;position:fixed;inset:0}body[data-theme=midnight] .shell{z-index:1;position:relative}body[data-theme=midnight] .hero,body[data-theme=midnight] .search-hero{background:linear-gradient(135deg,#ffffff14,#0000 32%),repeating-linear-gradient(120deg,#8fb3ff14 0 1px,#0000 1px 22px),linear-gradient(135deg,#090d16,#141c2b 52%,#261a2c)}body[data-theme=midnight] .home-panel{background:linear-gradient(135deg,#ffffff14,#0000 34%),repeating-linear-gradient(90deg,#8fb3ff0d 0 1px,#0000 1px 28px),linear-gradient(135deg,#121722db,#0d111bb8);border-color:#8fb3ff38}body[data-theme=midnight] .home-playlist-panel .filters,body[data-theme=midnight] .mobile-filter-row button{border-color:#8fb3ff2e}body[data-theme=midnight] .home-playlist-panel .filters button.active,body[data-theme=midnight] .mobile-filter-row button.active,body[data-theme=midnight] .action-button-icon{color:#eaf1ff;background:linear-gradient(135deg,#ffffff2e,#0000 34%),linear-gradient(135deg,#18243a,#315184 58%,#6f89ff);box-shadow:0 12px 26px #5680ff38,inset 0 1px #ffffff38}body[data-theme=midnight] .queue-jump{background:linear-gradient(135deg,#ffffff2e,#0000 34%),linear-gradient(135deg,#162236,#315184 58%,#8fb3ff);box-shadow:0 12px 28px #5680ff47,0 0 0 5px #8fb3ff24}body[data-theme=snow]{--red:#4f8ddf;--panel:#ffffffc7;--surface:#ffffffb3;--surface-soft:#f5f9ffb8;--input-bg:#ffffffd6;--secondary-bg:#ffffffc2;--secondary-fg:#253348;--line:#7797be33;--muted:#6d7d92;--overlay-bg:#f4f9fff0;--overlay-border:#7ea4d23d;--overlay-text:#172033;--overlay-item-bg:#ffffffb8;--overlay-shadow:0 24px 54px #4c70a033;background:repeating-linear-gradient(135deg,#699ad614 0 1px,#0000 1px 24px),linear-gradient(135deg,#fbfdff,#edf5ff 52%,#f9fbff)}body[data-theme=snow]:before{content:"";z-index:0;pointer-events:none;opacity:.76;background:repeating-linear-gradient(60deg,#0000 0 40px,#4f8ddf14 41px,#0000 42px),repeating-linear-gradient(120deg,#0000 0 54px,#ffffffd1 55px,#0000 56px);position:fixed;inset:0}body[data-theme=snow] .shell{z-index:1;position:relative}body[data-theme=snow] .hero,body[data-theme=snow] .search-hero{color:#172033;background:linear-gradient(135deg,#ffffffc7,#0000 34%),repeating-linear-gradient(120deg,#4f8ddf1a 0 1px,#0000 1px 24px),linear-gradient(135deg,#f9fcff,#dfeeff 58%,#fff)}body[data-theme=snow] .home-panel{background:linear-gradient(135deg,#ffffffe6,#0000 34%),repeating-linear-gradient(135deg,#4f8ddf0f 0 1px,#0000 1px 22px),linear-gradient(135deg,#ffffffd6,#f1f7ffb8);border-color:#7ea4d238}body[data-theme=snow] .home-playlist-panel .filters button.active,body[data-theme=snow] .mobile-filter-row button.active,body[data-theme=snow] .action-button-icon{color:#fff;background:linear-gradient(135deg,#ffffff47,#0000 34%),linear-gradient(135deg,#2f6fbf,#68a7ef 58%,#9ecbff);box-shadow:0 12px 26px #4f8ddf38,inset 0 1px #ffffff52}body[data-theme=snow] .queue-jump{background:linear-gradient(135deg,#ffffff52,#0000 34%),linear-gradient(135deg,#2f6fbf,#68a7ef 58%,#c7e2ff);box-shadow:0 12px 28px #4f8ddf3d,0 0 0 5px #7ea4d229}body[data-theme=neon]{--red:#ff3d71;--panel:#ffffffb8;--surface:#ffffffa3;--surface-soft:#ffffff85;--input-bg:#ffffffc2;--secondary-bg:#ffffffad;--secondary-fg:#271b3f;--line:#9c69ff38;--muted:#756783;--overlay-bg:#1e1434e6;--overlay-border:#ff85c247;--overlay-text:#fff4fb;--overlay-item-bg:#ffffff1a;--overlay-shadow:0 24px 56px #220f3a61;background:linear-gradient(90deg,#ff3d711a 1px,#0000 1px) 0 0/56px 56px,linear-gradient(0deg,#6b5cff1a 1px,#0000 1px) 0 0/56px 56px,linear-gradient(135deg,#f7f3ff,#f3f6fb 48%,#fff0f5) 0 0/100% 100%}body[data-theme=neon]:before{content:"";z-index:0;pointer-events:none;opacity:.68;background:linear-gradient(110deg,#0000 0 46%,#ff3d7129 47%,#0000 48%),linear-gradient(250deg,#0000 0 54%,#6b5cff29 55%,#0000 56%),repeating-linear-gradient(#ffffff3d 0 1px,#0000 1px 5px);position:fixed;inset:0}body[data-theme=neon] .shell{z-index:1;position:relative}body[data-theme=neon] .hero,body[data-theme=neon] .search-hero{background:linear-gradient(135deg,#ffffff2e,#0000 32%),repeating-linear-gradient(90deg,#ffffff14 0 1px,#0000 1px 20px),linear-gradient(135deg,#321d5b,#5f2bc4 48%,#ff3d71)}body[data-theme=neon] .home-panel{background:linear-gradient(135deg,#ffffffe0,#0000 34%),repeating-linear-gradient(90deg,#6b5cff12 0 1px,#0000 1px 22px),linear-gradient(135deg,#ffffffc7,#faf2ffad);border-color:#ff3d713d}body[data-theme=neon] .home-playlist-panel .filters button.active,body[data-theme=neon] .mobile-filter-row button.active,body[data-theme=neon] .action-button-icon{color:#fff;background:linear-gradient(135deg,#ffffff42,#0000 34%),linear-gradient(135deg,#6b5cff,#c044ff 48%,#ff3d71);box-shadow:0 12px 30px #ff3d713d,0 0 0 4px #6b5cff1f,inset 0 1px #ffffff47}body[data-theme=neon] .queue-jump{background:linear-gradient(135deg,#ffffff3d,#0000 34%),linear-gradient(135deg,#6b5cff,#c044ff 48%,#ff3d71);box-shadow:0 12px 30px #ff3d7147,0 0 0 5px #6b5cff24}body[data-theme=hellokitty]{--red:#ff6fae;--panel:#ffffffd1;--surface:#ffffffbf;--surface-soft:#ffffffa8;--input-bg:#ffffffd1;--secondary-bg:#ffffffbd;--secondary-fg:#3a2d33;--line:#ff8bb83d;--muted:#8b6f7c;--overlay-bg:#fff3f9f2;--overlay-border:#ff9aca57;--overlay-text:#4a2b39;--overlay-item-bg:#ffffffbd;--overlay-shadow:0 24px 54px #ff6fae3d;background:radial-gradient(circle at 14% 0,#ff6fae33,#0000 30%),radial-gradient(circle at 88% 8%,#ffd4e68c,#0000 28%),linear-gradient(135deg,#fff7fb 0%,#ffeaf3 44%,#fffdfd 100%)}body[data-theme=hellokitty]:before{content:"";pointer-events:none;z-index:0;mix-blend-mode:multiply;background-image:radial-gradient(circle at 8px 8px,#ff78b42e 2px,#0000 2px),radial-gradient(circle at 22px 22px,#ffb5d12e 2px,#0000 2px),linear-gradient(120deg,#fff3,#fff0),url(../themes/hellokitty/4.png);background-position:0 0,0 0,0 0,-80px -60px;background-repeat:repeat,repeat,no-repeat,repeat;background-size:30px 30px,30px 30px,100% 100%,540px;position:fixed;inset:0}body[data-theme=hellokitty] .shell{z-index:1;position:relative}body[data-theme=hellokitty] .brand span{background:linear-gradient(135deg,#ff6fae,#ff8fbc)}body[data-theme=hellokitty] .brand span:before{content:"";background:url(../themes/hellokitty/3.png) 50%/cover no-repeat;border-radius:8px;width:14px;height:10px;position:absolute;top:-4px;right:-4px;box-shadow:-6px 0 #ff6fae,6px 0 #ff6fae}body[data-theme=hellokitty] .panel,body[data-theme=hellokitty] .auth-card{border-color:#ffa9cd80}body[data-theme=hellokitty] .hero,body[data-theme=hellokitty] .search-hero{background-color:#0000;background-image:linear-gradient(110deg,#ff6faed1,#ffb0cdb8),url(../themes/hellokitty/4.png);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}body[data-theme=hellokitty] .account-pill,body[data-theme=hellokitty] .account-card{background:linear-gradient(135deg,#ff6fae,#ffb8d2)}body[data-theme=hellokitty] .sidebar{background:linear-gradient(#ffffffe0,#fff4facc) no-repeat,url(../themes/hellokitty/4.png) -96px 110%/320px no-repeat}body[data-theme=hellokitty] .sidebar:after{content:"";z-index:0;opacity:.32;pointer-events:none;background:url(../themes/hellokitty/1.png) 50%/contain no-repeat;width:152px;height:152px;position:absolute;bottom:34px;right:28px}body[data-theme=hellokitty] .sidebar button{z-index:1;position:relative}body[data-theme=hellokitty] .panel{box-shadow:0 20px 44px #ff75b129,inset 0 1px #ffffffd6}body[data-theme=hellokitty] .hero:before{content:"";opacity:.18;pointer-events:none;background:url(../themes/hellokitty/2.png) 50%/contain no-repeat;width:128px;height:112px;position:absolute;bottom:14px;right:18px}body[data-theme=hellokitty] .hero{position:relative}body[data-theme=hellokitty] .home-card:after{background:linear-gradient(#0000,#49142f8c)}body[data-theme=hellokitty] .home-panel{background:radial-gradient(circle at 12% 0,#ffffffd1,#0000 26%),radial-gradient(circle at 90% 4%,#ff6fae29,#0000 32%),linear-gradient(135deg,#ffffffdb,#fff0f8ad);border-color:#ffa9cd8f}body[data-theme=hellokitty] .home-playlist-panel .filters,body[data-theme=hellokitty] .mobile-filter-row button{border-color:#ff8bb82e}body[data-theme=hellokitty] .home-playlist-panel .filters button.active,body[data-theme=hellokitty] .mobile-filter-row button.active{color:#fff;background:radial-gradient(circle at 20% 0,#ffffff4d,#0000 28%),linear-gradient(135deg,#ff6fae,#ff8fbc 52%,#d94a86);box-shadow:0 12px 26px #ff6fae38,inset 0 1px #ffffff47}body[data-theme=hellokitty] .action-button-icon{color:#fff;background:radial-gradient(circle at 28% 18%,#ffffff57,#0000 32%),linear-gradient(135deg,#ff6fae,#ff8fbc 52%,#d94a86);box-shadow:inset 0 1px #ffffff47,0 6px 14px #ff6fae3d}body[data-theme=hellokitty] .player{border-top-color:#ffbdd957}body[data-theme=hellokitty] .player-tools .player-tool{background:linear-gradient(#ffffff38,#ffffff1a) padding-box padding-box,conic-gradient(from 150deg,#ffffffbd,#ff6faeb3,#ffd0e2b8,#d94a8670,#ffffffbd) border-box}body[data-theme=hellokitty] .player-tools .tool-icon{background:radial-gradient(circle at 30% 20%,#fff6,#0000 30%),linear-gradient(135deg,#ff6fae,#ff8fbc 52%,#d94a86)}body[data-theme=hellokitty] .player-main:after{content:"";opacity:.86;background:url(../themes/hellokitty/3.png) 50%/contain no-repeat;width:38px;height:34px;margin-left:6px}body[data-theme=hellokitty] .heart.liked{background:radial-gradient(circle at 32% 28%,#ffd4e8,#ff5fa6 64%);box-shadow:0 0 0 6px #ff6fae2e,0 12px 28px #ff6fae5c}body[data-theme=hellokitty] .modal-panel{color:#fff7fb;background:linear-gradient(135deg,#56243af2,#7d3858f0);border:1px solid #ffc1dc47}body[data-theme=hellokitty] .playlist-dock{background:linear-gradient(135deg, #fff3f9f0, #783052b8), var(--modal-cover) center/cover no-repeat}body[data-theme=hellokitty] .playlist-dock-hero{background:linear-gradient(135deg,#ffffff4d,#0000 34%),linear-gradient(#6a2448e6,#6a2448ad)}body[data-theme=hellokitty] .queue-item{color:#fff7fb;background:linear-gradient(135deg,#ffffff29,#ffffff12),radial-gradient(circle at 0 0,#ff6fae29,#0000 32%)}body[data-theme=hellokitty] .queue-item strong{color:#fff}body[data-theme=hellokitty] .queue-jump{color:#0000;background:linear-gradient(135deg,#ffffff6b,#ffffff14),radial-gradient(circle at 44% 28%,#fff 0 25%,#0000 26%),linear-gradient(135deg,#ff6fae,#ff9fca 58%,#d94a86);border:1px solid #ffffff9e;box-shadow:0 12px 26px #ff6fae57,0 0 0 5px #ff6fae29}body[data-theme=hellokitty] .queue-jump:before{content:"";filter:drop-shadow(0 5px 8px #5a1c3a2e);background:url(../themes/hellokitty/1.png) 50%/contain no-repeat;position:absolute;inset:7px}body[data-theme=hellokitty] .queue-jump span{display:none}body[data-theme=midnight] .sidebar{background:#12161fe6;box-shadow:16px 0 44px #0000004d}body[data-theme=midnight] .sidebar button{color:#dbe4f2}body[data-theme=midnight] .sidebar button.active{color:#fff;background:#ffffff14}body[data-device=desktop] .shell{grid-template-columns:220px minmax(0,1fr);padding-bottom:106px}body[data-device=desktop] .sidebar{background:#ffffffb3;border-top:0;height:100vh;padding:22px 14px;display:block;position:sticky;top:0;bottom:auto;box-shadow:16px 0 44px #12181f0b}body[data-device=desktop] .brand{display:flex}body[data-device=desktop] .sidebar button{color:#3f454d;min-height:0;font-size:inherit;font-weight:inherit;text-align:left;border-radius:7px;margin:4px 0;padding:10px 14px;display:block}body[data-device=desktop] .sidebar button:before{content:none}body[data-device=desktop] .sidebar button.active{color:var(--red);box-shadow:inset 3px 0 0 var(--red);background:#ffffffbd}body[data-device=desktop] main{padding:28px min(4vw,42px) 32px;overflow:visible}body[data-device=desktop] .topbar{display:flex}body[data-device=desktop] .mobile-app-head,body[data-device=desktop] .mobile-home{display:none}body[data-device=desktop] .desktop-home{display:block}button,input,select,textarea{font:inherit}button{color:#fff;background:var(--red);cursor:pointer;border:1px solid #0000;border-radius:7px;padding:10px 14px;transition:transform .16s,box-shadow .16s,background .16s,color .16s,border-color .16s,opacity .16s}button:active:not(:disabled){transform:translateY(1px)scale(.99)}button:focus-visible{outline:2px solid color-mix(in srgb, var(--red), white 42%);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45;filter:saturate(.75)}button.secondary,.filters button,.seg button{color:var(--secondary-fg);background:var(--secondary-bg)}button.danger{color:#fff;background:#dc2626}button.active,.seg button.active,.filters button.active{color:#fff;background:var(--red)}.action-button{color:#20242c;background:radial-gradient(circle at 22% 0,#ffffffeb,#0000 32%),linear-gradient(135deg,#fffffff5,#f6f8fcb8);border:1px solid #ffffff9e;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:7px 15px 7px 8px;font-weight:900;line-height:1;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #12181f1c,inset 0 1px #ffffffe6}.action-button:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 43%,#ffffffb8 50%,#0000 57%);transition:transform .42s;position:absolute;inset:-80% -44%;transform:translate(-72%)rotate(8deg)}.action-button:hover:not(:disabled){color:#141922;transform:translateY(-2px);box-shadow:0 16px 34px #12181f26,inset 0 1px #fffffff2}.action-button:hover:not(:disabled):before{transform:translate(72%)rotate(8deg)}.action-button:active:not(:disabled){transform:translateY(0)scale(.98);box-shadow:0 8px 20px #12181f1a,inset 0 2px 6px #12181f14}.action-button-icon{z-index:1;color:#fff4d6;background:radial-gradient(circle at 28% 18%,#ffffff4d,#0000 32%),linear-gradient(135deg,#15100b,#312116 48%,#8a5a24);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:15px;line-height:1;transition:transform .22s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff38,0 6px 14px #36220e2e}.action-button-icon .ui-icon{width:15px;height:15px;font-size:15px}.action-button>span:last-child{z-index:1;position:relative}.action-button:hover:not(:disabled) .action-button-icon{transform:rotate(18deg)scale(1.04)}.action-button:disabled .action-button-icon{animation:1.1s ease-in-out infinite actionPulse}@keyframes actionPulse{0%,to{opacity:.82;transform:scale(1)}50%{opacity:.58;transform:scale(.9)}}input,select,textarea{border:1px solid var(--line);width:100%;color:inherit;background:var(--input-bg);border-radius:7px;padding:11px 12px}.message,.meta,p{color:var(--muted)}.auth-screen{background:radial-gradient(circle at 18% 12%,#ec414129,#0000 30%),radial-gradient(circle at 84% 18%,#f4d17629,#0000 28%),linear-gradient(135deg,#f8fafc,#eef3fb 52%,#f7eef2);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.auth-screen:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#12181f0d 1px,#0000 1px),linear-gradient(0deg,#12181f0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.auth-card,.panel{background:var(--panel);box-shadow:var(--shadow), inset 0 1px 0 #ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffffad;border-radius:8px}.auth-card{z-index:1;grid-template-columns:minmax(280px,.9fr) minmax(320px,1fr);gap:0;width:min(980px,100%);min-height:560px;padding:0;animation:.7s cubic-bezier(.2,.8,.2,1) both authCardIn;display:grid;position:relative;overflow:hidden}.auth-visual{color:#fff;background:radial-gradient(circle at 24% 18%,#ffffff2e,#0000 24%),radial-gradient(circle at 86% 72%,#f4d1762e,#0000 28%),linear-gradient(145deg,#111723,#321d2a 58%,#7a3828);align-content:end;min-height:560px;padding:34px;display:grid;position:relative}.auth-visual:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 42px),repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 42px);animation:10s linear infinite authGridDrift;position:absolute;inset:0}.auth-disc{aspect-ratio:1;background:repeating-radial-gradient(circle,#0b111b 0 10px,#151c29 10px 13px,#0b111b 13px 23px),radial-gradient(circle,#202938,#090d14);border-radius:50%;place-items:center;width:220px;animation:18s linear infinite authDiscSpin;display:grid;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 28px 70px #0000005c,inset 0 0 0 1px #ffffff1a}.auth-disc:before{content:"";background:radial-gradient(circle at 32% 22%,#fff6,#0000 30%),linear-gradient(135deg,#ec4141,#ff8a5f);border-radius:50%;position:absolute;inset:28%}.auth-disc span{z-index:1;color:#fff;font-size:34px;position:relative}.auth-wave{opacity:.72;grid-template-columns:repeat(18,1fr);align-items:end;gap:5px;height:76px;display:grid;position:absolute;bottom:126px;left:28px;right:28px}.auth-wave i{height:calc(18px + (var(--bar) % 6) * 8px);transform-origin:bottom;animation:1.45s ease-in-out infinite authWave;animation-delay:calc(var(--bar) * -70ms);background:linear-gradient(#ffffffe0,#f4d17661);border-radius:999px;display:block}.auth-visual strong,.auth-visual small{z-index:1;position:relative}.auth-visual strong{font-size:28px}.auth-visual small{color:#ffffffa3;letter-spacing:.08em;text-transform:uppercase;font-weight:900}.auth-form{align-content:center;gap:18px;padding:42px;animation:.7s cubic-bezier(.2,.8,.2,1) 80ms both authFormIn;display:grid}.auth-kicker{color:var(--red);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:1000}.auth-form h1{margin:0;font-size:clamp(36px,5vw,56px);line-height:.95}.auth-fields{gap:12px;display:grid}.auth-fields label{color:var(--muted);gap:7px;font-size:13px;font-weight:900;display:grid}.auth-fields input,.auth-fields textarea{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--red), transparent 92%), transparent 42%), var(--input-bg);border-radius:8px;min-height:48px;transition:transform .16s,box-shadow .16s,border-color .16s}.auth-fields textarea{resize:vertical;min-height:78px;line-height:1.5}.auth-fields input:focus,.auth-fields textarea:focus{transform:translateY(-1px);box-shadow:0 12px 28px #ec41411a}.auth-submit{background:radial-gradient(circle at 20% 0,#ffffff57,#0000 30%),linear-gradient(135deg,#ec4141,#ff8a5f);border-radius:999px;min-height:50px;box-shadow:0 16px 34px #ec41413d,inset 0 1px #ffffff42}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 22px 42px #ec41414d,inset 0 1px #ffffff47}.auth-message{min-height:22px}.build-info{color:var(--muted);padding-top:4px;font-size:12px;line-height:1.35}.seg{grid-template-columns:1fr 1fr;gap:8px;display:grid}.auth-seg{border:1px solid var(--line);background:#ffffff75;border-radius:999px;padding:5px}.auth-seg button{border-radius:999px}@keyframes authCardIn{0%{opacity:0;filter:blur(6px);transform:translateY(18px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes authFormIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes authDiscSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes authWave{0%,to{opacity:.46;transform:scaleY(.62)}50%{opacity:.92;transform:scaleY(1.14)}}@keyframes authGridDrift{to{background-position:42px 0,0 42px}}.mobile-app-head,.mobile-home{display:none}.shell{grid-template-columns:220px minmax(0,1fr);min-height:100vh;padding-bottom:106px;display:grid}.sidebar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffb3;height:100vh;padding:22px 14px;position:sticky;top:0;box-shadow:16px 0 44px #12181f0b}.brand{align-items:center;gap:10px;padding:0 8px 24px;display:flex}.brand span{color:#fff;background:var(--red);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.sidebar button{color:#3f454d;text-align:left;background:0 0;width:100%;margin:4px 0}.sidebar button.active{color:var(--red);box-shadow:inset 3px 0 0 var(--red);background:#ffffffbd}main{min-width:0;padding:28px min(4vw,42px) 32px}.topbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.account-pill{color:#fff2d6;background:linear-gradient(115deg,#171b24,#332130 44%,#6f381f);border-radius:999px;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex;box-shadow:inset 0 1px #ffffff24,0 14px 34px #16100c24}.account-pill img{object-fit:cover;border-radius:50%;width:38px;height:38px}.panel{margin-bottom:18px;padding:18px}.section-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.hero{color:#fff;background-color:#0000;background-image:radial-gradient(circle at 12% 18%,#ffda8038,#0000 26%),radial-gradient(circle at 92% 8%,#ec414138,#0000 30%),linear-gradient(135deg,#12161ffa,#301f2af0 54%,#5e2a26eb);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-columns:1fr;align-items:center;gap:16px;min-height:320px;display:grid}.home-hero{grid-template-columns:minmax(210px,.46fr) minmax(560px,1.54fr);gap:18px;padding:22px;position:relative;overflow:hidden}.netease-bind-prompt{color:#fff;text-align:left;background:radial-gradient(circle at 8% 0,#ffffff3d,#0000 32%),radial-gradient(circle at 92% 0,#f4d1762e,#0000 32%),linear-gradient(135deg,#151922,#352033 58%,#7a3828);border:1px solid #ffffffad;border-radius:8px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:4px 14px;width:100%;margin-bottom:16px;padding:16px 18px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 42px #12181f1f,inset 0 1px #ffffff2e}.netease-bind-prompt span{background:radial-gradient(circle at 30% 18%,#fff6,#0000 30%),linear-gradient(135deg,#ec4141,#ff8a5f);border-radius:50%;grid-row:1/span 2;place-items:center;width:58px;height:58px;font-weight:1000;display:grid;box-shadow:0 12px 26px #ec414147,inset 0 1px #ffffff47}.netease-bind-prompt strong,.netease-bind-prompt small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.netease-bind-prompt strong{font-size:22px}.netease-bind-prompt small{color:#ffffffad;font-weight:800}.netease-bind-prompt:hover{transform:translateY(-2px);box-shadow:0 24px 50px #12181f29,inset 0 1px #fff3}.home-hero:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff24,#0000 34%),radial-gradient(circle at 44% 100%,#ffffff14,#0000 42%);position:absolute;inset:0}.home-hero-copy{z-index:1;align-content:center;gap:14px;min-height:232px;padding:14px 8px 14px 6px;display:grid;position:relative}.home-hero-copy>span{color:#ffffffc2;background:#ffffff17;border:1px solid #ffffff24;border-radius:999px;width:max-content;padding:5px 11px;font-size:12px;font-weight:800}.home-hero-copy h2{max-width:260px;margin:0;font-size:clamp(32px,3.2vw,46px);line-height:1.03}.home-hero-copy>p{color:#ffffffb8;max-width:280px;margin:0;line-height:1.6}.home-hero-comment{color:#fff;text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 12% 0,#fff3,#0000 30%),linear-gradient(135deg,#ffffff1f,#ffffff0e);border:1px solid #ffffff29;border-radius:8px;gap:7px;width:min(360px,100%);min-height:132px;padding:13px 14px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff24,0 16px 34px #00000029}.home-hero-comment:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000,#ffffff1f,#0000),repeating-linear-gradient(90deg,#ffffff09 0 1px,#0000 1px 18px);position:absolute;inset:0}.home-hero-comment>*{z-index:1;position:relative}.home-comment-label{color:#ffffffb8;background:#ffffff1c;border-radius:999px;justify-self:start;padding:4px 8px;font-size:11px;font-weight:900}.home-hero-comment strong{color:#fffffff0;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.home-comment-song{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;min-width:0;display:grid}.home-comment-song img{object-fit:cover;border:1px solid #ffffff42;border-radius:8px;width:42px;height:42px;box-shadow:0 10px 22px #0000002e}.home-comment-song>span{gap:3px;min-width:0;display:grid}.home-comment-song small{color:#ffffff94;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.home-hero-comment p{color:#ffffffdb;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;margin:0;font-size:14px;font-weight:850;line-height:1.4;animation:.34s both heroCommentSwap;display:-webkit-box;overflow:hidden}.home-comment-author{color:#ffffff94;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.home-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:340px;margin-top:6px;display:grid}.home-hero-stats strong{background:#ffffff1a;border:1px solid #ffffff1f;border-radius:8px;gap:4px;min-width:0;padding:11px 12px;display:grid;box-shadow:inset 0 1px #ffffff1f}.home-hero-stats small{color:#fff9;font-size:12px;font-weight:700}.playlist-rail{scrollbar-width:none;grid-auto-columns:minmax(180px,220px);grid-auto-flow:column;gap:14px;padding-bottom:4px;display:grid;overflow-x:auto}.playlist-rail::-webkit-scrollbar{display:none}.playlist-rail{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.playlist-rail.is-dragging{cursor:grabbing;scroll-behavior:auto}.playlist-rail-wrap{padding:0;position:relative}.rank-stage{z-index:1;--rank-card-width:calc((100% - 12px) / 3);--rank-step:calc(var(--rank-card-width) + 18px);perspective:1200px;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;min-height:276px;padding:0;position:relative;overflow:hidden}.rank-stage.is-dragging{cursor:grabbing}.rank-card{width:var(--rank-card-width);text-align:left;color:#fff;background:linear-gradient(115deg,#0e121aeb,#20161aa8), var(--rank-bg);min-width:0;min-height:228px;transform:translate(calc(-50% + var(--rank-x,0px) + var(--rank-drag,0px)), calc(-50% + var(--rank-y,0px))) scale(var(--rank-scale,1));will-change:transform, opacity, filter;background-size:cover;border:1px solid #ffffff1f;border-radius:8px;grid-template-rows:1fr auto;grid-template-columns:124px minmax(0,1fr);align-items:center;gap:12px;padding:20px;transition:transform .58s cubic-bezier(.2,.82,.22,1),opacity .58s,filter .58s,box-shadow .58s;display:grid;position:absolute;top:50%;left:50%;overflow:hidden}.rank-stage.is-dragging .rank-card{transition:transform 80ms ease-out,opacity 80ms ease-out,filter 80ms ease-out,box-shadow 80ms ease-out}.rank-card.slot-far-left,.rank-card.slot-far-right{opacity:0;pointer-events:none;filter:blur(1.8px)saturate(.68)brightness(.76);--rank-scale:.86;--rank-y:14px}.rank-card.slot-far-left{--rank-x:calc(-2 * var(--rank-step));z-index:0}.rank-card.slot-far-right{--rank-x:calc(2 * var(--rank-step));z-index:0}.rank-card.slot-left{--rank-x:calc(-1 * var(--rank-step));--rank-scale:.92;--rank-y:6px;opacity:.72;filter:blur(.7px)saturate(.76)brightness(.84);z-index:0}.rank-card.slot-center{--rank-x:0px;--rank-scale:1;--rank-y:0px;opacity:1;filter:saturate(1.06)brightness(1.04);z-index:3;box-shadow:0 24px 56px #00000057,inset 0 1px #ffffff29}.rank-card.slot-right{--rank-x:var(--rank-step);--rank-scale:.92;--rank-y:6px;opacity:.72;filter:blur(.7px)saturate(.76)brightness(.84);z-index:0}.rank-stage.is-shifting .rank-card{transition:transform .56s cubic-bezier(.22,.86,.22,1),opacity .56s,filter .56s,box-shadow .56s}.rank-stage.is-shifting.is-forward .rank-card.slot-far-right{--rank-x:var(--rank-step);--rank-scale:.92;--rank-y:6px;opacity:.72;pointer-events:auto;filter:blur(.7px)saturate(.76)brightness(.84)}.rank-stage.is-shifting.is-forward .rank-card.slot-left{--rank-x:calc(-2 * var(--rank-step));--rank-scale:.86;--rank-y:14px;opacity:0;filter:blur(1.8px)saturate(.68)brightness(.76)}.rank-stage.is-shifting.is-forward .rank-card.slot-center{--rank-x:calc(-1 * var(--rank-step));--rank-scale:.92;--rank-y:8px;opacity:.72;filter:blur(.7px)saturate(.76)brightness(.84);box-shadow:none}.rank-stage.is-shifting.is-forward .rank-card.slot-right{--rank-x:0px;--rank-scale:1;--rank-y:0px;opacity:1;filter:saturate(1.06)brightness(1.04);z-index:3;box-shadow:0 24px 56px #00000057,inset 0 1px #ffffff29}.rank-stage.is-shifting.is-backward .rank-card.slot-far-left{--rank-x:calc(-1 * var(--rank-step));--rank-scale:.92;--rank-y:6px;opacity:.72;pointer-events:auto;filter:blur(.7px)saturate(.76)brightness(.84)}.rank-stage.is-shifting.is-backward .rank-card.slot-right{--rank-x:calc(2 * var(--rank-step));--rank-scale:.86;--rank-y:14px;opacity:0;filter:blur(1.8px)saturate(.68)brightness(.76)}.rank-stage.is-shifting.is-backward .rank-card.slot-center{--rank-x:var(--rank-step);--rank-scale:.92;--rank-y:8px;opacity:.72;filter:blur(.7px)saturate(.76)brightness(.84);box-shadow:none}.rank-stage.is-shifting.is-backward .rank-card.slot-left{--rank-x:0px;--rank-scale:1;--rank-y:0px;opacity:1;filter:saturate(1.06)brightness(1.04);z-index:3;box-shadow:0 24px 56px #00000057,inset 0 1px #ffffff29}.rank-card:after{content:"";background:linear-gradient(120deg,#0000 20%,#ffffff14 44%,#0000 68%);animation:2.6s ease-in-out infinite rankShine;position:absolute;inset:0;transform:translate(-110%)}.rank-card img{object-fit:cover;border-radius:8px;width:120px;height:120px;box-shadow:0 18px 32px #0000004d}.rank-card div{min-width:0}.rank-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:22px;display:block;overflow:hidden}.rank-card ol{margin:14px 0 0;padding-left:0;list-style:none}.rank-card li{color:#ffffffc7;text-overflow:ellipsis;white-space:nowrap;align-items:baseline;gap:6px;margin:7px 0;display:flex;overflow:hidden}.rank-no{color:#ffffffeb;min-width:16px;font-weight:800;display:inline-block}.rank-card>span{color:#ffffff94;grid-column:1/-1;justify-self:end}@keyframes rankShine{0%,30%{transform:translate(-110%)}60%{transform:translate(110%)}to{transform:translate(110%)}}@media (width<=1180px) and (width>=861px){.home-hero{grid-template-columns:1fr}.home-hero-copy{grid-template-columns:minmax(0,1fr) auto;align-items:end;min-height:auto}.home-hero-copy>p{display:none}.home-hero-stats{width:min(420px,44vw);margin-top:0}}.home-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.home-panel{background:radial-gradient(circle at 10% 0,#ffffffb8,#0000 24%),linear-gradient(135deg,#ffffffd1,#f7f9fd9e);border:1px solid #ffffffb8;position:relative;overflow:hidden;box-shadow:0 22px 58px #12181f1c,inset 0 1px #ffffffd6}.home-panel:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff6b,#0000 34%),radial-gradient(circle at 92% 6%,#ec41411a,#0000 28%);position:absolute;inset:0}.home-panel>*{z-index:1;position:relative}.home-recommend-panel{background:radial-gradient(circle at 8% 0,#ffffffc7,#0000 24%),radial-gradient(circle at 86% 6%,#ffc57429,#0000 30%),linear-gradient(135deg,#ffffffdb,#f8fafda3)}.home-playlist-panel{background:radial-gradient(circle at 10% 0,#ffffffb8,#0000 24%),radial-gradient(circle at 90% 8%,#2830421a,#0000 30%),linear-gradient(135deg,#ffffffd1,#f4f7fcad)}.home-panel-title{margin-bottom:14px}.home-panel-title>span{gap:3px;min-width:0;display:grid}.home-panel-title small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.home-panel-title h2{margin:0;font-size:26px;line-height:1.1}.last-play{color:#fff;text-align:left;background:linear-gradient(135deg,#181b24eb,#682d26d6);grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;margin:0 0 12px;display:grid;box-shadow:0 14px 36px #12181f21}.last-play img{object-fit:cover;border-radius:8px;width:52px;height:52px}.last-play span{color:#ffffffad;grid-column:2;font-size:12px}.last-play strong{text-overflow:ellipsis;white-space:nowrap;grid-column:2;overflow:hidden}.last-play small{color:#ffffffb3;grid-area:1/3/span 2}.home-card{text-align:left;border:1px solid #ffffff80;min-height:210px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 16px 38px #12181f21}.home-card:hover{transform:translateY(-3px);box-shadow:0 20px 46px #12181f2e}.home-card img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.home-card small{z-index:1;color:#ffffffc2;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;position:absolute;bottom:52px;left:14px;right:14px;overflow:hidden}.home-card span{z-index:1;font-size:20px;font-weight:900;line-height:1.16;position:absolute;bottom:16px;left:14px;right:14px}.home-card:after{content:"";background:linear-gradient(#0000000f 0%,#00000029 46%,#000000c7 100%),linear-gradient(120deg,#ffffff29,#0000 42%);position:absolute;inset:0}.home-card.is-daily:before{content:"▶";z-index:2;width:42px;height:42px;color:var(--red);background:#ffffffeb;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 12px 24px #0003}.filters{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.home-playlist-panel .filters{background:#ffffff8a;border:1px solid #8b95a424;border-radius:8px;gap:9px;padding:8px;box-shadow:inset 0 1px #ffffffb8}.home-playlist-panel .filters button{color:#4a5260;background:radial-gradient(circle at 22% 0,#ffffffe6,#0000 32%),linear-gradient(135deg,#ffffffe6,#f7f9fcad);border:1px solid #8b95a429;border-radius:999px;flex:none;min-height:36px;padding:8px 15px;font-weight:800;transition:transform .16s,box-shadow .16s,color .16s,background .16s;position:relative;overflow:hidden;box-shadow:0 8px 18px #12181f0b,inset 0 1px #ffffffd6}.home-playlist-panel .filters button:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff5c,#0000 48%);position:absolute;inset:1px}.home-playlist-panel .filters button:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 43%,#ffffff94 50%,#0000 57%);transition:transform .36s;position:absolute;inset:-70% -45%;transform:translate(-76%)rotate(8deg)}.home-playlist-panel .filters button:hover{color:#20242c;transform:translateY(-2px);box-shadow:0 10px 24px #12181f17,inset 0 1px #ffffffe6}.home-playlist-panel .filters button:hover:after{transform:translate(76%)rotate(8deg)}.home-playlist-panel .filters button.active{color:#fff4d6;background:radial-gradient(circle at 20% 0,#ffffff42,#0000 28%),linear-gradient(135deg,#15100b,#312116 44%,#8a5a24);border-color:#ffffff29;box-shadow:0 14px 30px #36220e38,inset 0 1px #fff3}.home-playlist-panel .filters button.active:before{background:linear-gradient(#fff3,#0000 50%)}.playlist-mini{color:inherit;text-align:left;background:0 0;padding:0;transition:transform .18s}.playlist-mini:hover{transform:translateY(-2px)}.playlist-mini img,.playlist img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%;box-shadow:0 14px 32px #12181f1a}.playlist-mini span,.playlist strong{color:inherit;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;line-height:1.35;display:-webkit-box;overflow:hidden}.playlist-mini small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:12px;display:block;overflow:hidden}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.playlist{color:inherit;background:var(--surface);text-align:left}.library-page{gap:16px;display:grid}.library-hero{isolation:isolate;color:#fff;background:radial-gradient(circle at 12% 0,#ffffff38,#0000 28%),radial-gradient(circle at 92% 20%,#ffc48433,#0000 30%),linear-gradient(135deg,#121722,#34202d 54%,#7a3828);grid-template-columns:minmax(220px,330px) minmax(0,1fr) minmax(220px,300px);align-items:center;gap:22px;min-height:300px;display:grid;position:relative;overflow:hidden}.library-hero:before{content:"";z-index:-1;background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 42px),linear-gradient(120deg,#0000 0 48%,#ffffff14 49%,#0000 50%);position:absolute;inset:0}.library-orbit{aspect-ratio:1;background:repeating-radial-gradient(circle,#ffffff14 0 2px,#0000 2px 18px),radial-gradient(circle,#ffffff1f,#ffffff05 60%,#0000 61%);border-radius:50%;width:min(100%,300px);position:relative}.library-orbit:before,.library-orbit:after{content:"";border:1px solid #ffffff24;border-radius:50%;position:absolute;inset:12%}.library-orbit:after{background:radial-gradient(circle at 35% 25%,#ffffff4d,#0000 28%),linear-gradient(135deg,#ec4141e6,#ffc484bd);inset:30%;box-shadow:0 18px 46px #00000047,inset 0 1px #ffffff47}.library-orbit img,.library-orbit>span{z-index:2;object-fit:cover;border:3px solid #ffffffa8;border-radius:50%;width:86px;height:86px;position:absolute;box-shadow:0 16px 34px #00000047}.library-orbit img:first-child{top:4%;left:50%;transform:translate(-50%)}.library-orbit img:nth-child(2){bottom:24%;right:3%}.library-orbit img:nth-child(3){bottom:18%;left:4%}.library-orbit>span{color:#fff;background:#ffffff1f;place-items:center;font-size:34px;display:grid;top:50%;left:50%;transform:translate(-50%,-50%)}.library-hero-copy{gap:12px;min-width:0;display:grid}.library-kicker,.library-title small{color:#ffffffa3;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:1000}.library-hero-copy h2{margin:0;font-size:clamp(34px,5vw,58px);line-height:1}.library-hero-copy p{color:#ffffffc2;max-width:560px;margin:0;font-size:16px;line-height:1.7}.library-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.library-hero-actions button{border-radius:999px;width:auto;box-shadow:0 14px 28px #0000002e,inset 0 1px #fff3}.library-vitals{gap:10px;display:grid}.library-vitals span{background:#ffffff1a;border:1px solid #ffffff24;border-radius:8px;gap:5px;padding:14px;display:grid;box-shadow:inset 0 1px #ffffff24}.library-vitals small{color:#ffffff9e;font-weight:900}.library-vitals strong{font-size:28px;line-height:1}.library-feature-grid{grid-template-columns:1.2fr .9fr .9fr;gap:14px;display:grid}.library-feature-card{color:#fff;text-align:left;background:linear-gradient(180deg, #00000014, #000000ad), var(--feature-cover) center/cover no-repeat;border:1px solid #ffffff2e;border-radius:8px;min-height:220px;padding:18px;position:relative;overflow:hidden;box-shadow:0 18px 42px #12181f29}.library-feature-card:after{content:"";background:linear-gradient(120deg,#ffffff2e,#0000 38%);position:absolute;inset:0}.library-feature-card img{object-fit:cover;border:2px solid #ffffff7a;border-radius:50%;width:82px;height:82px;position:absolute;top:16px;right:16px;box-shadow:0 14px 32px #00000047}.library-feature-card span,.library-feature-card strong,.library-feature-card small{z-index:1;position:relative}.library-feature-card span{background:#ffffff29;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.library-feature-card strong{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 74px);margin-top:72px;font-size:25px;line-height:1.15;display:block;overflow:hidden}.library-feature-card small{color:#ffffffbd;margin-top:8px;display:block}.library-title{align-items:end}.library-title span{gap:3px;display:grid}.library-title small{color:var(--muted)}.library-title h2{margin:0}.library-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;display:grid}.library-playlist-card{background:linear-gradient(#ffffffad,#fff6);border:1px solid #ffffffa3;border-radius:8px;min-height:230px;position:relative;overflow:hidden;box-shadow:0 14px 32px #12181f14}.library-playlist-card img{z-index:1;aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%;position:relative;box-shadow:0 14px 32px #12181f1f}.library-card-glow{background:var(--red);filter:blur(28px);opacity:.16;border-radius:50%;height:44%;position:absolute;inset:18px 18px auto}.library-playlist-card strong,.library-playlist-card .meta{z-index:1;margin-top:10px;display:block;position:relative}.library-playlist-card strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.stats{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.stats div{background:var(--surface-soft);border-radius:8px;padding:16px}.stats strong{margin-top:6px;font-size:28px;display:block}.search-page{gap:16px;display:grid}.search-hero{isolation:isolate;color:#fff;background:radial-gradient(circle at 14% 0,#ffffff38,#0000 30%),linear-gradient(135deg,#181c25,#3a202f 52%,#8a2f2f);grid-template-columns:minmax(180px,280px) minmax(0,1fr);align-items:center;gap:22px;min-height:310px;display:grid;position:relative;overflow:hidden}.search-hero:before{content:"";z-index:-1;background-color:#0000;background-image:linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(0deg,#ffffff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 85%);mask-image:linear-gradient(90deg,#000,#0000 85%)}.search-radar{aspect-ratio:1;background:repeating-radial-gradient(circle,#ffffff29 0 1px,#0000 1px 28px),radial-gradient(circle,#ffffff1f,#0000 62%);border-radius:50%;justify-self:center;width:min(100%,240px);position:relative}.search-radar span{inset:calc(18px + var(--ring,0px));border:1px solid #ffffff29;border-radius:50%;position:absolute}.search-radar span:first-child{--ring:0px}.search-radar span:nth-child(2){--ring:34px}.search-radar span:nth-child(3){--ring:68px}.search-radar i{transform-origin:0;background:linear-gradient(90deg,#fffffff0,#0000);border-radius:999px;width:50%;height:3px;animation:4s linear infinite radarSweep;position:absolute;top:50%;left:50%}.search-radar:after{content:"⌕";color:#fff;background:radial-gradient(circle at 32% 24%,#fff6,#0000 30%),linear-gradient(135deg,#ec4141f5,#ffc484b8);border-radius:50%;place-items:center;width:76px;height:76px;font-size:34px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 42px #0000003d,inset 0 1px #ffffff47}.search-copy{gap:10px;display:grid}.search-kicker,.search-result-title small{color:#ffffffa8;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:1000}.search-copy h2{margin:0;font-size:clamp(34px,5vw,56px);line-height:1}.search-copy p{color:#ffffffc2;max-width:560px;margin:0;line-height:1.7}.search-console{grid-column:2;gap:10px;max-width:760px;display:grid}.search-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.search-row input{color:#fff;background:#ffffff1f;border-color:#ffffff2e;border-radius:999px;min-height:52px;box-shadow:inset 0 1px #ffffff29}.search-row input::placeholder{color:#ffffff9e}.search-row button{background:radial-gradient(circle at 22% 0,#ffffff57,#0000 30%),linear-gradient(135deg,#ec4141,#ff8a5f);border-radius:999px;align-items:center;gap:8px;width:auto;min-width:112px;display:inline-flex;box-shadow:0 16px 32px #ec414142,inset 0 1px #ffffff3d}.search-row button span{font-size:18px}.search-chips{flex-wrap:wrap;gap:8px;display:flex}.search-chips button{color:#ffffffd6;background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;width:auto;padding:7px 12px}.song-list{gap:8px;display:grid}.search-results{background:linear-gradient(135deg,#ffffffbd,#ffffff75)}.search-result-title{align-items:end;margin-bottom:4px}.search-result-title span{gap:3px;display:grid}.search-result-title small{color:var(--muted)}.search-result-title h2{margin:0}.search-result-title>strong{color:#fff;background:linear-gradient(135deg,#171b24,#6b3027);border-radius:999px;padding:7px 11px}.search-song{background:radial-gradient(circle at 0 0,#ec414114,#0000 28%),#ffffff94;border:1px solid #ffffff9e;border-radius:8px;grid-template-columns:34px 64px minmax(0,1fr) minmax(110px,180px) 58px auto auto;position:relative;overflow:hidden;box-shadow:0 10px 24px #12181f0f}.search-song:before{content:"";background:var(--red);opacity:.72;border-radius:999px;width:4px;position:absolute;top:12px;bottom:12px;left:0}.search-song-index{color:var(--red);font-weight:1000}.search-play{background:radial-gradient(circle at 30% 20%,#ffffff57,#0000 30%),linear-gradient(135deg,#171b24,#6b3027)}.search-empty{min-height:210px;color:var(--muted);text-align:center;place-items:center;padding:24px;display:grid}.search-empty span{color:#fff;background:linear-gradient(135deg,#171b24,#6b3027);border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:10px;font-size:30px;display:grid}.search-empty strong{color:#20242c;font-size:20px}.song,.queue-item{background:var(--surface);border-radius:8px;grid-template-columns:34px 64px minmax(0,1fr) minmax(110px,180px) 58px auto;align-items:center;gap:14px;padding:12px;display:grid}.song img,.queue-item img{object-fit:cover;border-radius:8px;width:64px;height:64px}.queue-item{color:var(--overlay-text);background:linear-gradient(135deg,#ffffff1a,#ffffff0b),radial-gradient(circle at 0 0,#ffffff1f,#0000 32%);border:1px solid #ffffff14;grid-template-columns:36px 58px minmax(0,1fr) auto;gap:12px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 10px 24px #0000001f}.queue-item:before{content:"";background:linear-gradient(#0000,#ffffff2e,#0000);width:1px;position:absolute;top:0;bottom:0;left:16px}.queue-item:hover{border-color:#ffffff2e;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff1f,0 16px 34px #0000002e}.queue-item>img{width:58px;height:58px;box-shadow:0 10px 22px #0000003d}.queue-item.is-playing{background:radial-gradient(circle at 7%,#f4d1873d,#0000 24%),linear-gradient(115deg,#f4d18726,#ffffff14);border:1px solid #f4d18780;box-shadow:0 16px 36px #f4d18729,inset 0 1px #ffffff29}.queue-index{z-index:1;color:#ffffff73;font-variant-numeric:tabular-nums;place-items:center;width:28px;font-size:12px;font-weight:900;display:grid;position:relative}.queue-item.is-playing .queue-index{color:#f8e7bd;text-shadow:0 0 14px #f4d1876b}.queue-meta{min-width:0}.queue-meta strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.queue-meta .meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.now-playing-tag{color:#fff;background:linear-gradient(90deg,#ff7272,#ec4141);border-radius:999px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.queue-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.queue-like{color:#ffffffb8;background:linear-gradient(#161922db,#161922db) padding-box padding-box,conic-gradient(from 160deg,#ffffff3d,#ff9eb275,#ffffff1f,#ffc48457,#ffffff3d) border-box;border:0;border-radius:50%;place-items:center;width:42px;min-width:42px;height:42px;padding:0;font-size:22px;font-weight:900;line-height:1;transition:transform .18s,color .18s,box-shadow .18s,background .18s,filter .18s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1f,0 10px 22px #0003}.queue-like:after{content:"";opacity:.72;background:#ffffffb3;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px;box-shadow:0 0 10px #ffffff73}.queue-like:before{content:"";background:radial-gradient(circle at 34% 22%,#ffffff3d,#0000 31%),linear-gradient(145deg,#ffffff14,#ffffff05);border-radius:50%;position:absolute;inset:4px;box-shadow:inset 0 0 0 1px #ffffff14}.queue-like span{z-index:1;filter:drop-shadow(0 6px 10px #0000002e);transition:transform .18s;position:relative;transform:translateY(1px)scale(1)}.queue-like:hover{color:#ffd9e2;transform:translateY(-2px)rotate(-6deg)scale(1.06);box-shadow:0 12px 26px #ff417129,inset 0 1px #ffffff29}.queue-like:hover span{transform:translateY(1px)scale(1.1)}.queue-like.liked{color:#fff;background:radial-gradient(circle at 30% 20%,#ffffff7a,#0000 25%),linear-gradient(135deg,#4a1320,#ff3d71 56%,#ffc484);box-shadow:0 0 0 5px #ff3d711f,0 16px 30px #ff3d7152,inset 0 1px #ffffff52}.queue-like.liked span{text-shadow:0 0 14px #ffffff85}.queue-play{color:#fff;background:radial-gradient(circle at 18% 0,#ffffff47,#0000 32%),linear-gradient(135deg,#ec4141,#ff6b5f);border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:7px;min-height:40px;padding:8px 14px 8px 10px;font-weight:900;display:inline-flex;box-shadow:0 12px 24px #ec41413d,inset 0 1px #ffffff3d}.queue-play span{font-size:12px;line-height:1}.queue-play:hover{transform:translateY(-2px);box-shadow:0 16px 30px #ec41414d,inset 0 1px #ffffff4d}.add-playlist{display:inline-flex;position:relative}.add-playlist-trigger{color:#fff;background:radial-gradient(circle at 18% 0,#ffffff3d,#0000 30%),linear-gradient(135deg,#181c26eb,#7a4b2ac7);border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:8px 12px 8px 9px;font-weight:900;display:inline-flex;box-shadow:0 12px 24px #0000002e,inset 0 1px #ffffff2e}.add-playlist-trigger span{background:#ffffff29;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.add-playlist.is-compact .add-playlist-trigger{justify-content:center;width:42px;min-width:42px;height:42px;padding:0}.add-playlist.is-compact .add-playlist-trigger span{background:0 0;font-size:22px}.add-playlist-popover{z-index:18;width:min(280px,100vw - 28px);max-height:310px;color:var(--overlay-text);background:linear-gradient(135deg, #ffffff1f, #ffffff0a), var(--overlay-bg);box-shadow:var(--overlay-shadow), inset 0 1px 0 #ffffff24;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff29;border-radius:12px;gap:8px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 10px);right:0;overflow:auto}.add-playlist-popover.is-floating{z-index:120;overscroll-behavior:contain;max-height:min(310px,100vh - 28px);position:fixed;bottom:auto;right:auto}.add-playlist-popover>strong{padding:2px 2px 4px}.add-playlist-popover button{width:100%;min-height:52px;color:var(--overlay-text);text-align:left;background:var(--overlay-item-bg);border-radius:8px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:6px;display:grid}.add-playlist-popover button img{object-fit:cover;border-radius:7px;width:42px;height:42px}.add-playlist-popover button span,.add-playlist-popover button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.add-playlist-popover button small{color:#ffffff94}body[data-theme=midnight] .queue-like{color:#d9e5ff;background:linear-gradient(#0a0e18e6,#0a0e18e6) padding-box padding-box,conic-gradient(from 150deg,#ffffff38,#8fb3ffb3,#374e802e,#b4c4ff80,#ffffff38) border-box}body[data-theme=midnight] .queue-like.liked,body[data-theme=midnight] .queue-play,body[data-theme=midnight] .add-playlist-trigger{background:radial-gradient(circle at 28% 16%,#ffffff5c,#0000 28%),linear-gradient(135deg,#162236,#315184 58%,#8fb3ff);box-shadow:0 14px 30px #5680ff47,0 0 0 5px #8fb3ff1f,inset 0 1px #ffffff3d}body[data-theme=snow] .queue-like{color:#2f6fbf;background:linear-gradient(#ffffffe6,#f5f9ffe6) padding-box padding-box,conic-gradient(from 150deg,#ffffffeb,#4f8ddf80,#c7e2ffcc,#ffffffe6) border-box;box-shadow:0 10px 22px #4c70a024,inset 0 1px #ffffffe0}body[data-theme=snow] .queue-like.liked,body[data-theme=snow] .queue-play,body[data-theme=snow] .add-playlist-trigger{background:radial-gradient(circle at 28% 16%,#ffffff85,#0000 28%),linear-gradient(135deg,#2f6fbf,#68a7ef 58%,#c7e2ff);box-shadow:0 14px 28px #4f8ddf3d,0 0 0 5px #7ea4d224,inset 0 1px #ffffff5c}body[data-theme=neon] .queue-like{color:#ff3d71;background:linear-gradient(#271b3fdb,#271b3fdb) padding-box padding-box,conic-gradient(from 150deg,#ffffff47,#6b5cffbd,#ff3d71c2,#ffffff3d) border-box;box-shadow:0 10px 24px #6b5cff33,0 0 0 4px #ff3d7114}body[data-theme=neon] .queue-like.liked,body[data-theme=neon] .queue-play,body[data-theme=neon] .add-playlist-trigger{background:radial-gradient(circle at 28% 16%,#ffffff61,#0000 28%),linear-gradient(135deg,#6b5cff,#c044ff 48%,#ff3d71);box-shadow:0 14px 30px #ff3d7147,0 0 0 5px #6b5cff21,inset 0 1px #ffffff40}body[data-theme=hellokitty] .queue-like{color:#ff6fae;background:linear-gradient(#fff7fbeb,#ffebf5e6) padding-box padding-box,conic-gradient(from 145deg,#ffffffe6,#ff6faea3,#ffd0e2d1,#d94a866b,#ffffffe6) border-box;box-shadow:0 10px 24px #ff6fae2e,inset 0 1px #ffffffd9}body[data-theme=hellokitty] .queue-like:after{background:#ff8fbc;border-radius:999px;width:12px;height:8px;top:7px;right:5px;box-shadow:-5px 0 #ff6fae,5px 0 #ff6fae,0 0 10px #ff6fae3d}body[data-theme=hellokitty] .queue-like.liked,body[data-theme=hellokitty] .queue-play,body[data-theme=hellokitty] .add-playlist-trigger{background:radial-gradient(circle at 28% 16%,#ffffff80,#0000 28%),linear-gradient(135deg,#ff6fae,#ff8fbc 52%,#d94a86);box-shadow:0 14px 30px #ff6fae4d,0 0 0 5px #ff6fae24,inset 0 1px #ffffff52}.icon{border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:grid}.settings-page{gap:16px;display:grid}.settings-hero{isolation:isolate;color:#fff;background:radial-gradient(circle at 12% 0,#ffffff38,#0000 30%),radial-gradient(circle at 86% 8%,#ffc48433,#0000 32%),linear-gradient(135deg,#121722,#352334 54%,#7a3828);grid-template-columns:minmax(150px,230px) minmax(0,1fr) minmax(240px,340px);align-items:center;gap:22px;min-height:270px;display:grid;position:relative;overflow:hidden}.settings-hero:before{content:"";z-index:-1;background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 44px),repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 44px);position:absolute;inset:0}.settings-orb{aspect-ratio:1;background:repeating-radial-gradient(circle,#ffffff1a 0 2px,#0000 2px 22px),radial-gradient(circle,#ffffff1f,#0000 64%);border-radius:50%;justify-self:center;place-items:center;width:min(100%,190px);display:grid;position:relative}.settings-orb:before{content:"";border:1px solid #ffffff29;border-radius:50%;position:absolute;inset:18%}.settings-orb span{color:#fff;background:radial-gradient(circle at 30% 22%,#fff6,#0000 30%),linear-gradient(135deg,#ec4141,#ff8a5f);border-radius:50%;place-items:center;width:82px;height:82px;font-size:34px;display:grid;box-shadow:0 18px 42px #0000003d,inset 0 1px #ffffff47}.settings-orb .ui-icon{width:42px;height:42px;font-size:42px}.settings-hero-copy{gap:10px;display:grid}.settings-hero-copy span,.settings-card-head small{color:#ffffffa3;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:1000}.settings-hero-copy h2{margin:0;font-size:clamp(34px,5vw,56px);line-height:1}.settings-hero-copy p{color:#ffffffbd;max-width:560px;margin:0;line-height:1.7}.settings-status-grid{gap:10px;display:grid}.settings-status-grid span{background:#ffffff1a;border:1px solid #ffffff24;border-radius:8px;gap:5px;padding:14px;display:grid;box-shadow:inset 0 1px #ffffff24}.settings-status-grid small{color:#ffffff9e;font-weight:900}.settings-status-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:22px;overflow:hidden}.settings-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px;display:grid}.settings-card{position:relative;overflow:hidden}.settings-card:before{content:"";background:var(--red);filter:blur(48px);opacity:.12;pointer-events:none;border-radius:50%;height:120px;position:absolute;inset:auto 18px -40px}.settings-card-head{z-index:1;align-items:center;gap:12px;margin-bottom:14px;display:flex;position:relative}.settings-card-head h2{margin:0}.settings-card-head small{color:var(--muted)}.settings-card-icon{color:#fff;background:radial-gradient(circle at 30% 20%,#ffffff57,#0000 30%),linear-gradient(135deg,#171b24,#6b3027);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:15px;font-weight:1000;display:grid;box-shadow:0 12px 26px #12181f29,inset 0 1px #ffffff3d}.account-card{color:#fff;background:radial-gradient(circle at 90% 8%,#ffc48429,#0000 30%),linear-gradient(135deg,#151922,#312033 58%,#77341e)}.settings-security-box{z-index:1;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;gap:10px;margin-top:18px;padding:14px;display:grid;position:relative}.primary-settings-card{grid-column:1/-1}.compact-account-card{min-height:0}.account-compact-body{z-index:1;gap:12px;display:grid;position:relative}.account-compact-body p{margin:0;font-size:18px;font-weight:900}.account-compact-body small{color:#ffffffad}.settings-account-actions{z-index:1;flex-wrap:wrap;gap:10px;margin-top:18px;display:flex;position:relative}.settings-account-actions button{flex:140px}.settings-drawer-backdrop{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c121c57;justify-items:end;display:grid;position:fixed;inset:0}.settings-password-drawer{width:min(430px,100vw);height:100vh;padding:calc(20px + env(safe-area-inset-top,0px)) 20px calc(20px + env(safe-area-inset-bottom,0px));scrollbar-width:none;border-radius:0;overflow-y:auto}.settings-password-drawer::-webkit-scrollbar{display:none}.settings-drawer-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.settings-drawer-head h2{margin:4px 0 0}.settings-drawer-head small,.settings-password-form label>span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:1000}.settings-password-form label{gap:7px;display:grid}.settings-password-form button{margin-top:4px}.settings-security-box>strong{color:#ffffffe0}.settings-logout,.settings-danger{z-index:1;margin-top:12px;position:relative}.netease-card{background:radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--red), transparent 82%), transparent 36%), var(--panel)}.primary-settings-card .settings-card-head{margin-bottom:18px}.netease-profile{z-index:1;background:#ffffff75;border:1px solid #ffffff8f;border-radius:8px;grid-template-columns:72px minmax(0,1fr) auto;padding:14px;display:grid;position:relative}.netease-profile img{width:72px;height:72px;box-shadow:0 12px 26px #12181f1f}.netease-profile span{color:#fff;background:linear-gradient(135deg,#16a34a,#65c27a);border-radius:999px;align-self:start;padding:5px 9px;font-size:11px;font-weight:1000}.settings-empty-link{border:1px dashed color-mix(in srgb, var(--red), transparent 52%);background:color-mix(in srgb, var(--red), transparent 92%);border-radius:8px;gap:8px;padding:16px;display:grid}.settings-empty-link span{color:#fff;background:var(--red);border-radius:999px;width:max-content;padding:5px 10px;font-weight:900}.settings-empty-link p{margin:0}.theme-picker-card{grid-column:span 1}.theme-picker-grid,.theme-grant-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.theme-choice,.theme-grant-grid button{min-height:82px;color:var(--text);text-align:left;background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--red), transparent 86%), transparent 42%), #ffffff9e;border:1px solid #ffffff8f;border-radius:8px;gap:6px;padding:12px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 24px #12181f0f}.theme-choice:before,.theme-grant-grid button:before{content:"";background:#93a3b8;width:4px;position:absolute;inset:0 auto 0 0}.theme-choice.is-paid:before,.theme-grant-grid button.is-paid:before{background:linear-gradient(#f4d187,#a26421)}.theme-choice.is-hidden:before,.theme-grant-grid button.is-hidden:before{background:linear-gradient(#ff6fae,#6b5cff)}.theme-choice span,.theme-grant-grid button span{text-overflow:ellipsis;white-space:nowrap;font-weight:1000;overflow:hidden}.theme-choice small,.theme-grant-grid button small{color:var(--muted);font-weight:900}.theme-choice.active,.theme-grant-grid button.active{color:#fff;background:radial-gradient(circle at 20% 0,#ffffff47,#0000 30%),linear-gradient(135deg,#171b24,#7a3828);border-color:#ffffff2e;box-shadow:0 16px 30px #12181f29}.theme-choice.active small,.theme-grant-grid button.active small{color:#ffffffa8}body[data-theme=midnight] .settings-hero{background:radial-gradient(circle at 12% 0,#7db3ff3d,#0000 34%),radial-gradient(circle at 88% 14%,#815cff33,#0000 30%),linear-gradient(135deg,#10182a,#19233a 52%,#312654)}body[data-theme=midnight] .settings-card-icon,body[data-theme=midnight] .settings-orb span{background:radial-gradient(circle at 30% 20%,#ffffff52,#0000 30%),linear-gradient(135deg,#3e7bff,#815cff)}body[data-theme=snow] .settings-hero{color:#172033;background:radial-gradient(circle at 12% 0,#ffffffd6,#0000 34%),radial-gradient(circle at 86% 8%,#7eaaff38,#0000 30%),linear-gradient(135deg,#fff,#edf5ff 54%,#dcecff)}body[data-theme=snow] .settings-hero-copy span,body[data-theme=snow] .settings-hero-copy p,body[data-theme=snow] .settings-status-grid small{color:#66758d}body[data-theme=snow] .settings-status-grid span{background:#ffffffb3;border-color:#6e84a529;box-shadow:0 14px 26px #41587814}body[data-theme=snow] .settings-card-icon,body[data-theme=snow] .settings-orb span{background:radial-gradient(circle at 30% 20%,#ffffff73,#0000 30%),linear-gradient(135deg,#7aa4ff,#31b5d6)}body[data-theme=neon] .settings-hero{background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 52px),radial-gradient(circle at 18% 0,#3af2ff42,#0000 34%),radial-gradient(circle at 86% 12%,#ff47b838,#0000 32%),linear-gradient(135deg,#080b16,#191033 54%,#271644)}body[data-theme=neon] .settings-card-icon,body[data-theme=neon] .settings-orb span{background:radial-gradient(circle at 30% 20%,#ffffff5c,#0000 30%),linear-gradient(135deg,#24e6ff,#ff47b8);box-shadow:0 0 24px #24e6ff47,0 16px 34px #00000042}body[data-theme=hellokitty] .settings-hero{color:#5e243e;background:linear-gradient(90deg,#ffffffd1,#ffe8f3a3),url(../themes/hellokitty/4.png) 50%/520px}body[data-theme=hellokitty] .settings-hero-copy span,body[data-theme=hellokitty] .settings-hero-copy p,body[data-theme=hellokitty] .settings-status-grid small{color:#5e243e9e}body[data-theme=hellokitty] .settings-status-grid span{background:#ffffffad;border-color:#ff6fae2e}body[data-theme=hellokitty] .settings-orb{background:radial-gradient(circle,#ff8fbc3d,#0000 64%),#ffffff57}body[data-theme=hellokitty] .settings-orb span{color:#0000;background:url(../themes/hellokitty/1.png) 50%/contain no-repeat;box-shadow:0 18px 32px #ff6fae2e}body[data-theme=hellokitty] .settings-card-icon{background:radial-gradient(circle at 32% 24%,#ffffff7a,#0000 32%),linear-gradient(135deg,#ff6fae,#ff9fc6);box-shadow:0 12px 26px #ff6fae38,inset 0 1px #ffffff4d}body[data-theme=hellokitty] .settings-empty-link{background:linear-gradient(135deg,#ffffffbd,#ffe7f3ad),url(../themes/hellokitty/2.png) right 12px bottom -10px/92px no-repeat;border-color:#ff6fae3d}.vip,.vip-badge{isolation:isolate;color:#f8e7bd;letter-spacing:0;text-shadow:0 1px 8px #f2c97659;background:radial-gradient(circle at 16% 20%,#ffffff38,#0000 22%),linear-gradient(120deg,#15100b 0%,#2a1d12 26%,#b98535 48%,#f4d187 62%,#5b3514 82%,#19110c 100%);border:1px solid #f2c976b8;border-radius:999px;align-items:center;gap:8px;width:max-content;max-width:100%;min-height:34px;padding:5px 13px 5px 6px;font-weight:900;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 22px #3a240e4d,0 0 0 4px #f2c9761f,inset 0 1px #ffffff38,inset 0 -1px #00000057}.vip:before,.vip-badge:before{content:"";z-index:-1;background:radial-gradient(circle,#f4d18761,#0000 18%),linear-gradient(118deg,#0000 42%,#fff5d69e 50%,#0000 58%);animation:2.8s ease-in-out infinite vipSweep;position:absolute;inset:-58% -38%;transform:translate(-45%)}.vip:after,.vip-badge:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff29,#0000 42%,#0003);position:absolute;inset:1px}.vip-badge-mark{color:#f9d987;background:radial-gradient(circle at 32% 24%,#ffffff52,#0000 28%),linear-gradient(145deg,#080604,#3b2814 48%,#ba873c 72%,#120b05);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:900;line-height:1;display:grid;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #00000047,0 4px 10px #0a070457}.vip-badge.is-admin{color:#ffecc7;text-shadow:0 1px 10px #e0315361;background:radial-gradient(circle at 12% 20%,#fff3,#0000 20%),linear-gradient(120deg,#12080b 0%,#35101b 28%,#9c243c 49%,#e2a85f 66%,#27100d 100%);border-color:#facb80bd;box-shadow:0 10px 24px #400e1957,0 0 0 4px #e031531f,inset 0 1px #fff3,inset 0 -1px #0000005c}.vip-badge.is-admin .vip-badge-mark{color:#ffd992;background:radial-gradient(circle at 30% 22%,#ffffff38,#0000 28%),linear-gradient(145deg,#090405,#4a101d 52%,#d09a52 76%,#150807)}.vip-badge.is-superadmin{color:#fff4cf;text-shadow:0 1px 12px #ffdc7c70;background:radial-gradient(circle at 12% 20%,#ffffff42,#0000 20%),linear-gradient(120deg,#100906 0%,#36200f 22%,#b98535 42%,#f4d187 56%,#6a3216 78%,#120905 100%);border-color:#ffe299e6;box-shadow:0 12px 28px #5c36125c,0 0 0 4px #f2c97629,inset 0 1px #ffffff3d,inset 0 -1px #0000005c}.vip-badge.is-superadmin .vip-badge-mark{color:#fff0bc;background:radial-gradient(circle at 30% 22%,#ffffff47,#0000 28%),linear-gradient(145deg,#080604,#6d421c 52%,#f4d187 78%,#160b05)}.vip-badge.is-compact{white-space:nowrap;gap:6px;min-height:28px;padding:3px 9px 3px 4px;font-size:12px}.vip-badge.is-compact .vip-badge-mark{width:21px;height:21px;font-size:15px}.profile{align-items:center;gap:12px;display:flex}.profile img{border-radius:50%;width:64px;height:64px}.form{gap:10px;display:grid}.phone-login-card{border:1px solid color-mix(in srgb, var(--line), var(--red) 28%);color:inherit;background:radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--red), transparent 82%), transparent 42%), linear-gradient(145deg, color-mix(in srgb, var(--surface), var(--red) 4%), color-mix(in srgb, var(--surface-soft), var(--red) 2%));box-shadow:var(--shadow), inset 0 1px 0 color-mix(in srgb, var(--secondary-bg), transparent 50%);border-radius:8px;gap:16px;padding:18px;display:grid}.phone-login-head{gap:6px;display:grid}.phone-login-head strong{letter-spacing:0;font-size:22px}.phone-login-head p{color:var(--muted);margin:0}.phone-login-kicker{border:1px solid color-mix(in srgb, var(--red), transparent 72%);width:max-content;color:var(--red);background:color-mix(in srgb, var(--red), transparent 88%);border-radius:6px;padding:3px 8px;font-size:12px;font-weight:900}.phone-login-form{gap:14px;display:grid}.phone-login-form label{color:var(--muted);gap:7px;font-size:13px;font-weight:800;display:grid}.phone-input-row,.captcha-row{align-items:center;gap:8px;display:grid}.phone-input-row{grid-template-columns:auto minmax(0,1fr)}.captcha-row{grid-template-columns:minmax(0,1fr) auto}.country-code{border:1px solid var(--line);min-height:42px;color:inherit;background:var(--input-bg);border-radius:8px;place-items:center;padding:0 12px;font-weight:900;display:grid}.phone-login-submit{background:linear-gradient(135deg, var(--red), color-mix(in srgb, var(--red), #111827 12%));min-height:44px;box-shadow:0 12px 28px color-mix(in srgb, var(--red), transparent 72%)}.admin-page{gap:16px;display:grid}.admin-hero{isolation:isolate;color:#fff;background:radial-gradient(circle at 10% 0,#fff3,#0000 30%),radial-gradient(circle at 84% 8%,#f2c9763d,#0000 28%),linear-gradient(135deg,#111723,#2a2033 55%,#744228);grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:190px;display:grid;position:relative;overflow:hidden}.admin-hero:before{content:"";z-index:-1;background-color:#0000;background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(0deg,#ffffff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 82%);mask-image:linear-gradient(90deg,#000,#0000 82%)}.admin-crown{color:#f9df9b;background:radial-gradient(circle at 30% 22%,#ffffff47,#0000 28%),linear-gradient(135deg,#19120ceb,#b07830b8);border:1px solid #f2c97657;border-radius:50%;place-items:center;width:96px;height:96px;font-size:44px;display:grid;box-shadow:0 18px 40px #0000003d,0 0 0 8px #f2c97614}.admin-hero-copy{gap:8px;display:grid}.admin-hero-copy span{color:#ffffffa3;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:1000}.admin-hero-copy h2{margin:0;font-size:clamp(34px,5vw,52px);line-height:1}.admin-hero-copy p{color:#ffffffbd;max-width:680px;margin:0;line-height:1.7}.admin-refresh{color:#fff;background:#ffffff1f;border-color:#ffffff38}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.admin-stats span,.admin-stats button{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--red), transparent 86%), transparent 42%), #ffffff9e;border:1px solid #ffffffa3;border-radius:8px;gap:6px;padding:16px;display:grid;box-shadow:0 16px 34px #12181f12}.admin-stats button{width:100%;color:var(--text);text-align:left;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s}.admin-stats button:hover{border-color:color-mix(in srgb, var(--red), transparent 48%);transform:translateY(-2px);box-shadow:0 20px 42px #12181f1f}.admin-stats small{color:var(--muted);font-weight:900}.admin-stats strong{font-size:32px}.admin-quick-dialog{width:min(760px,100vw - 32px)}.admin-quick-list{gap:12px;margin-top:14px;display:grid}.admin-quick-card{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--red), transparent 86%), transparent 40%), #ffffff12;border:1px solid #ffffff24;border-radius:8px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.admin-quick-avatar{color:#fff;background:linear-gradient(135deg, var(--red), #ff9c63);width:48px;height:48px;box-shadow:0 14px 30px color-mix(in srgb, var(--red), transparent 72%);border-radius:14px;place-items:center;font-weight:1000;display:grid}.admin-quick-info{gap:4px;min-width:0;display:grid}.admin-quick-info strong,.admin-quick-info span,.admin-quick-info p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-quick-info span,.admin-quick-info p{color:var(--overlay-muted);margin:0;font-size:13px;font-weight:800}.admin-quick-actions{align-items:center;gap:8px;display:flex}.admin-quick-empty{color:var(--overlay-muted);text-align:center;border:1px dashed #ffffff2e;border-radius:8px;padding:22px;font-weight:900}@media (width<=720px){.admin-quick-card{grid-template-columns:42px minmax(0,1fr)}.admin-quick-avatar{border-radius:12px;width:42px;height:42px}.admin-quick-actions{grid-column:1/-1;justify-content:flex-end}}.admin-policy-panel{gap:14px;display:grid}.admin-policy-grid{grid-template-columns:1.4fr .8fr;gap:12px;display:grid}.admin-policy-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:10px;padding:14px;display:grid}.theme-market-card{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--red), transparent 84%), transparent 38%), linear-gradient(135deg, #ffffffc2, #ffffff75);grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center}.theme-market-card>div{gap:4px;display:grid}.theme-market-open{width:max-content}.admin-switches button{position:relative;overflow:hidden}.admin-switches button.active{box-shadow:0 12px 24px color-mix(in srgb, var(--red), transparent 74%)}.admin-list{gap:12px;display:grid}.admin-user{isolation:isolate;background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--red), transparent 88%), transparent 34%), #ffffffad;border:1px solid #ffffffa8;border-radius:8px;gap:14px;padding:14px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 34px #12181f12}.admin-user:before{content:"";background:var(--red);opacity:.7;width:5px;position:absolute;inset:0 auto 0 0}.admin-user.is-admin:before{background:linear-gradient(#f4d187,#8c5620)}.admin-user.is-superadmin{color:#fff;background:radial-gradient(circle at 92% 0,#f2c9762e,#0000 34%),linear-gradient(135deg,#15110e,#2f2116 54%,#6d421c);border-color:#f2c97647}.admin-user-head{grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.admin-avatar{color:#fff;background:radial-gradient(circle at 28% 18%,#ffffff57,#0000 30%),linear-gradient(135deg,#171b24,#7a3828);border-radius:50%;place-items:center;width:56px;height:56px;font-size:22px;font-weight:1000;display:grid;box-shadow:0 12px 26px #12181f29,inset 0 1px #ffffff3d}.is-superadmin .admin-avatar{color:#f8e7bd;background:radial-gradient(circle at 28% 18%,#ffffff47,#0000 30%),linear-gradient(135deg,#15100b,#b98535)}.admin-user-head strong,.admin-user-head .meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-user-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-user-actions button{width:auto}.admin-control-grid{gap:12px;display:grid}.admin-date-control{background:#ffffff61;border:1px solid #ffffff80;border-radius:8px;grid-template-columns:90px minmax(160px,240px) minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid}.admin-date-control span{font-weight:900}.admin-date-control small{color:var(--muted)}.is-superadmin .admin-date-control,.is-superadmin .admin-permissions,.is-superadmin .appearance-row{background:#ffffff14;border-color:#ffffff24}.is-superadmin .admin-date-control small,.is-superadmin .meta{color:#ffffff9e}.admin-permissions{background:#ffffff61;border:1px solid #ffffff80;border-radius:8px;gap:10px;padding:12px;display:grid}.admin-permissions>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.admin-permissions button{min-height:62px;color:var(--text);text-align:left;background:#ffffff94;border-radius:8px;gap:4px;padding:9px;display:grid}.admin-permissions button.active{color:#fff;background:radial-gradient(circle at 20% 0,#ffffff4d,#0000 30%),linear-gradient(135deg,#171b24,#7a3828)}.admin-permissions button small{color:inherit;opacity:.62;font-weight:800}.theme-grant-panel{background:#ffffff61;border:1px solid #ffffff80;border-radius:8px;gap:10px;padding:12px;display:grid}.theme-grant-panel>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.theme-grant-open{width:max-content}.is-superadmin .theme-grant-panel{background:#ffffff14;border-color:#ffffff24}.theme-grant-modal{z-index:72}.theme-catalog-modal{z-index:74}.theme-grant-dialog{width:min(820px,100vw - 32px);max-height:min(760px,100vh - 32px);padding:0;inset:50% auto auto 50%;overflow:hidden;transform:translate(-50%,-50%)}.theme-catalog-dialog{width:min(920px,100vw - 32px);height:min(880px,100vh - 32px);max-height:calc(100vh - 32px);padding:0;inset:50% auto auto 50%;overflow:hidden;transform:translate(-50%,-50%)}.theme-catalog-body{scrollbar-width:none;gap:10px;max-height:calc(100vh - 190px);padding:16px;display:grid;overflow:auto}.theme-catalog-body::-webkit-scrollbar{display:none}.theme-catalog-row{min-height:188px;color:var(--overlay-text);background:radial-gradient(circle at 100% 0%, #ffffff1a, transparent 36%), var(--overlay-item-bg);border:1px solid #ffffff24;border-radius:8px;grid-template-columns:1fr;align-items:stretch;gap:16px;padding:18px;display:grid}.theme-catalog-title{gap:7px;min-width:0;display:grid}.theme-catalog-title strong,.theme-catalog-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.theme-catalog-title strong{font-size:22px}.theme-catalog-title span{color:#fff9;font-weight:900}.theme-tier-switch{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:6px;display:grid}.theme-tier-switch button{color:#ffffffb8;background:0 0;border-radius:999px;width:100%;min-height:44px;padding:9px 14px}.theme-tier-switch button.active{color:#fff;background:radial-gradient(circle at 20% 0,#ffffff47,#0000 30%),linear-gradient(135deg,#ec4141,#ff8a5f);box-shadow:0 10px 22px #ec414138}.theme-free-window{background:radial-gradient(circle at 100% 0,#f4d1762e,#0000 42%),#ffffff14;border:1px solid #ffffff1f;border-radius:999px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:8px;display:grid}.theme-free-window span{color:#f8e7bd;padding-left:8px;font-size:12px}.theme-free-window input{min-height:40px;color:var(--overlay-text);background:#ffffff1a;border-radius:999px;padding:8px 10px}.theme-free-window button{border-radius:999px;width:auto;min-height:40px;padding:8px 12px}.theme-grant-dialog-head{z-index:1;color:#fff;background:radial-gradient(circle at 0 0,#ffffff2e,#0000 32%),linear-gradient(135deg,#12161ff5,#5c303aeb);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;padding:20px;display:grid;position:sticky;top:0}.theme-grant-dialog-head span{color:#ffffffa3;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:1000}.theme-grant-dialog-head h2{margin:5px 0 8px;font-size:clamp(28px,4vw,42px);line-height:1}.theme-grant-dialog-head p{color:#ffffffb8;margin:0}.theme-grant-dialog-body{scrollbar-width:none;gap:14px;max-height:min(560px,100vh - 190px);padding:16px;display:grid;overflow:auto}.theme-grant-dialog-body::-webkit-scrollbar{display:none}.theme-grant-group{gap:10px;display:grid}.theme-grant-group-title{color:var(--overlay-text);justify-content:space-between;gap:12px;display:flex}.theme-grant-group-title span{color:#ffffff94;font-weight:900}.appearance-row{background:#ffffff61;border:1px solid #ffffff80;border-radius:8px;grid-template-columns:180px minmax(140px,1fr) minmax(220px,2fr) auto auto;gap:10px;padding:12px;display:grid}body[data-theme=midnight] .admin-hero{background:radial-gradient(circle at 12% 0,#8fb3ff3d,#0000 34%),radial-gradient(circle at 84% 8%,#815cff38,#0000 30%),linear-gradient(135deg,#080c15,#141d2d 52%,#251a35)}body[data-theme=midnight] .admin-crown,body[data-theme=midnight] .admin-avatar,body[data-theme=midnight] .admin-permissions button.active{background:radial-gradient(circle at 30% 20%,#ffffff52,#0000 30%),linear-gradient(135deg,#162236,#315184 58%,#8fb3ff)}body[data-theme=snow] .admin-hero{color:#172033;background:radial-gradient(circle at 12% 0,#ffffffdb,#0000 32%),repeating-linear-gradient(135deg,#4f8ddf1a 0 1px,#0000 1px 24px),linear-gradient(135deg,#fbfdff,#dcecff 58%,#fff)}body[data-theme=snow] .admin-hero-copy span,body[data-theme=snow] .admin-hero-copy p{color:#607188}body[data-theme=snow] .admin-refresh{color:#31435d;background:#ffffffad;border-color:#6e84a533}body[data-theme=snow] .admin-crown,body[data-theme=snow] .admin-avatar,body[data-theme=snow] .admin-permissions button.active{background:radial-gradient(circle at 30% 20%,#ffffff7a,#0000 30%),linear-gradient(135deg,#2f6fbf,#68a7ef 58%,#c7e2ff)}body[data-theme=neon] .admin-hero{background:linear-gradient(90deg,#ffffff14 1px,#0000 1px) 0 0/34px 34px,linear-gradient(0deg,#ffffff14 1px,#0000 1px) 0 0/34px 34px,linear-gradient(135deg,#321d5b,#5f2bc4 48%,#ff3d71) 0 0/100% 100%}body[data-theme=neon] .admin-crown,body[data-theme=neon] .admin-avatar,body[data-theme=neon] .admin-permissions button.active{background:radial-gradient(circle at 30% 20%,#ffffff5c,#0000 30%),linear-gradient(135deg,#6b5cff,#c044ff 48%,#ff3d71);box-shadow:0 0 24px #ff3d7138,0 14px 30px #0000002e}body[data-theme=hellokitty] .admin-hero{color:#5e243e;background:linear-gradient(110deg,#ffffffd1,#ffe8f3a8),url(../themes/hellokitty/4.png) 50%/520px}body[data-theme=hellokitty] .admin-hero-copy span,body[data-theme=hellokitty] .admin-hero-copy p{color:#5e243ea3}body[data-theme=hellokitty] .admin-refresh{color:#5e243e;background:#ffffffad;border-color:#ff6fae33}body[data-theme=hellokitty] .admin-crown{color:#0000;background:url(../themes/hellokitty/1.png) 50%/contain no-repeat;border-color:#ff6fae38;box-shadow:0 18px 32px #ff6fae2e}body[data-theme=hellokitty] .admin-avatar,body[data-theme=hellokitty] .admin-permissions button.active{background:radial-gradient(circle at 32% 24%,#ffffff7a,#0000 32%),linear-gradient(135deg,#ff6fae,#ff9fc6)}.modal{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 72% 76%,#f4d1871f,#0000 24%),#0a0c126b;position:fixed;inset:0}.modal-panel{border:1px solid var(--overlay-border);width:min(560px,100vw - 32px);max-height:min(720px,100vh - 136px);color:var(--overlay-text);background:var(--overlay-bg);box-shadow:var(--overlay-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:none;-ms-overflow-style:none;border-radius:8px;padding:16px;position:absolute;bottom:98px;right:24px;overflow:auto}.modal-panel::-webkit-scrollbar{display:none}.playlist-dock{isolation:isolate;background:linear-gradient(135deg, #0c0f16e6, #22191fe0), var(--modal-cover) center/cover no-repeat;border-color:#ffffff29;padding:0;box-shadow:0 28px 70px #0000006b,inset 0 1px #ffffff24}.playlist-dock:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(180deg, #0b0e14d6, #0b0e14eb), var(--modal-cover) center/cover no-repeat;filter:blur(26px)saturate(1.08);position:fixed;inset:0;transform:scale(1.08)}.playlist-dock-hero{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffff24,#0000 34%),linear-gradient(#0c0f16eb,#0c0f16b8);border-bottom:1px solid #ffffff1a;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:152px;padding:18px;display:grid;position:sticky;top:0;overflow:hidden}.playlist-dock-disc{background:repeating-radial-gradient(circle,#12151d 0 8px,#1f2430 9px 10px),radial-gradient(circle,#111 0%,#2a2f3b 100%);border-radius:50%;width:104px;height:104px;position:relative;box-shadow:0 18px 34px #00000061,inset 0 0 0 1px #ffffff14}.playlist-dock-disc:before{content:"";background:radial-gradient(circle,#fff3,#0000 60%);border:1px solid #ffffff29;border-radius:50%;position:absolute;inset:14px}.playlist-dock-disc img{object-fit:cover;border-radius:50%;width:52px;height:52px;position:absolute;inset:26px;box-shadow:0 0 0 5px #0000005c}.playlist-dock-copy{gap:7px;min-width:0;display:grid}.playlist-dock-copy span{color:#ffffffad;letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff24;border-radius:999px;width:max-content;padding:4px 9px;font-size:11px;font-weight:900}.playlist-dock-copy h2{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:24px;line-height:1.12;overflow:hidden}.playlist-dock-copy p{color:#ffffff9e;margin:0}.playlist-close{color:#ffffffdb;background:#ffffff1a;border:1px solid #ffffff29;border-radius:50%;width:38px;height:38px;padding:0;font-size:24px;line-height:1;box-shadow:inset 0 1px #ffffff1f}.playlist-close:hover{background:#ffffff2e}.queue-track-list{gap:10px;padding:14px;display:grid}.playlist-dock>.message{background:#ffffff12;border:1px solid #ffffff14;border-radius:8px;margin:12px 14px 0;padding:9px 11px}.load-more{width:100%;margin-top:10px}.queue-jump{z-index:3;color:#fff;background:radial-gradient(circle at 32% 28%,#ff9eb2,#ec4141 66%);border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-size:20px;display:grid;position:sticky;bottom:10px;left:calc(100% - 56px);overflow:hidden;box-shadow:0 10px 24px #ec41415c,0 0 0 4px #ec41412e}.queue-jump span{z-index:1;position:relative}.queue-jump:hover{transform:translateY(-2px)scale(1.03)}.player{z-index:20;color:#fff;isolation:isolate;background:linear-gradient(90deg, #05080ec7, rgba(var(--cover-shadow-rgb,14, 18, 28), .48) 48%, #05080ec7), radial-gradient(circle at 18% 0%, rgba(var(--cover-accent-rgb,236, 65, 65), .28), transparent 44%), var(--song-bg) center/cover no-repeat;min-height:92px;box-shadow:0 -18px 54px rgba(var(--cover-shadow-rgb,14, 18, 28), .38);-webkit-backdrop-filter:saturate(1.08);background-size:100% 100%,100% 100%,cover;border-top:1px solid #ffffff1f;grid-template-columns:minmax(260px,1fr) minmax(320px,460px) minmax(220px,1fr);align-items:center;gap:16px;padding:12px 28px;display:grid;position:fixed;bottom:0;left:0;right:0;overflow:visible}.player:before{content:"";z-index:-2;background:var(--song-bg) center/cover no-repeat;filter:saturate(1.08)brightness(.9);opacity:1;pointer-events:none;position:absolute;inset:0;transform:none}.player:after{content:"";z-index:-1;background:linear-gradient(90deg, #06090f9e, rgba(var(--cover-shadow-rgb,14, 18, 28), .28) 45%, #06090f9e), linear-gradient(0deg, #05080e7a, #05080e1f), radial-gradient(circle at 16% 110%, rgba(var(--cover-accent-rgb,236, 65, 65), .18), transparent 44%);pointer-events:none;position:absolute;inset:0}.player>*{z-index:2;position:relative}.comment-stream{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}.comment-stream:before{content:"";background:linear-gradient(90deg, #ffffff0d, transparent 18%, transparent 82%, #ffffff0a), radial-gradient(circle at 50% 50%, rgba(var(--cover-accent-rgb,236, 65, 65), .12), transparent 58%);position:absolute;inset:0}.comment-line{left:0;top:calc(11px + var(--comment-row,0) * 19px);color:#ffffffd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-overflow:ellipsis;white-space:nowrap;opacity:0;max-width:min(46vw,620px);animation:commentDrift var(--comment-speed,22s) linear infinite;animation-delay:var(--comment-delay,0s);background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;position:absolute;overflow:hidden;box-shadow:0 8px 20px #00000029,inset 0 1px #ffffff1f}.comment-line.is-loading{opacity:.8;max-width:min(70vw,360px);animation:1.8s ease-in-out infinite commentPulse;top:50%;left:50%;transform:translate(-50%,-50%)}.player-wave{z-index:2;opacity:.52;pointer-events:none;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.player-wave span{background:linear-gradient(180deg, #fffffff5, rgba(var(--cover-accent-rgb,236, 65, 65), .9));width:4px;height:10px;box-shadow:0 0 14px rgba(var(--cover-accent-rgb,236, 65, 65), .38);transform-origin:bottom;border-radius:999px}.player.is-playing .player-wave span{animation:1s ease-in-out infinite waveBounce}.player.is-playing .player-wave span:nth-child(2){animation-delay:.12s}.player.is-playing .player-wave span:nth-child(3){animation-delay:.2s}.player.is-playing .player-wave span:nth-child(4){animation-delay:.28s}.player.is-playing .player-wave span:nth-child(5){animation-delay:.36s}.player.is-playing .player-wave span:nth-child(6){animation-delay:.44s}.player:not(.is-playing) .player-wave span{opacity:.45;height:7px}.player.is-playing{animation:12s ease-in-out infinite playerGlow}.player-main{align-items:center;gap:12px;min-width:0;display:flex}.player-main>div{min-width:0}.player-cover-button{width:58px;height:58px;box-shadow:none;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.player-main strong{text-overflow:ellipsis;white-space:nowrap;max-width:min(34vw,360px);display:block;overflow:hidden}.player-main img{object-fit:cover;width:58px;height:58px;box-shadow:0 10px 28px #00000057, 0 0 0 6px rgba(var(--cover-accent-rgb,236, 65, 65), .16);border:1px solid #ffffff38;border-radius:50%;animation:12s linear infinite paused spinCover}.player.is-playing .player-main img{animation-play-state:running}.player-main small{text-overflow:ellipsis;white-space:nowrap;color:#ffffff9e;max-width:260px;display:block;overflow:hidden}.heart{color:#ffffffc2;background:linear-gradient(#ffffff17, #ffffff0a) padding-box, conic-gradient(from 150deg, #fff3, rgba(var(--cover-accent-rgb,236, 65, 65), .52), #ffffff1f, #fff3) border-box;border:1px solid #0000;border-radius:50%;width:40px;height:40px;padding:0;font-size:21px;font-weight:900;transition:transform .18s,background .18s,color .18s,box-shadow .18s;position:relative;box-shadow:inset 0 1px #ffffff24,0 10px 22px #0003}.heart:hover{color:#fff;transform:rotate(-7deg)scale(1.08)}.heart.liked{color:#fff;background:radial-gradient(circle at 32% 28%, #ffffff94, transparent 24%), radial-gradient(circle at 50% 50%, rgba(var(--cover-accent-rgb,236, 65, 65), .96), rgba(var(--cover-shadow-rgb,14, 18, 28), .86) 72%);box-shadow:0 0 0 6px rgba(var(--cover-accent-rgb,236, 65, 65), .16), 0 12px 28px rgba(var(--cover-accent-rgb,236, 65, 65), .34)}.player-center{justify-items:center;gap:8px;display:grid}.transport{background:linear-gradient(135deg,#ffffff1c,#ffffff09);border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:12px;padding:5px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1f,0 14px 30px #0003}.player-center button{color:#fffffff5;background:radial-gradient(circle at 30% 20%,#ffffff2e,#0000 30%),#ffffff14;border:1px solid #ffffff24;border-radius:999px;place-items:center;transition:transform .18s,background .18s,box-shadow .2s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff2e,0 10px 24px #00000038}.player-center button:hover{background:#ffffff29;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff3d,0 14px 30px #00000047}.transport button{width:42px;height:42px;padding:0;font-size:30px;line-height:1}.transport-step span{transform:translateY(-1px)}.player-center .play{background:radial-gradient(circle at 34% 28%, #ffffff94, transparent 24%), conic-gradient(from 180deg, #ffffff2e, rgba(var(--cover-accent-rgb,236, 65, 65), .95), rgba(var(--cover-shadow-rgb,14, 18, 28), .92), #ffffff2e);width:58px;height:58px;box-shadow:0 0 0 7px rgba(var(--cover-accent-rgb,236, 65, 65), .16), 0 18px 38px rgba(var(--cover-accent-rgb,236, 65, 65), .44), inset 0 1px 0 #ffffff47;border-radius:50%;margin:0 2px;font-size:18px}.player-center .play:before{content:"";background:radial-gradient(circle at 34% 24%,#ffffff42,#ffffff0f 58%,#0000 59%);border-radius:50%;position:absolute;inset:7px}.player-center .play span{z-index:1;place-items:center;display:grid;position:relative;transform:none}.player-center .play .ui-icon{width:21px;height:21px;font-size:21px}.player-center .play:hover{background:radial-gradient(circle at 30% 24%, #ffffffad, transparent 25%), conic-gradient(from 180deg, #ffffff38, rgba(var(--cover-accent-rgb,236, 65, 65), 1), rgba(var(--cover-shadow-rgb,14, 18, 28), .86), #ffffff38);box-shadow:0 0 0 8px rgba(var(--cover-accent-rgb,236, 65, 65), .22), 0 20px 36px rgba(var(--cover-accent-rgb,236, 65, 65), .5)}.progress-row{color:#ffffffc7;grid-template-columns:48px minmax(220px,520px) 48px;align-items:center;gap:11px;font-size:12px;display:grid}.progress-row>span{font-variant-numeric:tabular-nums;background:#ffffff12;border:1px solid #ffffff1a;border-radius:999px;place-items:center;min-height:24px;display:grid;box-shadow:inset 0 1px #ffffff1a}.player input[type=range],.full-player input[type=range]{appearance:none;background:0 0;width:100%;height:24px}.player input[type=range]::-webkit-slider-runnable-track{background:radial-gradient(circle at var(--seek-progress,0%) 50%, #ffffffeb 0 7px, transparent 8px), linear-gradient(90deg, #ffffff29, #ffffff29), linear-gradient(90deg, #ffffff24, #ffffff24), linear-gradient(90deg, #ffffffe6, rgba(var(--cover-accent-rgb,236, 65, 65), .98));background-size:100% 100%, calc(100% - var(--seek-progress,0%)) 100%, 100% 100%, var(--seek-progress,0%) 100%;height:10px;box-shadow:inset 0 0 0 1px #ffffff1f, 0 0 22px rgba(var(--cover-accent-rgb,236, 65, 65), .3);background-position:0 0,100% 0,0 0,0 0;background-repeat:no-repeat;border-radius:999px}.full-player input[type=range]::-webkit-slider-runnable-track{background:radial-gradient(circle at var(--seek-progress,0%) 50%, #ffffffeb 0 7px, transparent 8px), linear-gradient(90deg, #ffffff29, #ffffff29), linear-gradient(90deg, #ffffff24, #ffffff24), linear-gradient(90deg, #ffffffe6, rgba(var(--cover-accent-rgb,236, 65, 65), .98));background-size:100% 100%, calc(100% - var(--seek-progress,0%)) 100%, 100% 100%, var(--seek-progress,0%) 100%;height:10px;box-shadow:inset 0 0 0 1px #ffffff1f, 0 0 22px rgba(var(--cover-accent-rgb,236, 65, 65), .3);background-position:0 0,100% 0,0 0,0 0;background-repeat:no-repeat;border-radius:999px}.player input[type=range]::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 30% 24%, #fff, #ffffff52 28%, transparent 30%), rgb(var(--cover-accent-rgb,236, 65, 65));width:18px;height:18px;box-shadow:0 0 0 7px rgba(var(--cover-accent-rgb,236, 65, 65), .22), 0 9px 18px #0000004d;border:2px solid #fff;border-radius:50%;margin-top:-4px}.full-player input[type=range]::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 30% 24%, #fff, #ffffff52 28%, transparent 30%), rgb(var(--cover-accent-rgb,236, 65, 65));width:18px;height:18px;box-shadow:0 0 0 7px rgba(var(--cover-accent-rgb,236, 65, 65), .22), 0 9px 18px #0000004d;border:2px solid #fff;border-radius:50%;margin-top:-4px}.player input[type=range]::-moz-range-track{height:10px;box-shadow:inset 0 0 0 1px #ffffff14, 0 0 20px rgba(var(--cover-accent-rgb,236, 65, 65), .26);background:linear-gradient(90deg,#ffffff29,#ffffff29);border:0;border-radius:999px}.full-player input[type=range]::-moz-range-track{height:10px;box-shadow:inset 0 0 0 1px #ffffff14, 0 0 20px rgba(var(--cover-accent-rgb,236, 65, 65), .26);background:linear-gradient(90deg,#ffffff29,#ffffff29);border:0;border-radius:999px}.player input[type=range]::-moz-range-progress{background:linear-gradient(90deg, #ffffffe0, rgba(var(--cover-accent-rgb,236, 65, 65), .95));border-radius:999px;height:10px}.full-player input[type=range]::-moz-range-progress{background:linear-gradient(90deg, #ffffffe0, rgba(var(--cover-accent-rgb,236, 65, 65), .95));border-radius:999px;height:10px}.player input[type=range]::-moz-range-thumb{background:rgb(var(--cover-accent-rgb,236, 65, 65));width:18px;height:18px;box-shadow:0 0 0 6px rgba(var(--cover-accent-rgb,236, 65, 65), .22), 0 8px 16px #00000040;border:2px solid #fff;border-radius:50%}.full-player input[type=range]::-moz-range-thumb{background:rgb(var(--cover-accent-rgb,236, 65, 65));width:18px;height:18px;box-shadow:0 0 0 6px rgba(var(--cover-accent-rgb,236, 65, 65), .22), 0 8px 16px #00000040;border:2px solid #fff;border-radius:50%}.player-tools{justify-content:flex-end;align-items:center;gap:10px;display:flex;position:relative}.player-tools>button,.player-tools>.tool-anchor>button{color:#fffffff2;background:linear-gradient(#ffffff1c, #ffffff0e) padding-box, conic-gradient(from 150deg, #ffffff38, rgba(var(--cover-accent-rgb,236, 65, 65), .46), #ffffff1a, #ffffff38) border-box;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;min-width:76px;min-height:40px;padding:7px 11px 7px 7px;transition:transform .18s,background .18s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff29,0 8px 18px #0000002e}.player-tools>button:hover,.player-tools>.tool-anchor>button:hover{background:#fff3;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff3d,0 12px 22px #00000038}.player-tools>button.active,.player-tools>.tool-anchor>button.active{background:radial-gradient(circle at 26% 16%, #ffffff57, transparent 28%), linear-gradient(135deg, rgba(var(--cover-accent-rgb,236, 65, 65), .92), rgba(var(--cover-shadow-rgb,14, 18, 28), .84));box-shadow:0 0 0 5px rgba(var(--cover-accent-rgb,236, 65, 65), .13), 0 12px 24px #00000038, inset 0 1px 0 #ffffff3d}.tool-icon{color:#fff;background:radial-gradient(circle at 30% 20%, #ffffff4d, transparent 30%), rgba(var(--cover-accent-rgb,236, 65, 65), .68);border-radius:50%;flex:none;place-items:center;width:26px;min-width:26px;height:26px;font-size:14px;font-weight:1000;line-height:1;display:grid;box-shadow:inset 0 1px #ffffff3d,0 6px 14px #0000002e}.queue-tool .tool-icon{font-size:18px}.full-player{z-index:90;height:100dvh;padding:calc(14px + env(safe-area-inset-top,0px)) clamp(16px, 4vw, 34px) calc(18px + env(safe-area-inset-bottom,0px));color:#fff;background:linear-gradient(180deg, #05070cf0, #070a11f7 52%, #070a11fc), var(--song-bg) center/cover no-repeat;isolation:isolate;grid-template-rows:auto minmax(118px,25dvh) minmax(0,1fr) auto auto auto;gap:clamp(7px,1.35dvh,12px);animation:.24s cubic-bezier(.2,.8,.2,1) both fullPlayerEnter;display:grid;position:fixed;inset:0;overflow:hidden}.full-player::-webkit-scrollbar{display:none}.full-player{scrollbar-width:none}.full-player-bg{z-index:0;background:linear-gradient(180deg, #0304081a, #030408b8), radial-gradient(circle at 24% 18%, rgba(var(--cover-accent-rgb,236, 65, 65), .34), transparent 34%), radial-gradient(circle at 76% 86%, #ffffff1f, transparent 34%);filter:blur(2px);position:absolute;inset:-18px}.full-player>:not(.full-player-bg){z-index:1;position:relative}.full-player-top{grid-template-columns:42px minmax(0,1fr) 42px;justify-self:center;align-items:center;gap:12px;width:min(760px,100%);display:grid}.full-player-top>div{text-align:center;gap:4px;min-width:0;display:grid}.full-player-top strong,.full-player-top span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.full-player-top span{color:#ffffffa8;font-size:13px}.full-player-close{color:#fff;background:#ffffff1f;border-radius:50%;width:40px;height:40px;padding:0}.full-cover{aspect-ratio:1;background:radial-gradient(circle, #0c0e14eb 0 18%, transparent 19%), conic-gradient(#ffffff1a, rgba(var(--cover-accent-rgb,236, 65, 65), .78), rgba(var(--cover-shadow-rgb,14, 18, 28), .92), #ffffff1a);border:1px solid #ffffff38;border-radius:50%;place-self:center;place-items:center;width:clamp(118px,min(44vw,25dvh),250px);padding:0;animation:.34s cubic-bezier(.2,.8,.2,1) 40ms both fullCoverEnter;display:grid;position:relative;box-shadow:0 24px 70px #00000057,0 0 0 10px #ffffff0b}.full-cover img{object-fit:cover;border-radius:50%;width:72%;height:72%;animation:16s linear infinite paused spinCover;box-shadow:0 18px 44px #00000061}.full-player.is-playing .full-cover img{animation-play-state:running}.full-cover span{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000006b;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:absolute}.full-buffering{color:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-overflow:ellipsis;white-space:nowrap;background:#0000006b;border-radius:999px;align-items:center;gap:7px;max-width:86%;padding:7px 11px;font-size:12px;font-style:normal;font-weight:900;display:inline-flex;position:absolute;bottom:18px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 1px #ffffff1f,0 10px 24px #00000038}.full-buffering i{border:2px solid #ffffff47;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spinCover}.full-lyrics{text-align:center;align-content:center;justify-self:center;gap:clamp(4px,.9dvh,8px);width:min(760px,100%);height:100%;min-height:0;padding:clamp(6px,1.2dvh,12px) 4px;animation:.34s cubic-bezier(.2,.8,.2,1) 80ms both fullLyricsEnter;display:grid;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 14% 86%,#0000);mask-image:linear-gradient(#0000,#000 14% 86%,#0000)}.full-lyrics span{color:#ffffff61;text-overflow:ellipsis;white-space:nowrap;min-height:1.34em;font-size:clamp(12px,min(2.2vw,2.5dvh),16px);font-weight:750;line-height:1.34;transition:color .2s,opacity .2s,font-size .2s;display:block;overflow:hidden;transform:none}.full-lyrics span.active{color:#fff;text-shadow:0 8px 28px #00000052;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.7em;font-size:clamp(20px,min(5vw,5.3dvh),30px);line-height:1.28;display:-webkit-box;overflow:hidden}.full-lyrics.is-hidden{height:88px;min-height:88px;-webkit-mask-image:none;mask-image:none}.full-lyrics-off{background:#ffffff0e;border:1px solid #ffffff14;border-radius:18px;place-items:center;width:100%;min-height:68px;color:#ffffff94!important;white-space:normal!important;display:grid!important}.full-progress{color:#ffffffb8;font-variant-numeric:tabular-nums;grid-template-columns:42px minmax(0,1fr) 42px;justify-self:center;align-items:center;gap:12px;width:min(720px,100%);font-size:12px;display:grid}.full-progress input,.full-volume-panel input{width:100%}.full-controls{justify-content:center;justify-self:center;align-items:center;gap:clamp(20px,8vw,42px);width:min(520px,100%);display:flex}.full-controls button{color:#fff;background:#ffffff1c;border-radius:50%;place-items:center;width:50px;height:50px;padding:0;transition:transform .18s,background .18s,box-shadow .18s;display:grid;box-shadow:inset 0 1px #ffffff1f,0 12px 28px #0000002e}.full-controls button:active,.full-tools button:active{transform:scale(.94)}.full-controls .primary{background:linear-gradient(135deg,#ff6363,#ec4141);width:70px;height:70px;box-shadow:0 18px 40px #ec41415c}.full-tools,.full-quality{scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-auto-columns:max-content;grid-auto-flow:column;justify-self:center;gap:9px;width:min(760px,100%);padding-bottom:2px;display:grid;overflow-x:auto}.full-tools::-webkit-scrollbar{display:none}.full-quality::-webkit-scrollbar{display:none}.full-tools button,.full-quality button{color:#ffffffd1;background:#ffffff18;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:7px 11px;transition:transform .18s,background .18s,color .18s,border-color .18s;display:inline-flex}.full-tools button.active,.full-quality button.active{color:#fff;background:rgba(var(--cover-accent-rgb,236, 65, 65), .74)}.full-quality button.is-disabled,.quality-popover button.is-disabled{cursor:not-allowed;opacity:.48;filter:grayscale(.35);color:#ffffff7a;background:#ffffff0b}.full-tools span{background:#ffffff1f;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:1000;display:grid}.full-quality button{text-align:left;gap:2px;min-width:78px;display:grid}.full-quality small,.full-quality button span{color:#ffffff9e;font-size:12px;font-weight:850}.full-panel{color:#ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;justify-self:center;width:min(760px,100%);padding:10px;animation:.2s cubic-bezier(.2,.8,.2,1) both panelRise;box-shadow:inset 0 1px #ffffff14,0 18px 36px #0000002e}.full-volume-panel{gap:7px;display:grid}.full-volume-panel span{align-items:center;gap:8px;font-weight:900;display:inline-flex}.full-sleep-panel{gap:12px;display:grid}.full-sleep-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.full-sleep-head strong{font-size:15px}.full-sleep-head small{color:#ffffff94;font-weight:800}.sleep-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.sleep-options button,.sleep-custom button{color:#ffffffdb;background:#ffffff14;border-radius:12px;min-height:38px}.sleep-options button.active,.sleep-custom button:not(.secondary){color:#fff;background:rgba(var(--cover-accent-rgb,236, 65, 65), .72)}.sleep-custom{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:8px;display:grid}.sleep-custom label{gap:5px;min-width:0;display:grid}.sleep-custom label span{color:#ffffff94;font-size:12px;font-weight:900}.sleep-custom input{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;width:100%;min-height:38px}.full-player .full-progress input[type=range]{height:18px}.full-player .full-progress input[type=range]::-webkit-slider-runnable-track{height:3px;box-shadow:inset 0 0 0 1px #ffffff14}.full-player .full-progress input[type=range]::-webkit-slider-thumb{width:12px;height:12px;box-shadow:0 0 0 4px #ffffff29, 0 0 0 7px rgba(var(--cover-accent-rgb,236, 65, 65), .13), 0 6px 12px #00000042;margin-top:-4.5px}.full-player .full-progress input[type=range]::-moz-range-track{height:3px}.full-player .full-progress input[type=range]::-moz-range-progress{height:3px}.full-player .full-progress input[type=range]::-moz-range-thumb{width:12px;height:12px;box-shadow:0 0 0 4px #ffffff29, 0 0 0 7px rgba(var(--cover-accent-rgb,236, 65, 65), .13), 0 6px 12px #00000038}.full-comments-drawer{z-index:96;max-height:min(72svh,680px);padding:16px clamp(16px, 4vw, 30px) calc(16px + env(safe-area-inset-bottom,0px));color:#fff;background:linear-gradient(180deg, #151821f5, #090b12fa), rgba(var(--cover-shadow-rgb,14, 18, 28), .96);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:24px 24px 0 0;grid-template-rows:auto minmax(0,1fr);animation:.24s cubic-bezier(.2,.8,.2,1) both drawerUp;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -24px 64px #0000006b,inset 0 1px #ffffff1f}.full-comments-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.full-comments-head div{gap:2px;min-width:0;display:grid}.full-comments-head small{color:#ffffff7a;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.full-comments-head strong{font-size:18px}.full-comments-list{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:10px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.full-comments-list::-webkit-scrollbar{display:none}.full-comment-item{background:#ffffff12;border:1px solid #ffffff14;border-radius:16px;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:11px;display:grid;box-shadow:inset 0 1px #ffffff0f}.full-comment-item img,.full-comment-item>span{border-radius:50%;width:40px;height:40px}.full-comment-item img{object-fit:cover}.full-comment-item>span{color:#fff;background:#ffffff1f;place-items:center;font-weight:1000;display:grid}.full-comment-item div{gap:4px;min-width:0;display:grid}.full-comment-item strong,.full-comment-item p,.full-comment-item small{min-width:0}.full-comment-item strong{color:#ffffffe6;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.full-comment-item p{color:#ffffffbd;word-break:break-word;margin:0;font-size:13px;line-height:1.45}.full-comment-item small{color:#ffffff6b;font-size:11px}.full-comments-empty{color:#ffffff80;background:#ffffff0a;border:1px dashed #ffffff1f;border-radius:16px;place-items:center;min-height:90px;display:grid}.full-comments-more{color:#ffffffdb;background:#ffffff17;justify-self:stretch;min-height:42px}@keyframes fullPlayerEnter{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fullCoverEnter{0%{opacity:0;transform:translateY(16px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fullLyricsEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes drawerUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes panelRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.full-player{grid-template-rows:auto minmax(106px,22dvh) minmax(0,1fr) auto auto auto;gap:8px;padding-inline:16px}.full-cover{width:clamp(106px,min(48vw,22dvh),210px)}.full-lyrics span{font-size:clamp(11px,2.3dvh,13px)}.full-lyrics span.active{font-size:clamp(18px,min(6vw,4.8dvh),25px)}.full-controls{gap:22px}.full-controls button{width:48px;height:48px}.full-controls .primary{width:66px;height:66px}.full-tools{width:calc(100% + 32px);margin-inline:-16px;padding-inline:16px}.full-panel{padding:9px}.sleep-options{grid-template-columns:repeat(2,minmax(0,1fr))}.sleep-custom{grid-template-columns:1fr 76px}.sleep-custom .secondary{grid-column:1/-1}.full-comments-drawer{border-radius:22px 22px 0 0;max-height:76svh}}.tool-anchor{position:relative}.tool-popover{z-index:16;min-width:160px;color:var(--overlay-text);background:linear-gradient(135deg, #ffffff1f, #ffffff0a), rgba(var(--cover-shadow-rgb,14, 18, 28), .92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff29;border-radius:12px;gap:8px;padding:10px;display:grid;position:absolute;bottom:54px;left:50%;transform:translate(-50%);box-shadow:0 22px 48px #00000057,inset 0 1px #ffffff24}.tool-popover button{text-align:left;background:var(--overlay-item-bg);min-width:0;color:var(--overlay-text);border-radius:8px}.quality-popover button{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.quality-popover button strong,.quality-popover button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quality-popover button span{color:#ffffff94;font-size:12px;font-weight:800}.tool-popover button.active{color:#fff;background:rgba(var(--cover-accent-rgb,236, 65, 65), .86)}.quality-popover{min-width:210px}.volume-popover{min-width:220px}.lyric-strip{z-index:42;color:#fff;background:linear-gradient(90deg, transparent, #12161fb8 18%, #12161fc7 82%, transparent), radial-gradient(circle at 50% 0%, rgba(var(--cover-accent-rgb,236, 65, 65), .28), transparent 58%), var(--song-bg) center/cover no-repeat;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;place-items:center;width:min(860px,100vw - 40px);min-height:42px;font-size:18px;font-weight:800;display:grid;position:fixed;top:12px;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}.lyric-strip:before{content:"";z-index:-1;background:var(--song-bg) center/cover no-repeat;filter:blur(18px)saturate(1.2);opacity:.35;position:absolute;inset:-18px;transform:scale(1.1)}.lyric-strip.is-playing span{animation:.42s both lyricLineIn,2.2s ease-in-out infinite lyricGlow}.lyric-strip span{text-overflow:ellipsis;white-space:nowrap;max-width:88%;text-shadow:0 0 18px #ffffff38, 0 8px 28px rgba(var(--cover-accent-rgb,236, 65, 65), .4);animation:.42s both lyricLineIn;display:block;overflow:hidden}@keyframes lyricLineIn{0%{opacity:0;filter:blur(5px);transform:translateY(12px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes commentDrift{0%{opacity:0;transform:translate(-110%)translateY(4px)}10%{opacity:.82}82%{opacity:.82}to{opacity:0;transform:translate(calc(100vw + 120%))translateY(-4px)}}@keyframes commentPulse{0%,to{opacity:.45;transform:translate(-50%,-50%)scale(.98)}50%{opacity:.86;transform:translate(-50%,-50%)scale(1)}}@keyframes heroCommentSwap{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes radarSweep{to{transform:rotate(360deg)}}@keyframes spinCover{to{transform:rotate(360deg)}}@keyframes playerGlow{0%,to{background-position:50%,50%,50%}50%{background-position:50%,50%,50%}}@keyframes bgPulse{0%,to{filter:brightness()}50%{filter:brightness(1.05)}}@keyframes waveBounce{0%,to{opacity:.52;height:8px}30%{opacity:.95;height:22px}60%{opacity:.72;height:14px}}@keyframes lyricGlow{0%,to{text-shadow:0 0 14px #fff3, 0 8px 26px rgba(var(--cover-accent-rgb,236, 65, 65), .32)}50%{text-shadow:0 0 20px #ffffff5c, 0 10px 32px rgba(var(--cover-accent-rgb,236, 65, 65), .48)}}@keyframes vipSweep{0%,20%{transform:translate(-58%)}60%,to{transform:translate(54%)}}.welcome{z-index:80;-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);background:radial-gradient(circle at 50% 42%,#ffffff2e,#0000 18%),radial-gradient(circle at 24% 18%,#ec414138,#0000 32%),#0a0c1261;place-items:center;animation:4.4s cubic-bezier(.2,.8,.2,1) forwards welcomeBackdrop;display:grid;position:fixed;inset:0;overflow:hidden}.welcome:before,.welcome:after{content:"";filter:blur(22px);opacity:.44;border-radius:50%;width:42vmax;height:42vmax;animation:4.4s forwards welcomeGlow;position:absolute}.welcome:before{background:radial-gradient(circle,#ec414170,#0000 62%);top:-12vmax;left:-10vmax}.welcome:after{background:radial-gradient(circle,#ffcc7857,#0000 62%);animation-delay:80ms;bottom:-12vmax;right:-8vmax}.welcome-card{color:#fff;text-align:center;transform-origin:50%;background:linear-gradient(135deg,#ffffff24,#0000 30%),linear-gradient(135deg,#141822f0,#64242ae0);border:1px solid #ffffff3d;border-radius:8px;width:min(620px,100vw - 40px);padding:42px 38px;animation:4.4s cubic-bezier(.2,.8,.2,1) forwards welcomeCard;position:relative;overflow:hidden;box-shadow:0 34px 110px #00000061,inset 0 1px #ffffff2e}.welcome-card:before{content:"";background:linear-gradient(115deg,#0000 42%,#ffffff52 50%,#0000 58%);animation:2.2s ease-out .35s forwards welcomeSweep;position:absolute;inset:-45% -20%;transform:translate(-45%)rotate(8deg)}.welcome-orbit{pointer-events:none;border:1px solid #ffffff1a;border-radius:8px;position:absolute;inset:12px}.welcome-orbit:before,.welcome-orbit:after{content:"";background:#ffffffdb;border-radius:50%;width:6px;height:6px;animation:3.4s ease-in-out forwards orbitDot;position:absolute;box-shadow:0 0 18px #fffc}.welcome-orbit:before{top:-3px;left:18%}.welcome-orbit:after{animation-delay:.18s;bottom:-3px;right:16%}.welcome-card span,.welcome-card h2,.welcome-card p{z-index:1;position:relative}.welcome-card span{color:#ffffffd1;letter-spacing:.08em;background:#ffffff21;border-radius:999px;margin-bottom:12px;padding:5px 12px;font-size:13px;animation:.7s .12s both welcomeText;display:inline-flex}.welcome-card h2{letter-spacing:0;text-shadow:0 12px 36px #00000047;margin:0 0 12px;font-size:clamp(32px,5vw,48px);animation:.8s .22s both welcomeText}.welcome-card p{color:#ffffffc7;margin:0;line-height:1.7;animation:.8s .34s both welcomeText}.welcome-morning .welcome-card{background:linear-gradient(135deg,#ffa05cf0,#ec4141d6)}.welcome-forenoon .welcome-card{background:linear-gradient(135deg,#225a78f0,#ec4141bd)}.welcome-noon .welcome-card{background:linear-gradient(135deg,#eb8a3ff0,#7d3a27e6)}.welcome-afternoon .welcome-card{background:linear-gradient(135deg,#2d3a5cf0,#b54848db)}.welcome-evening .welcome-card{background:linear-gradient(135deg,#141822f0,#64242ae0)}.welcome-late-night .welcome-card{background:linear-gradient(135deg,#0a0c14f5,#2d2148e6)}.welcome-dawn .welcome-card{background:linear-gradient(135deg,#161e2ef5,#5c3648e0)}@keyframes welcomeBackdrop{0%{opacity:0}12%,76%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes welcomeCard{0%{opacity:0;filter:blur(6px);transform:translateY(24px)scale(.94)}18%,74%{opacity:1;filter:blur();transform:translateY(0)scale(1)}to{opacity:0;filter:blur(4px);transform:translateY(-18px)scale(.98)}}@keyframes welcomeText{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes welcomeSweep{to{transform:translate(52%)rotate(8deg)}}@keyframes welcomeGlow{0%{opacity:0;transform:scale(.8)}20%,72%{opacity:.44}to{opacity:0;transform:scale(1.18)}}@keyframes orbitDot{0%{opacity:0;transform:translate(-24px)}18%,70%{opacity:1}to{opacity:0;transform:translate(34px)}}@media (width<=860px),(pointer:coarse) and (hover:none){body{background:linear-gradient(#f5f7fb 0%,#eef6ff 100%);min-width:0;overflow-x:hidden}.auth-screen{align-items:start;min-height:100svh;padding:18px 12px;overflow-y:auto}.auth-card{grid-template-columns:1fr;width:min(520px,100%);min-height:0}.auth-visual{min-height:240px;padding:24px}.auth-disc{width:154px;top:42%}.auth-wave{height:48px;bottom:76px;left:20px;right:20px}.auth-visual strong{font-size:22px}.auth-form{padding:24px 18px}.auth-form h1{font-size:36px}.shell,.hero,.settings-grid{grid-template-columns:1fr}.primary-settings-card,.theme-picker-card{grid-column:1}.settings-page{gap:12px}.settings-hero{grid-template-columns:1fr;gap:16px;min-height:0;padding:16px}.settings-orb{justify-self:start;width:168px}.settings-hero-copy h2{font-size:36px}.settings-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.settings-drawer-backdrop{place-items:end stretch}.settings-password-drawer{border-radius:18px 18px 0 0;width:100%;height:auto;max-height:min(78svh,620px)}.settings-status-grid span{min-width:0;padding:10px}.settings-status-grid strong{font-size:16px}.settings-card{padding:16px}.settings-card-head{align-items:flex-start}.settings-card-icon{width:44px;height:44px}.netease-profile{grid-template-columns:58px minmax(0,1fr)}.netease-profile img{width:58px;height:58px}.netease-profile span{grid-column:1/-1;justify-self:start}.shell{padding-bottom:calc(154px + env(safe-area-inset-bottom,0px))}.sidebar{z-index:30;height:calc(76px + env(safe-area-inset-bottom,0px));padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f9fbfff0;border-top:1px solid #c7d1e0b8;grid-template-columns:repeat(4,1fr);align-content:start;gap:0;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -12px 34px #1b243614}body[data-theme=hellokitty] .sidebar{background-position:0 0,center bottom -78px;background-size:auto,460px}body[data-theme=hellokitty] .sidebar:after{right:max(16px,50% - 68px);bottom:calc(24px + env(safe-area-inset-bottom,0px));opacity:.24;width:182px;height:182px}.sidebar:has(button:nth-of-type(5)){grid-template-columns:repeat(5,1fr)}.brand{display:none}.sidebar button{color:#8d94a3;text-align:center;min-width:0;min-height:52px;box-shadow:none;background:0 0;border-radius:0;place-items:center;margin:0;padding:22px 2px 2px;font-size:17px;font-weight:800;display:grid;position:relative}.sidebar button:before{content:"•";color:#0000;margin-top:-30px;font-size:22px;position:absolute}.sidebar button.active{color:#101326;box-shadow:none;background:0 0}.sidebar button.active:before{color:var(--red)}main{width:100%;min-width:0;padding:calc(10px + env(safe-area-inset-top,0px)) 0 calc(156px + env(safe-area-inset-bottom,0px));overflow:hidden}.topbar{display:none}.mobile-app-head{justify-content:space-between;align-items:center;padding:2px 18px 4px;display:flex}.mobile-head-menu,.mobile-head-search{color:#101326;background:0 0;border-radius:14px;place-items:center;width:46px;height:44px;padding:0;font-size:33px;line-height:1;display:grid;position:relative}.mobile-head-menu span{color:#fff;background:#ff3f48;border-radius:999px;min-width:25px;height:20px;padding:0 6px;font-size:15px;font-weight:900;line-height:20px;position:absolute;top:4px;right:-3px}.mobile-head-search{font-size:42px}.account-pill{max-width:100%}.shell.is-mobile-device .desktop-home{display:none}.shell.is-mobile-device .mobile-home{color:#111528;display:block}.shell.is-desktop-device .desktop-home{display:block}.shell.is-desktop-device .mobile-home,.shell.is-desktop-device .mobile-app-head{display:none}.mobile-home-intro{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 12px;padding:6px 20px 14px;display:grid}.mobile-bind-prompt{grid-template-columns:50px minmax(0,1fr);width:calc(100% - 40px);margin:4px 20px 16px;padding:14px}.mobile-bind-prompt span{width:50px;height:50px}.mobile-bind-prompt strong{font-size:18px}.mobile-home-intro span{color:#8e94a2;grid-column:1/-1;font-size:13px;font-weight:800}.mobile-home-intro h2{color:#111528;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:30px;line-height:1.08;overflow:hidden}.mobile-home-intro .action-button{align-self:center;min-height:38px}.mobile-hero-comment{color:#111528;text-align:left;background:radial-gradient(circle at 0 0,#ec414114,#0000 32%),#ffffffb8;border:1px solid #d3dbe894;border-radius:8px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;width:calc(100% - 40px);min-height:58px;margin:-4px 20px 14px;padding:8px;display:grid;box-shadow:0 10px 24px #151c2a0f}.mobile-hero-comment img{object-fit:cover;border-radius:7px;width:42px;height:42px}.mobile-hero-comment span{gap:3px;min-width:0;display:grid}.mobile-hero-comment small,.mobile-hero-comment strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-hero-comment small{color:#8e94a2;font-size:11px;font-weight:800}.mobile-hero-comment strong{color:#111528;font-size:13px;animation:.34s both heroCommentSwap}.mobile-home-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 20px 20px;display:grid}.mobile-home-stats span{background:#ffffffbd;border:1px solid #d3dbe89e;border-radius:8px;gap:4px;min-width:0;padding:10px 11px;display:grid;box-shadow:0 10px 24px #151c2a0f}.mobile-home-stats small{color:#8e94a2;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.mobile-home-stats strong{color:#111528;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.1;overflow:hidden}.mobile-card-rail{scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-auto-columns:172px;grid-auto-flow:column;gap:14px;padding:0 20px 30px;display:grid;overflow-x:auto}.mobile-card-rail::-webkit-scrollbar{display:none}.mobile-feature-card{color:#fff;text-align:left;background:#202631;border-radius:8px;min-height:208px;padding:0;position:relative;overflow:hidden;box-shadow:0 14px 34px #161e2d29}.mobile-feature-card.is-daily{grid-column:span 2}.mobile-feature-card:after{content:"";background:linear-gradient(#0000000a 0%,#0000001f 42%,#0e1219d1 100%),linear-gradient(120deg,#ffffff29,#0000 42%);position:absolute;inset:0}.mobile-feature-card img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mobile-card-title,.mobile-card-subtitle,.mobile-card-play{z-index:1;position:absolute}.mobile-card-title{text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:900;line-height:1.18;top:13px;left:14px;right:12px;overflow:hidden}.mobile-card-subtitle{color:#ffffffe6;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;bottom:17px;left:14px;right:14px;overflow:hidden}.mobile-card-play{color:#ec4141;background:#ffffffeb;border-radius:50%;place-items:center;width:42px;height:42px;font-size:18px;display:grid;bottom:62px;right:14px;box-shadow:0 12px 26px #0003}.mobile-rank-section{padding:0 20px 30px}.mobile-rank-card{color:#fff;text-align:left;background:radial-gradient(circle at 82% 12%,#ffda802e,#0000 28%),linear-gradient(135deg,#151a24,#3a2430 58%,#6b3027);border:1px solid #ffffff21;grid-template-columns:78px minmax(0,1fr);gap:12px;width:100%;min-height:122px;padding:12px;display:grid;overflow:hidden;box-shadow:0 16px 34px #181e2c2e}.mobile-rank-card img{object-fit:cover;border-radius:8px;grid-row:1/span 2;width:78px;height:78px;box-shadow:0 12px 22px #00000042}.mobile-rank-card span{gap:5px;min-width:0;display:grid}.mobile-rank-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:1.15;overflow:hidden}.mobile-rank-card small{color:#ffffffa3;font-size:13px}.mobile-rank-card ol{grid-column:2;margin:0;padding:0;list-style:none}.mobile-rank-card li{color:#ffffffc2;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.55;overflow:hidden}.mobile-song-section{padding:0 20px 32px}.mobile-song-section h2{color:#111528;text-overflow:ellipsis;white-space:nowrap;margin:0 0 18px;font-size:24px;line-height:1.25;overflow:hidden}.mobile-section-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-section-title-row h2{margin-bottom:16px}.mobile-section-title-row .action-button{min-height:34px;padding:5px 12px 5px 6px;font-size:13px}.mobile-section-title-row .action-button-icon{width:24px;height:24px;font-size:14px}.mobile-filter-row button:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff61,#0000 50%);position:absolute;inset:1px}.mobile-filter-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-auto-columns:max-content;grid-auto-flow:column;gap:9px;margin:-4px -20px 16px;padding:0 20px 4px;display:grid;overflow-x:auto}.mobile-filter-row::-webkit-scrollbar{display:none}.mobile-filter-row button{color:#697181;white-space:nowrap;background:radial-gradient(circle at 20% 0,#ffffffe6,#0000 32%),linear-gradient(135deg,#ffffffe6,#f7f9fcad);border:1px solid #8b95a41f;border-radius:999px;min-height:36px;padding:8px 14px;font-weight:800;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd1,0 8px 18px #151c2a0f}.mobile-filter-row button.active{color:#fff4d6;background:radial-gradient(circle at 20% 0,#ffffff3d,#0000 28%),linear-gradient(135deg,#15100b,#312116 44%,#8a5a24);border-color:#ffffff29;box-shadow:0 12px 26px #36220e2e,inset 0 1px #ffffff2e}.mobile-filter-row button.active:before{background:linear-gradient(#fff3,#0000 50%)}.mobile-song-list{gap:13px;display:grid}.mobile-song-row{width:100%;min-height:64px;color:inherit;text-align:left;background:#ffffff94;border-radius:8px;grid-template-columns:64px minmax(0,1fr) 42px;align-items:center;gap:14px;padding:8px;display:grid;box-shadow:0 8px 20px #151c2a0d}.mobile-song-row img{object-fit:cover;border-radius:6px;width:64px;height:64px;box-shadow:0 8px 20px #151c2a1a}.mobile-song-info{gap:6px;min-width:0;display:grid}.mobile-song-info strong{color:#111528;text-overflow:ellipsis;white-space:nowrap;font-size:21px;line-height:1.14;overflow:hidden}.mobile-song-info small{color:#8e94a2;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.2;overflow:hidden}.mobile-song-info em{color:#ff454f;background:#ffe9eb;border-radius:4px;margin-right:7px;padding:2px 6px;font-size:14px;font-style:normal;font-weight:800;display:inline-flex}.mobile-row-play{color:#fff;background:#111528;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;display:grid;box-shadow:0 8px 18px #11152829}.mobile-playlist-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 13px;display:grid}.mobile-playlist-card{min-width:0;color:inherit;text-align:left;background:0 0;padding:0}.mobile-playlist-card:active{transform:scale(.98)}.mobile-playlist-card img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%;box-shadow:0 10px 22px #151c2a1f}.mobile-playlist-card span{color:#111528;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:13px;line-height:1.28;display:-webkit-box;overflow:hidden}.mobile-empty{color:#8e94a2;background:#ffffff9e;border-radius:8px;padding:14px 12px;font-size:14px}.mobile-message{color:#8e94a2;background:#ffffff9e;border-radius:8px;margin:-12px 20px 24px;padding:10px 12px;font-size:13px}.home-grid,.stats,.appearance-row,.admin-user{grid-template-columns:1fr}.admin-page{padding:0 12px}.admin-hero{grid-template-columns:1fr;min-height:0;padding:16px}.admin-crown{width:82px;height:82px;font-size:38px}.admin-hero-copy h2{font-size:36px}.admin-refresh{width:100%}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-stats span{padding:12px}.admin-policy-grid,.admin-date-control,.admin-permissions>div,.theme-picker-grid,.theme-grant-grid,.appearance-row,.theme-market-card,.theme-catalog-row{grid-template-columns:1fr}.theme-market-open{width:100%}.theme-tier-switch{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.theme-free-window{border-radius:8px;grid-template-columns:1fr}.theme-free-window span{padding-left:0}.theme-grant-panel>div:first-child{display:grid}.theme-grant-open{width:100%}.theme-grant-dialog{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.theme-catalog-dialog{width:calc(100vw - 24px);height:calc(100vh - 24px);max-height:calc(100vh - 24px)}.theme-grant-dialog-head{padding:16px}.theme-grant-dialog-body{max-height:calc(100vh - 176px);padding:12px}.theme-catalog-body{max-height:calc(100vh - 154px);padding:12px}.admin-user-head{grid-template-columns:48px minmax(0,1fr)}.admin-user-head .vip-badge{grid-column:1/-1;justify-self:start}.search-page{padding:0 12px}.search-hero{grid-template-columns:1fr;gap:16px;min-height:0;padding:16px}.search-radar{width:min(100%,210px)}.search-copy h2{font-size:36px}.search-console{grid-column:auto}.search-row{grid-template-columns:1fr}.search-row button{justify-content:center}.search-result-title{align-items:center}.search-song{grid-template-columns:28px 52px minmax(0,1fr) auto auto}.search-song>.meta{display:none}.library-page{padding:0 12px}.library-hero{grid-template-columns:1fr;gap:16px;min-height:0;padding:16px}.library-orbit{justify-self:center;width:min(100%,240px)}.library-hero-copy h2{font-size:36px}.library-vitals{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.library-vitals span{min-width:0;padding:10px}.library-vitals strong{text-overflow:ellipsis;white-space:nowrap;font-size:20px;overflow:hidden}.library-feature-grid{grid-template-columns:1fr}.library-feature-card{min-height:180px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.library-playlist-card{min-height:0;padding:8px}.library-title{align-items:center}.home-hero{grid-template-columns:1fr;padding:14px}.home-hero-copy{min-height:auto;padding:6px 6px 0}.home-hero-stats{max-width:none}.phone-login-card{padding:14px}.captcha-row{grid-template-columns:1fr}.rank-stage{grid-template-columns:1fr;min-height:196px;padding:0 34px}.rank-nav{width:28px;height:62px;font-size:24px}.rank-card{grid-template-columns:88px minmax(0,1fr);min-height:172px;padding:12px}.rank-card.slot-left,.rank-card.slot-right{display:none}.rank-card img{width:78px;height:78px}.playlist-rail{grid-auto-columns:minmax(150px,68vw)}.playlist-rail-wrap{padding:0}.rail-nav{display:none}.song{grid-template-columns:28px 52px minmax(0,1fr) auto}.song img{width:52px;height:52px}.song>.meta{display:none}.queue-item{grid-template-columns:28px 52px minmax(0,1fr)}.queue-item:before{left:14px}.queue-item>img{width:52px;height:52px}.queue-actions{grid-column:1/-1;justify-content:flex-start;padding-left:40px}.modal-panel{width:auto;left:10px;right:10px;bottom:calc(166px + env(safe-area-inset-bottom,0px));max-height:min(68vh,100vh - 164px);padding:12px}.playlist-dock{padding:0}.playlist-dock-hero{grid-template-columns:76px minmax(0,1fr) 34px;gap:12px;min-height:112px;padding:12px}.playlist-dock-disc{width:72px;height:72px}.playlist-dock-disc img{width:34px;height:34px;inset:19px}.playlist-dock-copy h2{font-size:19px}.playlist-dock-copy p{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.playlist-close{width:34px;height:34px;font-size:21px}.queue-track-list{gap:9px;padding:10px}.player{min-height:154px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(90deg, #05080ed1, rgba(var(--cover-shadow-rgb,14, 18, 28), .52), #05080ed1), radial-gradient(circle at 18% 0%, rgba(var(--cover-accent-rgb,236, 65, 65), .24), transparent 44%), var(--song-bg) center/cover no-repeat;box-shadow:0 -12px 34px rgba(var(--cover-shadow-rgb,14, 18, 28), .34);-webkit-backdrop-filter:saturate(1.04);background-size:100% 100%,100% 100%,cover;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main controls""progress progress""tools tools";gap:8px 10px}.player:before{filter:saturate(1.04)brightness(.88);opacity:1;inset:0;transform:none}.player:after{background:linear-gradient(90deg, #06090fa8, rgba(var(--cover-shadow-rgb,14, 18, 28), .34), #06090fa8), linear-gradient(0deg, #05080e8a, #05080e29)}.player-wave{display:none}.player-main{grid-area:main;gap:10px;min-width:0}.player-main img{width:50px;height:50px}.player-main strong{max-width:42vw}.player-main small,.player-main .meta{max-width:54vw}.heart{width:36px;height:36px}.player-center{display:contents}.transport{grid-area:controls;justify-content:flex-end;gap:8px}.transport button{width:38px;height:38px;font-size:24px}.player-center .play{width:48px;height:48px;font-size:16px}.progress-row{grid-area:progress;grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;width:100%}.player-tools{scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-area:tools;justify-content:flex-start;gap:6px;width:100%;padding-bottom:2px;overflow-x:auto}.player-tools::-webkit-scrollbar{display:none}.player-tools>button,.player-tools>.tool-anchor>button{white-space:nowrap;flex:none;min-width:58px;padding:8px 10px;font-size:14px}.player-tools>button:last-child{min-width:78px}.tool-popover{min-width:140px;bottom:46px;left:50%;right:auto;transform:translate(-50%)}.volume-popover{min-width:min(240px,100vw - 28px)}.lyric-strip{top:calc(6px + env(safe-area-inset-top,0px));width:calc(100vw - 20px);min-height:38px;font-size:14px}.player{left:20px;right:20px;bottom:calc(72px + env(safe-area-inset-bottom,0px));color:#202436;-webkit-backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #dee5f0db;border-radius:999px;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"main controls tools";align-items:center;gap:10px;min-height:66px;padding:8px 12px;box-shadow:0 16px 38px #1c243624}.player:before,.player:after{display:none}.player-main img{border-color:#fffc;width:50px;height:50px;box-shadow:0 8px 18px #1419262e}.player-main strong{color:#202436;max-width:min(48vw,280px);font-size:18px}.player-main .meta{color:#777e8d;text-overflow:ellipsis;white-space:nowrap;max-width:min(48vw,280px);font-size:15px;overflow:hidden}.player-main small,.heart,.progress-row,.transport button:first-child,.transport button:last-child,.player-tools .tool-anchor,.player-tools>button:not(:last-child){display:none}.transport{grid-area:controls;gap:0}.player-center .play{color:#fff;background:linear-gradient(135deg,#ff5a5a,#ec4141);border:0;width:44px;height:44px;font-size:17px;line-height:1;box-shadow:0 10px 22px #ec414147,inset 0 1px #ffffff47}.player-tools{grid-area:tools;width:auto;padding:0;overflow:visible}.player-tools>button:last-child{color:#202436;width:42px;min-width:42px;height:42px;box-shadow:none;background:0 0;border:0;place-items:center;padding:0;font-size:0;display:grid}.player-tools>button:last-child .tool-icon{color:#202436;width:42px;height:42px;box-shadow:none;background:0 0;font-size:28px}.player-tools>button:last-child>span:not(.tool-icon){display:none}.player-tools>.comment-tool{color:#202436;width:42px;min-width:42px;height:42px;box-shadow:none;background:0 0;border:0;place-items:center;padding:0;font-size:0;display:grid}.player-tools>.comment-tool .tool-icon{color:#202436;width:42px;height:42px;box-shadow:none;background:0 0;font-size:22px}.player-tools>.comment-tool>span:not(.tool-icon){display:none}.comment-line{top:calc(9px + var(--comment-row,0) * 16px);max-width:min(72vw,380px);padding:3px 8px;font-size:11px}.player-tools>button:last-child:before{content:none}body[data-device=mobile] .shell{padding-bottom:calc(130px + env(safe-area-inset-bottom,0px))}body[data-device=mobile] main{padding:calc(8px + env(safe-area-inset-top,0px)) 0 calc(130px + env(safe-area-inset-bottom,0px))}body[data-device=mobile] .panel{margin-bottom:12px;padding:14px}body[data-device=mobile] .section-title h2,body[data-device=mobile] .settings-hero-copy h2{font-size:24px;line-height:1.18}body[data-device=mobile] .settings-orb{width:126px}body[data-device=mobile] .mobile-app-head{padding:0 14px 2px}body[data-device=mobile] .mobile-head-menu,body[data-device=mobile] .mobile-head-search{border-radius:12px;width:38px;height:38px;font-size:26px}body[data-device=mobile] .mobile-head-search{font-size:32px}body[data-device=mobile] .sidebar{height:calc(64px + env(safe-area-inset-bottom,0px));padding:5px 10px calc(6px + env(safe-area-inset-bottom,0px))}body[data-device=mobile] .sidebar button{min-height:48px;padding:16px 2px 1px;font-size:12px}body[data-device=mobile] .sidebar button:before{margin-top:-25px;font-size:16px}body[data-device=mobile] .sidebar .nav-icon{width:26px;height:26px;font-size:15px}body[data-device=mobile] .sidebar .nav-text{font-size:11.5px;line-height:1.05}body[data-device=mobile] .mobile-bind-prompt{grid-template-columns:42px minmax(0,1fr);width:calc(100% - 32px);margin:2px 16px 12px;padding:11px}body[data-device=mobile] .mobile-bind-prompt span{width:42px;height:42px}body[data-device=mobile] .mobile-bind-prompt strong{font-size:15px}body[data-device=mobile] .mobile-home-intro{gap:6px 10px;padding:4px 16px 10px}body[data-device=mobile] .mobile-home-intro span{font-size:12px}body[data-device=mobile] .mobile-home-intro h2{font-size:24px;line-height:1.1}body[data-device=mobile] .mobile-home-intro .action-button,body[data-device=mobile] .mobile-section-title-row .action-button{min-height:32px;padding:5px 10px 5px 5px;font-size:12px}body[data-device=mobile] .mobile-home-stats{gap:6px;padding:0 16px 14px}body[data-device=mobile] .mobile-home-stats span{gap:2px;padding:8px 9px}body[data-device=mobile] .mobile-home-stats small{font-size:10px}body[data-device=mobile] .mobile-home-stats strong{font-size:14px}body[data-device=mobile] .mobile-card-rail{grid-auto-columns:142px;gap:10px;padding:0 16px 22px}body[data-device=mobile] .mobile-feature-card{grid-column:auto;min-height:164px;box-shadow:0 10px 24px #161e2d1f}body[data-device=mobile] .mobile-feature-card.is-daily{grid-column:auto}body[data-device=mobile] .mobile-card-title{font-size:17px;top:10px;left:11px;right:10px}body[data-device=mobile] .mobile-card-subtitle{font-size:12px;bottom:12px;left:11px;right:11px}body[data-device=mobile] .mobile-card-play{width:34px;height:34px;font-size:14px;bottom:46px;right:10px}body[data-device=mobile] .mobile-rank-section,body[data-device=mobile] .mobile-song-section{padding:0 16px 22px}body[data-device=mobile] .mobile-section-title-row{gap:8px}body[data-device=mobile] .mobile-song-section h2{margin-bottom:12px;font-size:20px;line-height:1.2}body[data-device=mobile] .mobile-section-title-row h2{margin-bottom:12px}body[data-device=mobile] .mobile-rank-card{grid-template-columns:62px minmax(0,1fr);gap:10px;min-height:96px;padding:10px}body[data-device=mobile] .mobile-rank-card img{width:62px;height:62px}body[data-device=mobile] .mobile-rank-card strong{font-size:16px}body[data-device=mobile] .mobile-rank-card small,body[data-device=mobile] .mobile-rank-card li{font-size:12px}body[data-device=mobile] .mobile-rank-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}body[data-device=mobile] .mobile-rank-mini{color:#111528;text-align:left;background:#ffffffad;border:1px solid #d3dbe894;border-radius:8px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:58px;padding:7px;display:grid;box-shadow:0 8px 18px #151c2a0d}body[data-device=mobile] .mobile-rank-mini img{object-fit:cover;border-radius:6px;width:44px;height:44px}body[data-device=mobile] .mobile-rank-mini span{gap:2px;min-width:0;display:grid}body[data-device=mobile] .mobile-rank-mini strong,body[data-device=mobile] .mobile-rank-mini small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}body[data-device=mobile] .mobile-rank-mini strong{font-size:13px;line-height:1.15}body[data-device=mobile] .mobile-rank-mini small{color:#8e94a2;font-size:11px}body[data-device=mobile] .mobile-filter-row{gap:7px;margin:-2px -16px 12px;padding:0 16px 3px}body[data-device=mobile] .mobile-filter-row button{min-height:32px;padding:6px 12px;font-size:12px}body[data-device=mobile] .mobile-song-info{gap:4px}body[data-device=mobile] .mobile-song-info strong{font-size:16px;line-height:1.16}body[data-device=mobile] .mobile-song-info em{margin-right:5px;padding:1px 5px;font-size:11px}body[data-device=mobile] .mobile-row-play{width:30px;height:30px;font-size:12px}body[data-device=mobile] .mobile-playlist-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 10px}body[data-device=mobile] .mobile-playlist-card span{margin-top:6px;font-size:12px}body[data-device=mobile] .mobile-empty,body[data-device=mobile] .mobile-message{font-size:12px}body[data-device=mobile] .modal-panel{bottom:calc(130px + env(safe-area-inset-bottom,0px));max-height:min(70vh,100vh - 138px)}body[data-device=mobile] .lyric-strip{top:calc(5px + env(safe-area-inset-top,0px));width:calc(100vw - 16px);min-height:32px;font-size:12px}body[data-device=mobile] .player{left:14px;right:14px;bottom:calc(62px + env(safe-area-inset-bottom,0px));gap:7px;min-height:56px;padding:6px 9px;box-shadow:0 12px 30px #1c243621}body[data-device=mobile] .player-main{gap:8px}body[data-device=mobile] .player-main img{width:42px;height:42px}body[data-device=mobile] .player-main strong{max-width:min(43vw,210px);font-size:15px;line-height:1.12}body[data-device=mobile] .player-main .meta{max-width:min(43vw,210px);font-size:12px}body[data-device=mobile] .player-center .play{width:40px;height:40px;font-size:14px;box-shadow:0 8px 18px #ec41413d,inset 0 1px #ffffff3d}body[data-device=mobile] .player-center .play .ui-icon{width:18px;height:18px;font-size:18px}body[data-device=mobile] .player-tools>.comment-tool{display:none}body[data-device=mobile] .player-tools>button:last-child{width:38px;min-width:38px;height:38px}body[data-device=mobile] .player-tools>button:last-child .tool-icon{width:38px;height:38px;font-size:24px}body[data-device=mobile] .full-player{padding:calc(10px + env(safe-area-inset-top,0px)) 14px calc(12px + env(safe-area-inset-bottom,0px));grid-template-rows:auto minmax(92px,18dvh) minmax(0,1fr) auto auto auto;gap:6px}body[data-device=mobile] .full-player-top{grid-template-columns:36px minmax(0,1fr) 36px;gap:8px}body[data-device=mobile] .full-player-top strong{font-size:16px}body[data-device=mobile] .full-player-top span{font-size:12px}body[data-device=mobile] .full-player-close{width:34px;height:34px}body[data-device=mobile] .full-cover{width:clamp(92px,min(40vw,18dvh),168px);box-shadow:0 18px 48px #0000004d,0 0 0 7px #ffffff0a}body[data-device=mobile] .full-cover span{width:48px;height:48px}body[data-device=mobile] .full-lyrics{gap:4px;padding:4px 2px}body[data-device=mobile] .full-lyrics span{font-size:clamp(10px,2.05dvh,12px);line-height:1.3}body[data-device=mobile] .full-lyrics span.active{font-size:clamp(17px,min(5.2vw,4.2dvh),22px);line-height:1.24}body[data-device=mobile] .full-progress{grid-template-columns:34px minmax(0,1fr) 34px;gap:8px;font-size:11px}body[data-device=mobile] .full-controls{gap:16px}body[data-device=mobile] .full-controls button{width:44px;height:44px}body[data-device=mobile] .full-controls .primary{width:58px;height:58px}body[data-device=mobile] .full-tools,body[data-device=mobile] .full-quality{gap:7px;width:calc(100% + 28px);margin-inline:-14px;padding-inline:14px}body[data-device=mobile] .full-tools button,body[data-device=mobile] .full-quality button{min-height:34px;padding:6px 10px;font-size:13px}body[data-device=mobile] .full-tools span{width:21px;height:21px}body[data-device=mobile] .full-quality button{min-width:72px}body[data-device=mobile] .full-quality small,body[data-device=mobile] .full-quality button span{font-size:11px}body[data-device=mobile] .mobile-home-intro h2{font-size:22px}body[data-device=mobile] .mobile-hero-comment{grid-template-columns:36px minmax(0,1fr);width:calc(100% - 32px);min-height:48px;margin:-4px 16px 10px;padding:6px}body[data-device=mobile] .mobile-hero-comment img{width:36px;height:36px}body[data-device=mobile] .mobile-hero-comment small{font-size:10px}body[data-device=mobile] .mobile-hero-comment strong{font-size:11.5px}body[data-device=mobile] .mobile-home-stats{padding-bottom:10px}body[data-device=mobile] .mobile-home-stats span{padding:6px 8px}body[data-device=mobile] .mobile-card-rail{grid-auto-columns:126px;gap:8px;padding-bottom:18px}body[data-device=mobile] .mobile-feature-card{min-height:138px}body[data-device=mobile] .mobile-card-title{font-size:15px}body[data-device=mobile] .mobile-card-subtitle{font-size:11px}body[data-device=mobile] .mobile-card-play{width:30px;height:30px;bottom:38px}body[data-device=mobile] .mobile-rank-section,body[data-device=mobile] .mobile-song-section{padding-bottom:18px}body[data-device=mobile] .mobile-song-section h2{font-size:18px}body[data-device=mobile] .mobile-rank-grid{gap:7px}body[data-device=mobile] .mobile-rank-mini{grid-template-columns:38px minmax(0,1fr);min-height:50px;padding:6px}body[data-device=mobile] .mobile-rank-mini img{width:38px;height:38px}body[data-device=mobile] .mobile-rank-mini strong{font-size:12px}body[data-device=mobile] .mobile-rank-mini small{font-size:10px}body[data-device=mobile] .mobile-song-list{gap:6px}body[data-device=mobile] .mobile-song-row{grid-template-columns:44px minmax(0,1fr) 28px;gap:8px;min-height:50px;padding:5px}body[data-device=mobile] .mobile-song-row img{width:44px;height:44px}body[data-device=mobile] .mobile-song-info strong{font-size:14.5px}body[data-device=mobile] .mobile-song-info small{font-size:11.5px}body[data-device=mobile] .mobile-row-play{width:26px;height:26px}body[data-device=mobile] .mobile-playlist-grid{gap:9px 7px}body[data-device=mobile] .mobile-playlist-card img{border-radius:7px}body[data-device=mobile] .mobile-playlist-card span{margin-top:5px;font-size:10.5px;line-height:1.18}body[data-device=mobile] .search-page,body[data-device=mobile] .library-page,body[data-device=mobile] .settings-page,body[data-device=mobile] .monitor-page,body[data-device=mobile] .admin-page{gap:10px;padding-inline:10px}body[data-device=mobile] .search-hero,body[data-device=mobile] .library-hero,body[data-device=mobile] .settings-hero,body[data-device=mobile] .admin-hero,body[data-device=mobile] .monitor-hero{border-radius:8px;gap:10px;min-height:0;padding:10px}body[data-device=mobile] .search-hero,body[data-device=mobile] .library-hero,body[data-device=mobile] .settings-hero,body[data-device=mobile] .admin-hero{grid-template-columns:54px minmax(0,1fr);align-items:center}body[data-device=mobile] .search-radar,body[data-device=mobile] .library-orbit,body[data-device=mobile] .settings-orb,body[data-device=mobile] .admin-crown{justify-self:start;width:54px;height:54px;font-size:24px}body[data-device=mobile] .search-radar span,body[data-device=mobile] .search-radar i,body[data-device=mobile] .library-orbit:before,body[data-device=mobile] .library-orbit:after,body[data-device=mobile] .settings-hero:before,body[data-device=mobile] .admin-hero:before{display:none}body[data-device=mobile] .search-radar:after{width:42px;height:42px;font-size:20px}body[data-device=mobile] .library-orbit img,body[data-device=mobile] .library-orbit>span{border-width:1px;width:28px;height:28px}body[data-device=mobile] .library-orbit img:first-child{top:4px;left:4px;transform:none}body[data-device=mobile] .library-orbit img:nth-child(2){bottom:5px;right:4px}body[data-device=mobile] .library-orbit img:nth-child(3){bottom:2px;left:14px}body[data-device=mobile] .settings-orb span{width:54px;height:54px}body[data-device=mobile] .search-copy,body[data-device=mobile] .library-hero-copy,body[data-device=mobile] .settings-hero-copy,body[data-device=mobile] .admin-hero-copy{gap:4px}body[data-device=mobile] .search-copy h2,body[data-device=mobile] .library-hero-copy h2,body[data-device=mobile] .settings-hero-copy h2,body[data-device=mobile] .admin-hero-copy h2,body[data-device=mobile] .monitor-hero h2{font-size:21px;line-height:1.12}body[data-device=mobile] .search-copy p,body[data-device=mobile] .library-hero-copy p,body[data-device=mobile] .settings-hero-copy p,body[data-device=mobile] .admin-hero-copy p,body[data-device=mobile] .monitor-hero p{display:none}body[data-device=mobile] .search-kicker,body[data-device=mobile] .library-kicker,body[data-device=mobile] .settings-hero-copy span,body[data-device=mobile] .admin-hero-copy span,body[data-device=mobile] .monitor-kicker{font-size:10px}body[data-device=mobile] .search-console{grid-column:1/-1;gap:6px}body[data-device=mobile] .search-row{grid-template-columns:minmax(0,1fr) 72px;gap:6px}body[data-device=mobile] .search-row input,body[data-device=mobile] .monitor-toolbar input,body[data-device=mobile] .admin-user-toolbar input{min-height:36px;padding-inline:10px;font-size:13px}body[data-device=mobile] .search-row button{justify-content:center;min-width:0;min-height:36px;padding:0 10px;font-size:13px}body[data-device=mobile] .search-chips{scrollbar-width:none;flex-wrap:nowrap;gap:5px;overflow-x:auto}body[data-device=mobile] .search-chips::-webkit-scrollbar{display:none}body[data-device=mobile] .search-chips button{flex:none;padding:5px 8px;font-size:11px}body[data-device=mobile] .search-results{padding:9px}body[data-device=mobile] .search-result-title h2,body[data-device=mobile] .library-title h2,body[data-device=mobile] .section-title h2{font-size:18px}body[data-device=mobile] .search-result-title>strong{padding:5px 8px;font-size:12px}body[data-device=mobile] .search-song{grid-template-columns:22px 40px minmax(0,1fr) 32px 32px;gap:7px;min-height:50px;padding:5px 6px}body[data-device=mobile] .search-song img{width:40px;height:40px}body[data-device=mobile] .search-song strong{font-size:13px}body[data-device=mobile] .search-song .meta{font-size:11px}body[data-device=mobile] .search-song:before{width:3px;top:8px;bottom:8px}body[data-device=mobile] .search-song .add-playlist.is-compact .add-playlist-trigger,body[data-device=mobile] .search-play{width:30px;min-width:30px;height:30px}body[data-device=mobile] .search-empty{min-height:120px;padding:12px}body[data-device=mobile] .search-empty span{width:44px;height:44px;font-size:20px}body[data-device=mobile] .library-vitals{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}body[data-device=mobile] .library-vitals span{padding:7px}body[data-device=mobile] .library-vitals small{font-size:10px}body[data-device=mobile] .library-vitals strong{font-size:14px}body[data-device=mobile] .library-hero-actions{gap:6px}body[data-device=mobile] .library-hero-actions button{min-height:32px;padding:6px 10px;font-size:12px}body[data-device=mobile] .library-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-device=mobile] .library-feature-card{min-height:94px;padding:8px}body[data-device=mobile] .library-feature-card img{width:38px;height:38px;top:8px;right:8px}body[data-device=mobile] .library-feature-card span{padding:3px 7px;font-size:10px}body[data-device=mobile] .library-feature-card strong{max-width:calc(100% - 30px);margin-top:30px;font-size:13px}body[data-device=mobile] .library-feature-card small{margin-top:3px;font-size:10px}body[data-device=mobile] .library-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 7px}body[data-device=mobile] .library-playlist-card{box-shadow:none;background:0 0;border:0;padding:0}body[data-device=mobile] .library-playlist-card img{border-radius:7px}body[data-device=mobile] .library-card-glow{display:none}body[data-device=mobile] .library-playlist-card strong{margin-top:5px;font-size:10.5px;line-height:1.18}body[data-device=mobile] .library-playlist-card .meta{display:none}body[data-device=mobile] .settings-status-grid{grid-column:1/-1;gap:6px}body[data-device=mobile] .settings-status-grid span{padding:7px}body[data-device=mobile] .settings-status-grid small{font-size:10px}body[data-device=mobile] .settings-status-grid strong{font-size:13px}body[data-device=mobile] .settings-card{padding:10px}body[data-device=mobile] .settings-card-head{gap:9px}body[data-device=mobile] .settings-card-icon{width:34px;height:34px;font-size:12px}body[data-device=mobile] .settings-card-head h2{font-size:16px}body[data-device=mobile] .settings-card-head small{font-size:10px}body[data-device=mobile] .netease-profile{grid-template-columns:42px minmax(0,1fr) auto;gap:8px}body[data-device=mobile] .netease-profile img{width:42px;height:42px}body[data-device=mobile] .netease-profile span{grid-column:auto;font-size:10px}body[data-device=mobile] .phone-login-card,body[data-device=mobile] .account-compact-body,body[data-device=mobile] .settings-empty-link{padding:10px}body[data-device=mobile] .phone-login-head p,body[data-device=mobile] .settings-empty-link p{display:none}body[data-device=mobile] .theme-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body[data-device=mobile] .theme-choice{min-height:46px;padding:8px}body[data-device=mobile] .monitor-hero{align-items:center}body[data-device=mobile] .monitor-hero button,body[data-device=mobile] .admin-refresh{width:auto;min-height:32px;padding:6px 10px;font-size:12px}body[data-device=mobile] .monitor-stats,body[data-device=mobile] .admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}body[data-device=mobile] .monitor-stats span,body[data-device=mobile] .admin-stats span,body[data-device=mobile] .admin-stats button{padding:8px 7px}body[data-device=mobile] .monitor-stats small,body[data-device=mobile] .admin-stats small{margin-bottom:2px;font-size:10px}body[data-device=mobile] .monitor-stats strong,body[data-device=mobile] .admin-stats strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}body[data-device=mobile] .monitor-chart{padding:10px}body[data-device=mobile] .monitor-bars{gap:5px;height:96px}body[data-device=mobile] .monitor-bars span{font-size:10px}body[data-device=mobile] .monitor-toolbar,body[data-device=mobile] .admin-user-toolbar{grid-template-columns:1fr;gap:7px;padding:9px}body[data-device=mobile] .monitor-filters,body[data-device=mobile] .admin-user-filters{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}body[data-device=mobile] .monitor-filters::-webkit-scrollbar{display:none}body[data-device=mobile] .admin-user-filters::-webkit-scrollbar{display:none}body[data-device=mobile] .monitor-filters button,body[data-device=mobile] .admin-user-filters button{flex:none;min-height:30px;padding:5px 10px;font-size:11px}body[data-device=mobile] .monitor-users{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:9px}body[data-device=mobile] .monitor-user-card{gap:3px;min-height:0;padding:8px}body[data-device=mobile] .monitor-user-card strong{font-size:12.5px}body[data-device=mobile] .monitor-user-card span,body[data-device=mobile] .monitor-user-card small{font-size:10.5px}body[data-device=mobile] .monitor-detail{padding:10px}body[data-device=mobile] .monitor-drawer-hero{grid-template-columns:42px minmax(0,1fr) auto;gap:8px;padding:9px}body[data-device=mobile] .monitor-drawer-avatar{width:42px;height:42px}body[data-device=mobile] .monitor-drawer-hero h2{font-size:17px}body[data-device=mobile] .monitor-control-panel{gap:7px}body[data-device=mobile] .monitor-control-group{padding:8px}body[data-device=mobile] .monitor-control-group button{min-height:30px;padding:5px 9px;font-size:11px}body[data-device=mobile] .monitor-detail-grid,body[data-device=mobile] .monitor-cookie-box{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}body[data-device=mobile] .monitor-detail-grid span,body[data-device=mobile] .monitor-cookie-box span,body[data-device=mobile] .monitor-records span{padding:8px}body[data-device=mobile] .monitor-subsection{margin-top:12px}body[data-device=mobile] .admin-hero{grid-template-columns:46px minmax(0,1fr) auto}body[data-device=mobile] .admin-crown{width:46px;height:46px;font-size:22px}body[data-device=mobile] .admin-policy-panel,body[data-device=mobile] .admin-user-toolbar,body[data-device=mobile] .admin-list,body[data-device=mobile] .admin-user{gap:8px}body[data-device=mobile] .admin-policy-panel,body[data-device=mobile] .admin-user{padding:10px}body[data-device=mobile] .admin-policy-card{gap:7px;padding:9px}body[data-device=mobile] .admin-switches button,body[data-device=mobile] .theme-tier-switch button{min-height:30px;padding:5px 8px;font-size:11px}body[data-device=mobile] .admin-list-head,body[data-device=mobile] .admin-pagination,body[data-device=mobile] .monitor-pagination{gap:6px;font-size:12px}body[data-device=mobile] .admin-user-head{grid-template-columns:40px minmax(0,1fr) auto;gap:8px}body[data-device=mobile] .admin-avatar{width:40px;height:40px;font-size:17px}body[data-device=mobile] .admin-user-head strong{font-size:13px}body[data-device=mobile] .admin-user-head .meta,body[data-device=mobile] .admin-date-control small,body[data-device=mobile] .admin-permissions button small{font-size:10.5px}body[data-device=mobile] .admin-user-actions,body[data-device=mobile] .admin-control-grid,body[data-device=mobile] .admin-permissions{gap:7px}body[data-device=mobile] .admin-user-actions button,body[data-device=mobile] .admin-pagination button,body[data-device=mobile] .monitor-pagination button{min-height:30px;padding:5px 9px;font-size:11px}body[data-device=mobile] .admin-date-control{grid-template-columns:72px minmax(0,1fr);gap:7px;padding:8px}body[data-device=mobile] .admin-date-control small{grid-column:1/-1}body[data-device=mobile] .admin-permissions{padding:8px}body[data-device=mobile] .admin-permissions>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}body[data-device=mobile] .admin-permissions button{min-height:48px;padding:7px;font-size:11.5px}.welcome-card{width:calc(100vw - 24px);padding:28px 18px}.welcome-card h2{font-size:clamp(24px,8vw,34px)}@media (width>=640px){body[data-device=mobile] main{width:min(100%,820px);margin:0 auto}body[data-device=mobile] .sidebar{width:min(100%,820px);left:50%;transform:translate(-50%)}body[data-device=mobile] .player{left:max(20px,50vw - 390px);right:max(20px,50vw - 390px)}body[data-device=mobile] .modal-panel{left:max(10px,50vw - 400px);right:max(10px,50vw - 400px)}body[data-device=mobile] .mobile-playlist-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}body[data-device=desktop] .shell{grid-template-columns:94px minmax(0,1fr);min-width:0;padding-bottom:118px}body[data-device=desktop] .sidebar{background:#ffffffb3;border-top:0;height:100vh;padding:16px 8px;display:block;position:sticky;top:0;bottom:auto;box-shadow:10px 0 28px #12181f0f}body[data-device=desktop] .brand{text-align:center;justify-items:center;gap:8px;padding:0 0 20px;display:grid}body[data-device=desktop] .brand span{width:42px;height:42px}body[data-device=desktop] .brand strong{font-size:12px;line-height:1.15}body[data-device=desktop] .sidebar button{color:#3f454d;min-height:0;font-size:14px;font-weight:inherit;text-align:center;border-radius:7px;margin:5px 0;padding:10px 6px;display:block}body[data-device=desktop] .sidebar button:before{content:none}body[data-device=desktop] .sidebar button.active{color:var(--red);box-shadow:inset 3px 0 0 var(--red);background:#ffffffbd}body[data-device=desktop] main{min-width:0;padding:14px 10px 28px;overflow:visible}body[data-device=desktop] .topbar{grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:14px;display:grid}body[data-device=desktop] .topbar h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:24px;line-height:1.15;overflow:hidden}body[data-device=desktop] .account-pill{justify-self:start;max-width:100%;padding:6px 10px 6px 6px;font-size:12px}body[data-device=desktop] .mobile-app-head,body[data-device=desktop] .mobile-home{display:none}body[data-device=desktop] .desktop-home{display:block}body[data-device=desktop] .panel{margin-bottom:14px;padding:12px}body[data-device=desktop] .hero{min-height:196px}body[data-device=desktop] .section-title{align-items:flex-start}body[data-device=desktop] .section-title h2{margin-top:0;font-size:22px;line-height:1.18}body[data-device=desktop] .filters{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;margin:0 -12px 14px;padding:0 12px 2px;overflow-x:auto}body[data-device=desktop] .filters::-webkit-scrollbar{display:none}body[data-device=desktop] .filters button{flex:none}body[data-device=desktop] .home-card{min-height:176px}body[data-device=desktop] .playlist-rail{grid-auto-columns:minmax(132px,72vw)}body[data-device=desktop] .player{min-height:112px;padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));color:#fff;background:linear-gradient(90deg, #05080ec7, rgba(var(--cover-shadow-rgb,14, 18, 28), .48) 48%, #05080ec7), radial-gradient(circle at 18% 0%, rgba(var(--cover-accent-rgb,236, 65, 65), .28), transparent 44%), var(--song-bg) center/cover no-repeat;box-shadow:0 -18px 54px rgba(var(--cover-shadow-rgb,14, 18, 28), .38);border:0;border-top:1px solid #ffffff1f;border-radius:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main controls""progress progress""tools tools";gap:8px 10px;bottom:0;left:0;right:0}body[data-device=desktop] .player:before,body[data-device=desktop] .player:after{display:block}body[data-device=desktop] .player-main img{width:48px;height:48px;box-shadow:0 10px 28px #00000057, 0 0 0 6px rgba(var(--cover-accent-rgb,236, 65, 65), .16);border:1px solid #ffffff38}body[data-device=desktop] .player-main strong{max-width:42vw;color:inherit;font-size:15px}body[data-device=desktop] .player-main .meta{max-width:46vw;color:var(--muted);font-size:12px}body[data-device=desktop] .player-main small,body[data-device=desktop] .heart,body[data-device=desktop] .progress-row,body[data-device=desktop] .transport button:first-child,body[data-device=desktop] .transport button:last-child,body[data-device=desktop] .player-tools .tool-anchor,body[data-device=desktop] .player-tools>button:not(:last-child){display:revert}body[data-device=desktop] .player-center{display:contents}body[data-device=desktop] .transport{grid-area:controls;gap:6px}body[data-device=desktop] .transport button{width:34px;height:34px;font-size:22px}body[data-device=desktop] .player-center .play{color:#fffffff5;background:radial-gradient(circle at 34% 28%, #ffffff94, transparent 24%), conic-gradient(from 180deg, #ffffff2e, rgba(var(--cover-accent-rgb,236, 65, 65), .95), rgba(var(--cover-shadow-rgb,14, 18, 28), .92), #ffffff2e);width:42px;height:42px;box-shadow:0 0 0 7px rgba(var(--cover-accent-rgb,236, 65, 65), .18), 0 16px 34px rgba(var(--cover-accent-rgb,236, 65, 65), .42);border:1px solid #ffffff24;font-size:15px}body[data-device=desktop] .player-tools{scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-area:tools;justify-content:flex-start;gap:6px;width:100%;padding-bottom:2px;overflow-x:auto}body[data-device=desktop] .player-tools::-webkit-scrollbar{display:none}body[data-device=desktop] .progress-row{grid-area:progress;grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;width:100%}body[data-device=desktop] .player-tools>button:last-child{background:linear-gradient(#ffffff1c, #ffffff0e) padding-box, conic-gradient(from 150deg, #ffffff38, rgba(var(--cover-accent-rgb,236, 65, 65), .46), #ffffff1a, #ffffff38) border-box;border:1px solid #ffffff24;width:auto;min-width:76px;height:auto;padding:7px 11px 7px 7px;font-size:13px;box-shadow:inset 0 1px #ffffff29,0 8px 18px #0000002e}body[data-device=desktop] .player-tools>button,body[data-device=desktop] .player-tools>.tool-anchor>button{white-space:nowrap;flex:none;min-width:58px;padding:8px 10px;font-size:13px}body[data-device=desktop] .player-tools>button:last-child:before{content:none}}