:root{color-scheme:dark;--bg: #0f0f14;--panel: #1a1a22;--panel-2: #22222c;--text-dim: #9a9aa8;--accent: #6c8cff;--danger: #ff6b6b;--on-accent: #fff;--like: #ff6b81;--accent-rgb: 108 140 255;--danger-rgb: 255 107 107;--topbar-bg: rgba(15, 15, 20, .92);--player-bg: rgba(26, 26, 34, .97);--overlay-bg: rgba(15, 15, 20, .97);--placeholder: rgba(154, 154, 168, .7);--spectrum-top: #8aa4ff;--spectrum-bottom: rgba(108, 140, 255, .55);--text: #f2f2f5;--surface-hover: rgba(255, 255, 255, .06);--input-border: rgba(255, 255, 255, .18);--row-hover: rgba(255, 255, 255, .04);--float-bg: rgba(255, 255, 255, .1);--scrollbar-thumb: rgba(255, 255, 255, .16);--scrollbar-thumb-hover: rgba(255, 255, 255, .28);--range-thumb: #fff;--range-buffered: rgb(255 255 255 / .2);--range-track: rgb(255 255 255 / .1);--tip-bg: rgb(0 0 0 / .75);--tip-text: #fff;--skin-gradient: none;--player-h: 88px;--topbar-h: 53px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}body.no-scroll{overflow:hidden}html{min-height:100%;background:var(--bg)}body{margin:0;background:transparent;color:var(--text);font-family:-apple-system,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh}@media (max-width: 959px){body:after{content:"";position:fixed;left:0;right:0;bottom:0;height:48px;background:var(--player-bg);pointer-events:none;z-index:19}}@media (display-mode: standalone) and (max-width: 959px){html,body{background:var(--player-bg)}.app{background:var(--bg)}body:after{height:34px}}.app{max-width:720px;margin:0 auto;min-height:100vh;min-height:100dvh;padding-bottom:calc(var(--player-h) + var(--safe-bottom))}@media (min-width: 960px){.app{max-width:none;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;padding-bottom:calc(var(--player-h) + var(--safe-bottom))}.app-body{flex:1;min-height:0;display:flex;align-items:stretch;gap:24px;padding:0 24px 16px}.app-body main{flex:1;min-width:0;min-height:0;overflow-y:auto}.lyric-panel{flex:0 0 460px;min-height:0;background:transparent;overflow:hidden;display:flex;flex-direction:column}}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:calc(14px + var(--safe-top)) 16px 14px;background:var(--topbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--panel-2)}.logo{min-width:0;max-width:calc(100% - 190px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:18px;color:var(--accent)}.topbar nav{display:flex;flex-shrink:0;gap:4px}.topbar nav a{color:var(--text-dim);text-decoration:none;padding:6px 12px;border-radius:8px;font-size:14px;transition:color .15s,background .15s}.topbar nav a:hover{color:var(--text);background:var(--surface-hover)}.topbar nav a.active{color:var(--text);background:var(--panel-2)}.page{padding:16px}.page>.card+.card{margin-top:16px}.search-row{display:flex;gap:8px;margin-bottom:14px}.search-row input,.search-row select,.card input,.card textarea,.song-item select{padding:10px 12px;border:1px solid var(--panel-2);border-radius:10px;background:var(--panel-2);color:var(--text);font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.search-row input:hover,.search-row select:hover,.card input:hover,.card textarea:hover{border-color:var(--input-border)}.search-row input:focus,.search-row select:focus,.card input:focus,.card textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .18)}.search-row input,.search-row select{flex:1;min-width:0}.search-row input::placeholder,.card input::placeholder,.card textarea::placeholder{color:var(--placeholder)}.search-row select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%),linear-gradient(135deg,var(--text-dim) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px;flex:0 1 38%;max-width:220px;text-overflow:ellipsis}.search-row button{flex-shrink:0;white-space:nowrap}.remote-source-import{margin:1rem 0 1.25rem}.input-row{display:flex;gap:.6rem;align-items:center}.input-row input{flex:1;min-width:0}@media (max-width: 640px){.input-row{align-items:stretch;flex-direction:column}}button{padding:10px 16px;border:none;border-radius:10px;background:var(--panel-2);color:var(--text);font-size:14px;cursor:pointer;transition:filter .15s,transform .1s,box-shadow .15s,background .15s}button:hover:not(:disabled){filter:brightness(1.15)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--on-accent);font-weight:600;box-shadow:0 4px 14px rgb(var(--accent-rgb) / .25)}button.primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 6px 18px rgb(var(--accent-rgb) / .35)}.msg{margin:8px 2px;color:var(--text-dim);font-size:13px}.song-list{list-style:none;margin:0;padding:0}.song-item{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--panel-2);border-radius:8px;transition:background .15s}.song-item:hover{background:var(--row-hover)}.song-main{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 8px;background:none;border-radius:0;text-align:left}.song-name{font-size:15px}.song-artist{font-size:12px;color:var(--text-dim)}.icon-btn{background:none;font-size:18px;color:var(--text-dim)}.empty{padding:32px 0;text-align:center;color:var(--text-dim);list-style:none}.playlist-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.playlist-count{margin-left:4px;color:currentColor;opacity:.75;font-size:12px;font-variant-numeric:tabular-nums}.playlist-action{width:40px;height:40px;padding:0;border-radius:8px}.playlist-rename-editor{display:flex;gap:8px;margin:0 0 12px}.playlist-rename-editor input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--panel-2);border-radius:8px;background:var(--panel-2);color:var(--text)}.playlist-rename-editor button{min-height:44px}.playlist-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:#0000009e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.playlist-picker{width:min(100%,440px);max-height:min(680px,84dvh);display:flex;flex-direction:column;gap:14px;padding:20px;overflow:hidden;border:1px solid var(--float-bg);border-radius:8px;background:var(--panel);box-shadow:0 18px 64px #00000073}.playlist-picker-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.playlist-picker-header h2{margin:0 0 5px;font-size:17px}.playlist-picker-song{color:var(--text-dim);font-size:13px;overflow-wrap:anywhere}.playlist-picker-list{min-height:0;overflow-y:auto}.playlist-picker-item{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--panel-2);border-radius:0;background:transparent;text-align:left}.playlist-picker-item:hover:not(:disabled){background:var(--panel-2)}.playlist-picker-item .playlist-count{flex:none;color:var(--text-dim)}.playlist-picker-create{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--panel-2)}.playlist-picker-create input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--panel-2);border-radius:8px;background:var(--panel-2);color:var(--text)}.playlist-picker-create button{min-height:44px}.tab{padding:8px 14px;border-radius:999px;background:var(--panel);transition:background .15s,color .15s}.tab:hover:not(.active){background:var(--panel-2)}.tab.active{background:var(--accent);color:var(--on-accent)}.tab.danger{color:var(--danger)}.card{display:flex;flex-direction:column;gap:12px;background:var(--panel);border:1px solid var(--panel-2);border-radius:16px;padding:24px}.card h2{margin:0;font-size:17px}.btn-row{display:flex;gap:8px}.player-bar{position:fixed;left:0;right:0;bottom:0;z-index:20;box-sizing:border-box;min-height:calc(var(--player-h) + var(--safe-bottom));padding:10px 16px calc(10px + var(--safe-bottom));background:var(--player-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--panel-2)}@media (display-mode: standalone) and (max-width: 959px){.app{padding-bottom:calc(var(--player-h) + 34px)}.player-bar{bottom:-34px;min-height:calc(var(--player-h) + 34px);padding-bottom:44px}}.player-inner{width:100%;max-width:688px;margin:0 auto;display:flex;align-items:center;gap:12px}.player-song{display:flex;align-items:center;gap:10px;width:32%;min-width:0;flex-shrink:1;cursor:pointer}.spectrum{flex:0 0 170px;width:170px;height:52px;display:flex;align-items:center;justify-content:flex-start;opacity:.92;pointer-events:none}.spectrum-canvas{width:100%;height:100%;display:block}.player-cover{width:52px;height:52px;border-radius:10px;object-fit:cover;flex-shrink:0}.player-cover.placeholder{display:flex;align-items:center;justify-content:center;background:var(--panel-2);color:var(--text-dim);font-size:22px}.player-meta{min-width:0}.player-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist{margin-top:2px;color:var(--text-dim);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.player-buttons{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:nowrap}.player-buttons button{display:inline-flex;align-items:center;justify-content:center;line-height:0}.play-btn{width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:16px}.play-btn svg{width:26px;height:26px}.mode-btn{color:var(--text-dim)}.mode-btn:hover:not(:disabled){color:var(--text)}.mode-btn.active{color:var(--accent)}.like-btn{color:var(--text-dim)}.like-btn:hover:not(:disabled){color:var(--text)}.like-btn.active{color:var(--like)}.volume-group{display:flex;align-items:center;gap:6px;color:var(--text-dim);margin-left:4px}.volume-group:hover{color:var(--text)}.volume-slider{width:72px}.player-progress{display:flex;align-items:center;gap:8px}.progress-wrap{position:relative;flex:1;min-width:0;--played: 0%;--buffered: 0%}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:16px;margin:0;padding:0;background:transparent;cursor:pointer}input[type=range]:disabled{cursor:default;opacity:.45}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--played),var(--range-buffered) var(--played),var(--range-buffered) var(--buffered),var(--range-track) var(--buffered),var(--range-track) 100%);box-shadow:0 0 10px rgb(var(--accent-rgb) / .22)}input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:var(--range-track)}input[type=range]::-moz-range-progress{height:4px;border-radius:999px;background:var(--accent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:var(--range-thumb);border:none;box-shadow:0 0 10px rgb(var(--accent-rgb) / .55);opacity:0;transform:scale(.7);transition:opacity .15s ease,transform .15s ease}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--range-thumb);border:none;box-shadow:0 0 10px rgb(var(--accent-rgb) / .55);opacity:0;transform:scale(.7);transition:opacity .15s ease,transform .15s ease}.progress-wrap:hover input[type=range]::-webkit-slider-thumb,input[type=range]:hover::-webkit-slider-thumb,input[type=range]:active::-webkit-slider-thumb,input[type=range]:focus-visible::-webkit-slider-thumb{opacity:1;transform:scale(1)}.progress-wrap:hover input[type=range]::-moz-range-thumb,input[type=range]:hover::-moz-range-thumb,input[type=range]:active::-moz-range-thumb,input[type=range]:focus-visible::-moz-range-thumb{opacity:1;transform:scale(1)}input[type=range]:focus-visible{outline:none}.time-tip{position:absolute;bottom:calc(100% + 6px);transform:translate(-50%);padding:3px 8px;border-radius:6px;background:var(--tip-bg);color:var(--tip-text);font-size:11px;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap}.time{font-size:11px;color:var(--text-dim);min-width:34px;text-align:center;font-variant-numeric:tabular-nums}.player-error{position:absolute;top:-34px;left:16px;right:16px;padding:6px 12px;border-radius:10px;background:rgb(var(--danger-rgb) / .92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:12px;box-shadow:0 4px 16px rgb(var(--danger-rgb) / .25);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lyric-view{display:flex;flex-direction:column;min-height:0;flex:1}.lyric-view--overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:var(--overlay-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:calc(var(--safe-top) + 20px) 16px calc(var(--safe-bottom) + 8px)}.lyric-view--panel{position:relative;background:none;padding:20px 16px 12px}.lyric-header{display:flex;align-items:center;gap:14px;margin-bottom:12px}.lyric-header button{background:var(--panel-2)}.lyric-cover{width:52px;height:52px;border-radius:10px;object-fit:cover;flex-shrink:0}.lyric-cover.placeholder{display:flex;align-items:center;justify-content:center;background:var(--panel-2);color:var(--text-dim);font-size:22px}.lyric-title{font-size:17px;font-weight:600}.lyric-expand{position:absolute;right:10px;bottom:8px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:8px;background:var(--surface-hover);color:var(--text-dim);line-height:0;transition:color .15s,background .15s}.lyric-expand:hover{color:var(--text);background:var(--float-bg)}.lyric-artist{font-size:13px;color:var(--text-dim)}.lyric-lines{flex:1;overflow-y:auto;text-align:center;padding:32vh 12px 30vh;scroll-behavior:smooth}.lyric-view--panel .lyric-lines{padding:24vh 8px 56px}.lyric-line{padding:8px 0;color:var(--text-dim);font-size:var(--lyric-fs, 15px);transition:all .25s;cursor:pointer}.lyric-line.active{color:var(--accent);font-size:calc(var(--lyric-fs, 15px) * 1.27);font-weight:600}.lyric-toolbar{position:fixed;right:32px;top:calc(var(--safe-top) + 16px);bottom:auto;z-index:5;display:flex;align-items:center;gap:8px;padding:0}.lyric-tool-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border-radius:8px;background:var(--surface-hover);color:var(--text-dim);font-size:13px;font-weight:600;line-height:1;transition:color .15s,background .15s}.lyric-tool-btn:hover:not(:disabled){color:var(--text);background:var(--float-bg)}.lyric-tool-btn:disabled{opacity:.35}.lyric-view--overlay .lyric-lines{scrollbar-width:none;-ms-overflow-style:none}.lyric-view--overlay .lyric-lines::-webkit-scrollbar{width:0;height:0}.lyric-line.lyric-placeholder{color:var(--text-dim);opacity:.7;font-size:13px;cursor:default}.lyric-overlay-footer{margin-top:auto;flex-shrink:0;display:flex;flex-direction:column}.lyric-spectrum{flex-shrink:0;height:88px;padding:0 24px;display:flex;align-items:flex-end}.lyric-spectrum .spectrum{flex:1 1 auto;width:auto;height:100%;min-height:0;justify-content:center}.lyric-spectrum .spectrum-canvas{width:100%;height:100%}@media (max-width: 959px){.lyric-spectrum{height:64px}}.mini-transport{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 24px;border-top:1px solid var(--panel-2)}.mini-transport-buttons{display:flex;align-items:center;gap:28px}.mini-transport-buttons button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;line-height:0;color:var(--text);background:var(--panel-2);transition:color .15s,background .15s}.mini-transport-buttons button:hover:not(:disabled){color:var(--text);background:var(--float-bg)}.mini-transport-play{width:44px;height:44px;background:var(--accent);color:var(--on-accent)}.mini-transport-play:hover:not(:disabled){color:var(--on-accent);background:var(--accent);filter:brightness(1.08)}.mini-transport-progress{display:flex;align-items:center;gap:8px;width:100%}.mini-transport .time{font-size:11px}.mini-transport .progress-wrap input[type=range]{height:12px}@media (max-width: 560px){.playlist-picker-backdrop{align-items:flex-end;padding:0}.playlist-picker{width:100%;max-height:86dvh;padding:18px 16px calc(16px + var(--safe-bottom));border-radius:12px 12px 0 0}.playlist-picker-create{flex-direction:column}.playlist-picker-create button{width:100%}.player-song{width:34%;gap:8px}.player-cover{width:42px;height:42px;border-radius:8px}.player-title{font-size:13px}.time{display:none}.topbar nav a{padding:6px 8px;font-size:13px}.volume-group{display:none}.player-buttons{gap:6px}.player-buttons button{padding:7px}.play-btn{width:40px;height:40px}.play-btn svg{width:20px;height:20px}}@media (pointer: coarse){.player-progress input[type=range],.volume-slider{height:28px}}@media (max-width: 959px){[data-theme=frost] .topbar{backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6)}[data-theme=frost] .player-bar{backdrop-filter:blur(20px) saturate(1.7);-webkit-backdrop-filter:blur(20px) saturate(1.7)}[data-theme=frost] .lyric-view--overlay{backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5)}[data-theme=frost] .card,[data-theme=frost] .playlist-picker{backdrop-filter:blur(14px) saturate(1.35);-webkit-backdrop-filter:blur(14px) saturate(1.35)}}.announcement{margin:10px 16px 0;padding:10px 14px;border-radius:10px;background:rgb(var(--accent-rgb) / .15);border:1px solid rgb(var(--accent-rgb) / .4);color:var(--text);font-size:13px;line-height:1.6}.admin-title{margin:0 0 12px}.admin-title,.card h2{display:flex;align-items:center;gap:8px}.access-logs{min-width:0}.access-log-filters{display:grid;grid-template-columns:minmax(140px,190px) minmax(220px,1fr) auto auto;align-items:end;gap:10px;margin:0 0 12px}.access-log-filters label{display:grid;gap:6px;color:var(--text-dim);font-size:12px}.access-log-filters input,.access-log-filters select{width:100%;min-width:0;min-height:40px}.access-log-summary{margin:8px 0;color:var(--text-dim);font-size:12px}.access-log-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.access-log-row{min-width:0;padding:12px 14px;border:1px solid var(--panel-2);border-radius:8px;background:var(--panel)}.access-log-primary,.access-log-details{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.access-log-primary{margin-bottom:7px;font-size:13px}.access-log-details{color:var(--text-dim);font-size:12px}.access-log-details code,.access-log-ip{color:var(--text);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;overflow-wrap:anywhere}.access-log-kind{color:var(--text-dim)}.access-log-kind.error,.access-log-failed{color:var(--danger, #ff7373)}.access-log-agent{margin-top:7px;overflow:hidden;color:var(--text-dim);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.access-log-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0;font-size:13px}.access-log-pagination button{min-height:38px;padding:6px 12px}@media (max-width: 640px){.access-log-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.access-log-search{grid-column:1 / -1}.access-log-row{padding:10px}.access-log-details{align-items:flex-start;flex-direction:column;gap:5px}}.card label{font-size:13px;color:var(--text-dim);margin-top:4px}.card textarea{font-family:inherit;font-size:14px;line-height:1.7;resize:vertical;word-break:break-all}.card textarea.mono{font-family:ui-monospace,Cascadia Mono,Consolas,Courier New,monospace;font-size:13px}.check-row{display:flex;align-items:center;gap:8px;cursor:pointer}.check-row input{width:auto;flex:none;accent-color:var(--accent)}.badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:11px;background:var(--panel-2);color:var(--text-dim);vertical-align:middle}.badge.admin{background:var(--accent);color:var(--on-accent)}.song-item select{padding:6px 8px;border:1px solid var(--panel-2);border-radius:8px;background:var(--panel);color:var(--text);font-size:12px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--panel-2);font-size:14px}.stat-row:last-child{border-bottom:none}.link-btn{display:inline-block;text-align:center;text-decoration:none;color:var(--on-accent)}.section-title{margin:18px 2px 8px;font-size:14px;color:var(--text-dim);font-weight:600}.code-editor{min-height:360px;font-family:ui-monospace,Cascadia Mono,Consolas,Courier New,monospace;font-size:13px;line-height:1.6;white-space:pre;-moz-tab-size:2;tab-size:2}.error-box{margin:8px 0;padding:10px 12px;border-radius:10px;background:rgb(var(--danger-rgb) / .12);border:1px solid rgb(var(--danger-rgb) / .4);color:var(--danger);font-size:12px;line-height:1.8;word-break:break-all}.theme-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--skin-gradient)}.account-settings-layout{display:grid;grid-template-columns:minmax(260px,.34fr) minmax(0,1fr);grid-template-rows:auto minmax(210px,1fr);gap:16px;align-items:stretch}.account-profile{grid-column:1;grid-row:1}.account-profile .link-btn,.account-profile>button{width:100%}.skin-settings-card{grid-column:2;grid-row:1 / span 2;min-width:0}.qr-placeholder{grid-column:1;grid-row:2;min-height:210px;padding:20px;border:1px solid var(--panel-2);border-radius:16px;background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.qr-placeholder-box{width:min(150px,80%);aspect-ratio:1;display:grid;place-items:center;border:2px dashed var(--accent);border-radius:12px;color:var(--accent);font-size:15px;font-weight:600}.qr-placeholder .msg{margin-bottom:0;text-align:center}@media (max-width: 959px){.account-settings-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}.account-profile,.skin-settings-card,.qr-placeholder{grid-column:1;grid-row:auto}}.skin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:10px 0 4px}@media (min-width: 960px){.skin-grid{grid-template-columns:repeat(5,1fr);gap:8px}.skin-preview{height:46px}.skin-name{padding:6px 8px;font-size:12px}}.skin-card{padding:0;border:2px solid var(--panel-2);border-radius:12px;overflow:hidden;background:var(--panel);cursor:pointer;text-align:left}.skin-card:hover:not(:disabled){filter:none;border-color:var(--accent)}.skin-card.active{border-color:var(--accent);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .25)}.skin-preview{height:56px;width:100%}.skin-name{padding:8px 10px;font-size:13px;color:var(--text)}[data-theme=rose]{--bg: #140712;--panel: rgb(255 255 255 / .06);--panel-2: rgb(255 255 255 / .12);--topbar-bg: rgb(20 7 18 / .55);--player-bg: rgb(20 7 18 / .6);--overlay-bg: rgb(20 7 18 / .82);--accent: #f5a3c7;--accent-rgb: 245 163 199;--on-accent: #2b0b1e;--text-dim: rgb(255 255 255 / .72);--placeholder: rgb(255 255 255 / .45);--like: #ffb0d2;--danger: #ff9d9d;--danger-rgb: 255 157 157;--spectrum-top: #f5a3c7;--spectrum-bottom: rgb(245 163 199 / .45);--skin-gradient: radial-gradient(1200px 800px at 82% -12%, rgb(224 64 154 / .34), transparent 62%), radial-gradient(1000px 700px at -8% 112%, rgb(123 63 191 / .3), transparent 60%), radial-gradient(760px 520px at 48% 42%, rgb(255 255 255 / .05), transparent 70%), linear-gradient(160deg, #1b0a19 0%, #140712 58%, #0d0512 100%)}[data-theme=ocean]{--bg: #0a0e23;--panel: rgb(255 255 255 / .06);--panel-2: rgb(255 255 255 / .12);--topbar-bg: rgb(10 14 35 / .55);--player-bg: rgb(10 14 35 / .6);--overlay-bg: rgb(10 14 35 / .82);--accent: #9ec5ff;--accent-rgb: 158 197 255;--on-accent: #0a1f4a;--text-dim: rgb(255 255 255 / .72);--placeholder: rgb(255 255 255 / .45);--like: #b7d0ff;--danger: #ff9d9d;--danger-rgb: 255 157 157;--spectrum-top: #9ec5ff;--spectrum-bottom: rgb(158 197 255 / .45);--skin-gradient: radial-gradient(1150px 780px at 85% -10%, rgb(46 107 255 / .32), transparent 62%), radial-gradient(1000px 720px at -10% 110%, rgb(67 56 202 / .32), transparent 60%), radial-gradient(700px 500px at 55% 45%, rgb(34 211 238 / .08), transparent 70%), linear-gradient(160deg, #0c1230 0%, #0a0e23 58%, #070918 100%)}[data-theme=mint]{--bg: #071712;--panel: rgb(255 255 255 / .06);--panel-2: rgb(255 255 255 / .12);--topbar-bg: rgb(7 23 18 / .55);--player-bg: rgb(7 23 18 / .6);--overlay-bg: rgb(7 23 18 / .82);--accent: #8fe9cb;--accent-rgb: 143 233 203;--on-accent: #062b22;--text-dim: rgb(255 255 255 / .72);--placeholder: rgb(255 255 255 / .45);--like: #a8f0dc;--danger: #ff9d9d;--danger-rgb: 255 157 157;--spectrum-top: #8fe9cb;--spectrum-bottom: rgb(143 233 203 / .45);--skin-gradient: radial-gradient(1150px 780px at 84% -12%, rgb(16 185 129 / .3), transparent 62%), radial-gradient(1000px 720px at -8% 112%, rgb(20 184 166 / .28), transparent 60%), radial-gradient(700px 500px at 50% 50%, rgb(255 255 255 / .05), transparent 70%), linear-gradient(160deg, #0a1f18 0%, #071712 58%, #05100c 100%)}[data-theme=dusk]{--bg: #1a0813;--panel: rgb(255 255 255 / .07);--panel-2: rgb(255 255 255 / .13);--topbar-bg: rgb(26 8 19 / .55);--player-bg: rgb(26 8 19 / .6);--overlay-bg: rgb(26 8 19 / .84);--accent: #f0a47c;--accent-rgb: 240 164 124;--on-accent: #2b1006;--text-dim: rgb(255 245 238 / .74);--placeholder: rgb(255 245 238 / .46);--like: #ff9fb4;--danger: #ffa08c;--danger-rgb: 255 160 140;--spectrum-top: #f0a47c;--spectrum-bottom: rgb(240 164 124 / .45);--skin-gradient: radial-gradient(1500px 1150px at 100% 0%, rgb(255 138 76 / .38), transparent 72%), radial-gradient(1250px 1050px at 0% 100%, rgb(198 48 110 / .32), transparent 72%), radial-gradient(900px 620px at 52% 46%, rgb(255 214 170 / .07), transparent 72%), linear-gradient(160deg, #220b18 0%, #1a0813 58%, #11040d 100%)}[data-theme=amber]{--bg: #17100a;--panel: rgb(255 255 255 / .06);--panel-2: rgb(255 255 255 / .12);--topbar-bg: rgb(23 16 10 / .55);--player-bg: rgb(23 16 10 / .6);--overlay-bg: rgb(23 16 10 / .84);--accent: #f0b866;--accent-rgb: 240 184 102;--on-accent: #2a1806;--text-dim: rgb(255 247 236 / .73);--placeholder: rgb(255 247 236 / .44);--like: #ffc98a;--danger: #ff9d7a;--danger-rgb: 255 157 122;--spectrum-top: #f0b866;--spectrum-bottom: rgb(240 184 102 / .45);--skin-gradient: radial-gradient(1500px 1150px at 100% 0%, rgb(240 166 60 / .34), transparent 72%), radial-gradient(1250px 1050px at 0% 100%, rgb(184 110 22 / .3), transparent 72%), radial-gradient(900px 620px at 50% 46%, rgb(255 236 200 / .07), transparent 72%), linear-gradient(160deg, #1f1409 0%, #17100a 58%, #0f0906 100%)}[data-theme=gold]{--bg: #0e0e10;--panel: rgb(255 255 255 / .06);--panel-2: rgb(255 255 255 / .11);--topbar-bg: rgb(14 14 16 / .6);--player-bg: rgb(14 14 16 / .66);--overlay-bg: rgb(14 14 16 / .86);--accent: #d8b266;--accent-rgb: 216 178 102;--on-accent: #1a1206;--text: #f5f3ee;--text-dim: rgb(245 243 238 / .7);--placeholder: rgb(245 243 238 / .42);--like: #e8c47a;--danger: #ff9d8a;--danger-rgb: 255 157 138;--spectrum-top: #d8b266;--spectrum-bottom: rgb(216 178 102 / .45);--skin-gradient: radial-gradient(1450px 1100px at 100% 0%, rgb(216 178 102 / .26), transparent 72%), radial-gradient(1200px 1000px at 0% 100%, rgb(120 196 190 / .13), transparent 72%), radial-gradient(900px 620px at 52% 44%, rgb(255 255 255 / .05), transparent 72%), linear-gradient(160deg, #141416 0%, #0e0e10 58%, #08080a 100%)}[data-theme=frost]{--bg: #0a0c16;--panel: rgb(255 255 255 / .07);--panel-2: rgb(255 255 255 / .13);--topbar-bg: linear-gradient(180deg, rgb(30 44 96 / .5) 0%, rgb(12 15 34 / .38) 100%);--player-bg: rgb(10 13 30 / .42);--overlay-bg: rgb(9 11 26 / .88);--accent: #a9d4ff;--accent-rgb: 169 212 255;--on-accent: #071a36;--text-dim: rgb(240 245 255 / .75);--placeholder: rgb(240 245 255 / .47);--like: #f0a9d0;--danger: #ff9db0;--danger-rgb: 255 157 176;--spectrum-top: #a9d4ff;--spectrum-bottom: rgb(186 156 255 / .5);--skin-gradient: radial-gradient(950px 700px at 10% 6%, rgb(125 195 255 / .26), transparent 74%), radial-gradient(1050px 800px at 94% 0%, rgb(168 130 255 / .3), transparent 74%), radial-gradient(720px 620px at 0% 96%, rgb(90 210 200 / .16), transparent 74%), radial-gradient(880px 700px at 88% 94%, rgb(226 118 190 / .16), transparent 74%), linear-gradient(165deg, #131a30 0%, #0d1222 52%, #090c16 100%)}[data-theme=frost] .topbar:after,[data-theme=frost] .player-bar:after,[data-theme=frost] .lyric-view--overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(180deg,rgb(255 255 255 / .2) 0%,rgb(255 255 255 / .06) 20%,transparent 46%);box-shadow:inset 0 1px #ffffff61,inset 0 -1px #ffffff14}[data-theme=frost] .topbar>*,[data-theme=frost] .player-bar>*{position:relative;z-index:1}[data-theme=frost] .player-bar{border-top-color:#ffffff29}[data-theme=frost] .topbar{border-bottom-color:#ffffff1a}[data-theme=frost] .topbar{backdrop-filter:blur(28px) saturate(1.7);-webkit-backdrop-filter:blur(28px) saturate(1.7)}[data-theme=frost] .player-bar{backdrop-filter:blur(32px) saturate(1.8);-webkit-backdrop-filter:blur(32px) saturate(1.8)}[data-theme=frost] .lyric-view--overlay{backdrop-filter:blur(36px) saturate(1.6);-webkit-backdrop-filter:blur(36px) saturate(1.6)}[data-theme=frost] .playlist-picker-backdrop{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}[data-theme=frost] .card,[data-theme=frost] .playlist-picker{backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);box-shadow:inset 0 1px #fff3,0 12px 40px #00000047}[data-theme=frost] .card{position:relative}[data-theme=frost] .card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(180deg,rgb(255 255 255 / .09) 0%,transparent 26%)}[data-theme=frost] .card>*{position:relative;z-index:1}[data-theme=frost] .playlist-picker-backdrop{background:#0507126b}@media (max-width: 959px){[data-theme=rose],[data-theme=ocean],[data-theme=mint],[data-theme=dusk],[data-theme=amber],[data-theme=gold],[data-theme=frost]{--panel: rgb(255 255 255 / .08);--panel-2: rgb(255 255 255 / .16)}[data-theme=rose]{--topbar-bg: rgb(20 7 18 / .78);--player-bg: rgb(20 7 18 / .86);--overlay-bg: rgb(20 7 18 / .92);--skin-gradient: radial-gradient(900px 620px at 82% -12%, rgb(224 64 154 / .24), transparent 62%), radial-gradient(820px 620px at -8% 112%, rgb(123 63 191 / .22), transparent 60%), linear-gradient(160deg, #1b0a19 0%, #140712 58%, #0d0512 100%)}[data-theme=ocean]{--topbar-bg: rgb(10 14 35 / .78);--player-bg: rgb(10 14 35 / .86);--overlay-bg: rgb(10 14 35 / .92);--skin-gradient: radial-gradient(900px 620px at 85% -10%, rgb(46 107 255 / .22), transparent 62%), radial-gradient(820px 620px at -10% 110%, rgb(67 56 202 / .22), transparent 60%), linear-gradient(160deg, #0c1230 0%, #0a0e23 58%, #070918 100%)}[data-theme=mint]{--topbar-bg: rgb(5 20 15 / .78);--player-bg: rgb(5 20 15 / .86);--overlay-bg: rgb(5 20 15 / .92);--skin-gradient: radial-gradient(900px 620px at 84% -12%, rgb(16 185 129 / .22), transparent 62%), radial-gradient(820px 620px at -8% 112%, rgb(20 184 166 / .2), transparent 60%), linear-gradient(160deg, #0a1b16 0%, #071712 58%, #05100c 100%)}[data-theme=dusk]{--topbar-bg: rgb(26 8 19 / .78);--player-bg: rgb(26 8 19 / .86);--overlay-bg: rgb(26 8 19 / .92);--skin-gradient: radial-gradient(1000px 800px at 100% 0%, rgb(255 138 76 / .26), transparent 72%), radial-gradient(900px 760px at 0% 100%, rgb(198 48 110 / .22), transparent 72%), linear-gradient(160deg, #220b18 0%, #1a0813 58%, #11040d 100%)}[data-theme=amber]{--topbar-bg: rgb(23 16 10 / .78);--player-bg: rgb(23 16 10 / .86);--overlay-bg: rgb(23 16 10 / .92);--skin-gradient: radial-gradient(1000px 800px at 100% 0%, rgb(240 166 60 / .24), transparent 72%), radial-gradient(900px 760px at 0% 100%, rgb(184 110 22 / .2), transparent 72%), linear-gradient(160deg, #1f1409 0%, #17100a 58%, #0f0906 100%)}[data-theme=gold]{--topbar-bg: rgb(14 14 16 / .82);--player-bg: rgb(14 14 16 / .9);--overlay-bg: rgb(14 14 16 / .94);--skin-gradient: radial-gradient(1000px 780px at 100% 0%, rgb(216 178 102 / .18), transparent 72%), radial-gradient(900px 760px at 0% 100%, rgb(120 196 190 / .1), transparent 72%), linear-gradient(160deg, #141416 0%, #0e0e10 58%, #08080a 100%)}[data-theme=frost]{--topbar-bg: rgb(12 15 34 / .52);--player-bg: rgb(10 13 30 / .56);--overlay-bg: rgb(9 11 26 / .94);--skin-gradient: radial-gradient(1000px 800px at 8% -6%, rgb(56 189 248 / .34), transparent 72%), radial-gradient(950px 780px at 96% 4%, rgb(139 92 246 / .36), transparent 72%), radial-gradient(1050px 850px at 50% 52%, rgb(37 99 235 / .24), transparent 74%), radial-gradient(1100px 880px at 88% 98%, rgb(236 72 153 / .28), transparent 74%), radial-gradient(1000px 800px at 4% 92%, rgb(34 211 238 / .26), transparent 74%), linear-gradient(160deg, #0d1024 0%, #090b18 58%, #060711 100%)}}@media (max-width: 768px),(pointer: coarse){input:not([type=range]),select,textarea,[contenteditable=true]{font-size:16px!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}}@media (min-width: 960px){.topbar{padding-left:40px;padding-right:40px}.announcement{margin-left:40px;margin-right:40px}.player-inner{max-width:none;padding:0 40px}.player-song{width:20%}.song-name{font-size:15px}}[data-theme=lumen]{color-scheme:light;--bg: #f3f5f4;--panel: rgb(255 255 255 / .78);--panel-2: rgb(34 53 61 / .12);--topbar-bg: rgb(248 250 249 / .86);--player-bg: rgb(248 250 249 / .94);--overlay-bg: rgb(248 250 249 / .97);--accent: #236f78;--accent-rgb: 35 111 120;--on-accent: #ffffff;--text: #18242a;--text-dim: rgb(24 36 42 / .62);--placeholder: rgb(24 36 42 / .42);--like: #c24b68;--danger: #b43f38;--danger-rgb: 180 63 56;--spectrum-top: #236f78;--spectrum-bottom: rgb(35 111 120 / .42);--surface-hover: rgb(24 36 42 / .06);--input-border: rgb(24 36 42 / .18);--row-hover: rgb(24 36 42 / .04);--float-bg: rgb(24 36 42 / .08);--scrollbar-thumb: rgb(24 36 42 / .2);--scrollbar-thumb-hover: rgb(24 36 42 / .34);--range-thumb: #ffffff;--range-buffered: rgb(24 36 42 / .22);--range-track: rgb(24 36 42 / .14);--tip-bg: rgb(24 36 42 / .92);--tip-text: #ffffff;--skin-gradient: radial-gradient(1000px 720px at 0% 0%, rgb(255 212 169 / .5), transparent 72%), radial-gradient(1000px 760px at 100% 100%, rgb(164 192 255 / .34), transparent 74%), linear-gradient(145deg, #fcfdfb 0%, #f3f5f4 58%, #e9eef0 100%)}[data-theme=lumen] button:hover:not(:disabled){filter:brightness(.96)}[data-theme=lumen] button.primary:hover:not(:disabled){filter:brightness(1.06)}[data-theme=cyber]{--bg: #090b18;--panel: rgb(18 23 48 / .78);--panel-2: rgb(0 235 255 / .16);--topbar-bg: rgb(9 11 24 / .88);--player-bg: rgb(10 13 30 / .94);--overlay-bg: rgb(9 11 24 / .96);--accent: #00eaff;--accent-rgb: 0 234 255;--on-accent: #04131b;--text: #e8fbff;--text-dim: rgb(211 234 240 / .68);--placeholder: rgb(211 234 240 / .42);--like: #ff4fb8;--danger: #ff6b7a;--danger-rgb: 255 107 122;--spectrum-top: #00eaff;--spectrum-bottom: rgb(255 79 184 / .54);--surface-hover: rgb(0 234 255 / .08);--input-border: rgb(0 234 255 / .25);--row-hover: rgb(255 79 184 / .08);--float-bg: rgb(0 234 255 / .14);--scrollbar-thumb: rgb(0 234 255 / .28);--scrollbar-thumb-hover: rgb(0 234 255 / .48);--range-thumb: #fff36b;--range-buffered: rgb(232 251 255 / .22);--range-track: rgb(232 251 255 / .13);--tip-bg: rgb(5 8 22 / .95);--tip-text: #e8fbff;--skin-gradient: radial-gradient(1100px 720px at 84% -8%, rgb(0 234 255 / .3), transparent 64%), radial-gradient(1000px 760px at -10% 105%, rgb(255 43 190 / .28), transparent 64%), repeating-linear-gradient(0deg, rgb(0 234 255 / .035) 0 1px, transparent 1px 7px), linear-gradient(145deg, #111634 0%, #090b18 58%, #070812 100%)}[data-theme=cyber] .card,[data-theme=cyber] .skin-card{box-shadow:0 0 0 1px #00eaff0f,0 12px 30px #00000038}[data-theme=ink]{--bg: #121316;--panel: rgb(30 31 35 / .84);--panel-2: rgb(214 184 126 / .16);--topbar-bg: rgb(18 19 22 / .9);--player-bg: rgb(20 21 24 / .96);--overlay-bg: rgb(18 19 22 / .97);--accent: #d46a55;--accent-rgb: 212 106 85;--on-accent: #fff8ed;--text: #f5eee2;--text-dim: rgb(245 238 226 / .68);--placeholder: rgb(245 238 226 / .42);--like: #e58b76;--danger: #f07965;--danger-rgb: 240 121 101;--spectrum-top: #d46a55;--spectrum-bottom: rgb(49 145 133 / .52);--surface-hover: rgb(214 184 126 / .08);--input-border: rgb(214 184 126 / .22);--row-hover: rgb(214 184 126 / .06);--float-bg: rgb(214 184 126 / .12);--scrollbar-thumb: rgb(214 184 126 / .25);--scrollbar-thumb-hover: rgb(214 184 126 / .42);--range-thumb: #e6c98e;--range-buffered: rgb(245 238 226 / .2);--range-track: rgb(245 238 226 / .12);--tip-bg: rgb(18 19 22 / .96);--tip-text: #f5eee2;--skin-gradient: radial-gradient(1100px 760px at 86% -8%, rgb(190 55 48 / .28), transparent 66%), radial-gradient(1000px 760px at -10% 108%, rgb(44 120 112 / .24), transparent 66%), radial-gradient(900px 620px at 52% 42%, rgb(214 184 126 / .06), transparent 70%), linear-gradient(145deg, #1c1b1b 0%, #121316 58%, #0d0e10 100%)}[data-theme=shanshui]{color-scheme:light;--bg: #e7ebe5;--panel: rgb(250 249 244 / .82);--panel-2: rgb(37 61 59 / .14);--topbar-bg: rgb(242 244 238 / .9);--player-bg: rgb(244 245 240 / .95);--overlay-bg: rgb(244 245 240 / .97);--accent: #315f59;--accent-rgb: 49 95 89;--on-accent: #ffffff;--text: #263634;--text-dim: rgb(38 54 52 / .64);--placeholder: rgb(38 54 52 / .42);--like: #b84d45;--danger: #b5493f;--danger-rgb: 181 73 63;--spectrum-top: #315f59;--spectrum-bottom: rgb(184 77 69 / .42);--surface-hover: rgb(49 95 89 / .07);--input-border: rgb(38 54 52 / .2);--row-hover: rgb(49 95 89 / .05);--float-bg: rgb(38 54 52 / .09);--scrollbar-thumb: rgb(38 54 52 / .2);--scrollbar-thumb-hover: rgb(38 54 52 / .34);--range-thumb: #ffffff;--range-buffered: rgb(38 54 52 / .2);--range-track: rgb(38 54 52 / .13);--tip-bg: rgb(38 54 52 / .94);--tip-text: #ffffff;--skin-gradient: radial-gradient(74% 34% at 52% 8%, rgb(255 255 255 / .82), transparent 72%), linear-gradient(180deg, #f5f2e9 0%, #e7ebe5 58%, #d4dfd8 100%)}[data-theme=shanshui] button:hover:not(:disabled){filter:brightness(.96)}[data-theme=shanshui] button.primary:hover:not(:disabled){filter:brightness(1.06)}[data-theme=shanshui] .card,[data-theme=shanshui] .skin-card{box-shadow:0 10px 28px #26363414}[data-theme=shanshui] .theme-bg{overflow:hidden;background-image:repeating-linear-gradient(112deg,rgb(38 54 52 / .025) 0 1px,transparent 1px 9px),radial-gradient(60% 20% at 50% 50%,rgb(255 255 255 / .62),transparent 75%)}[data-theme=shanshui] .theme-bg:before,[data-theme=shanshui] .theme-bg:after{content:"";position:absolute;left:-8%;width:116%;pointer-events:none}[data-theme=shanshui] .theme-bg:before{bottom:-12%;height:52%;opacity:.5;background:#78958d;clip-path:polygon(0 76%,5% 73%,10% 70%,15% 68%,20% 66%,25% 64%,30% 62%,35% 60%,40% 59%,45% 61%,50% 64%,55% 67%,60% 68%,65% 66%,70% 62%,75% 58%,80% 55%,85% 56%,90% 59%,95% 61%,100% 60%,100% 100%,0 100%);filter:blur(1.8px)}[data-theme=shanshui] .theme-bg:after{bottom:13%;height:42%;opacity:.27;background:#a7b8ad;clip-path:polygon(0 73%,6% 70%,12% 67%,18% 64%,24% 62%,30% 63%,36% 66%,42% 68%,48% 67%,54% 63%,60% 58%,66% 55%,72% 57%,78% 61%,84% 63%,90% 61%,96% 58%,100% 57%,100% 100%,0 100%);filter:blur(6px)}