:root{
  --gz-primary:#ff7a00;--gz-primary-hover:#ff8f33;--gz-primary-active:#d96a00;--gz-primary-soft:rgba(255,122,0,.12);--gz-primary-glow:rgba(255,122,0,.35);
  --gz-accent:#3ecf7a;--gz-accent-soft:rgba(62,207,122,.12);--gz-bg:#0b0e13;--gz-surface:#12161e;--gz-surface-2:#1a202b;--gz-border:#242c39;--gz-border-strong:#333e52;--gz-border-primary:rgba(255,122,0,.4);
  --gz-text:#e8ecf4;--gz-text-muted:#98a2b8;--gz-text-faint:#5f6b82;--gz-danger:#f87171;--gz-success:#3ecf7a;--gz-warning:#ffb020;--gz-info:#38bdf8;
  --gz-radius-sm:6px;--gz-radius:10px;--gz-radius-lg:12px;--gz-shadow-sm:0 1px 2px rgba(0,0,0,.4);--gz-shadow:0 4px 14px rgba(0,0,0,.45);--gz-shadow-lg:0 12px 32px rgba(0,0,0,.55);--gz-shadow-hover:0 6px 20px rgba(0,0,0,.5),0 0 24px rgba(255,122,0,.15);
  --bg:var(--gz-bg);--panel:var(--gz-surface);--line:var(--gz-border);--text:var(--gz-text);--muted:var(--gz-text-muted);--accent:var(--gz-primary);--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
body{background-color:var(--gz-bg);background-image:linear-gradient(#98a2b805 1px,transparent 1px),linear-gradient(90deg,#98a2b805 1px,transparent 1px);background-size:32px 32px}
[hidden]{display:none!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,transparent 20%,#ff7a000c 50%,transparent 80%);width:160px;animation:grid-light 18s linear infinite;mask-image:repeating-linear-gradient(0deg,#000 0 1px,transparent 1px 32px)}
@keyframes grid-light{from{transform:translateX(-200px)}to{transform:translateX(100vw)}}
.mono,.eyebrow,kbd,.section-label,.count,.album-badge,.hero-issue,.row-number,.track-duration,.progress-row>span{font-family:var(--mono)}
.sidebar,.topbar{background:var(--gz-surface)}.topbar{gap:16px}.sidebar-caption{color:var(--gz-text-faint);font-size:10px;letter-spacing:1.3px}.brand-icon{background:var(--gz-primary);color:var(--gz-bg);border-radius:10px;box-shadow:0 0 18px #ff7a001c}.nav-item,.icon-btn,.text-link{color:var(--gz-text-muted)}.nav-item:hover,.icon-btn:hover{color:var(--gz-text);background:var(--gz-surface-2)}.nav-item.active{color:var(--gz-primary);background:var(--gz-primary-soft)}.nav-item.active:hover{color:var(--gz-primary-hover)}.nav-item.active svg{color:inherit}.section-label,.count{color:var(--gz-text-faint)}.playlist-nav svg{color:var(--gz-text-muted)}.sidebar-bottom{background:var(--gz-bg);border-color:var(--gz-border);border-radius:10px}.sidebar-bottom small,.service-status{color:var(--gz-text-muted)}.storage-track{background:var(--gz-border)}.storage-track span{background:var(--gz-primary)}.service-status>span.online:first-child{background:var(--gz-success)}.service-status>span:first-child{background:var(--gz-warning)}.breadcrumbs{color:var(--gz-text-faint)}.breadcrumbs b{color:var(--gz-text-muted)}.breadcrumbs span{color:var(--gz-border-strong)}
#search-form{background:var(--gz-bg);border-color:var(--gz-border);max-width:320px}#search-form:focus-within{border-color:var(--gz-border-primary)}#search-form svg,#search-form input::placeholder{color:var(--gz-text-faint)}kbd{border-color:var(--gz-border);color:var(--gz-text-faint)}
.button{background:var(--gz-primary);color:var(--gz-bg);border-radius:var(--gz-radius-sm);border:1px solid transparent;box-shadow:0 0 16px #ff7a000d;transition:background .2s,border-color .2s,box-shadow .2s}.button:hover{background:var(--gz-primary-hover);filter:none;transform:none;box-shadow:0 0 18px #ff7a0020}.button:active{background:var(--gz-primary-active)}.button.secondary{background:var(--gz-surface);border-color:var(--gz-border-strong);color:var(--gz-text-muted);box-shadow:none}.button.secondary:hover{background:var(--gz-surface-2);border-color:var(--gz-border-primary);color:var(--gz-text)}.button.ghost{background:transparent;color:var(--gz-text-muted);box-shadow:none}.button.ghost:hover{color:var(--gz-primary-hover)}.button.danger{background:#f871711c;color:var(--gz-danger)}.account-button{max-width:170px;padding:10px 12px;font-size:12px}.account-button>span:first-of-type{overflow:hidden;text-overflow:ellipsis}.account-vip{color:var(--gz-primary);font-size:10px}
.hero{background:radial-gradient(ellipse at 78% 90%,#ff7a0014,transparent 57%),linear-gradient(120deg,#161c27,#11161f);border-color:var(--gz-border);border-radius:12px}.hero:before{opacity:.04}.hero p{color:var(--gz-text-muted)}.hero-issue{color:var(--gz-text-faint)}.record{background:repeating-radial-gradient(circle,#0c1017 0 2px,#222937 3px,#0c1017 4px);box-shadow:0 4px 14px #0002,inset 0 0 0 1px var(--gz-border-strong)}.record:before{background:conic-gradient(transparent,#98a2b81a,transparent 23%,transparent 50%,#98a2b81a,transparent 75%)}.record-label{background:var(--gz-primary);color:var(--gz-bg);box-shadow:0 0 0 7px #0b0e13}.record-label:after{background:var(--gz-bg);border-color:var(--gz-primary-active)}.record-sleeve{background:linear-gradient(150deg,#ff9d48,#b85210);border-color:var(--gz-border-primary);box-shadow:4px 5px 12px #0002}.sleeve-top,.sleeve-text{color:#20140d}.sleeve-circle{border-color:#ffddc166;box-shadow:0 0 0 14px #ffddc117,0 0 0 28px #ffddc117,0 0 0 42px #ffddc117}
.quick-card{background:var(--gz-surface);border-color:var(--gz-border);border-radius:10px;transition:background .2s,border-color .2s,box-shadow .2s}.quick-card:hover{background:var(--gz-surface-2);border-color:var(--gz-border-primary);box-shadow:0 0 20px #ff7a0009}.quick-card .quick-icon,.quick-card:nth-child(2) .quick-icon,.quick-card:nth-child(3) .quick-icon{background:var(--gz-primary-soft);color:var(--gz-primary);border-radius:6px}.quick-card small,.quick-card>svg{color:var(--gz-text-faint)}.section-heading p{color:var(--gz-text-faint)}.text-link:hover{color:var(--gz-primary-hover)}.album-cover{background:var(--gz-surface-2);border:1px solid var(--gz-border);border-radius:10px;width:100%;padding:0}.album-cover:hover{border-color:var(--gz-border-primary)}.album-card p{color:var(--gz-text-muted)}.album-badge{background:#0b0e13df;color:var(--gz-text);padding:0;max-width:calc(100% - 16px);border-radius:6px;overflow:hidden}.album-play{background:var(--gz-primary);color:var(--gz-bg);box-shadow:0 0 14px #ff7a0020}.album-play:hover{background:var(--gz-primary-hover)}.album-card h3 .inline-link{max-width:100%;font-size:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-align:left}
.track-row{border:1px solid transparent}.track-row:nth-child(odd):not(.table-head){background:#12161e77}.track-row:not(.table-head):hover{background:var(--gz-surface);border-color:var(--gz-border)}.track-row.playing{background:var(--gz-primary-soft);border-color:#ff7a001a}.table-head{color:var(--gz-text-faint);border:0;border-bottom:1px solid var(--gz-border)}.table-head .source-label{background:none}.row-number{color:var(--gz-text-faint)}.row-number button{position:relative}.row-number button svg{display:none}.track-row:hover .row-number button svg,.track-row.playing .row-number button svg{display:block}.track-row:hover .row-number button span,.track-row.playing .row-number button span{display:none}.track-artist,.track-album,.track-duration{color:var(--gz-text-muted)}.title-line{display:flex;align-items:center;gap:7px;min-width:0}.track-title{flex-shrink:1;line-height:1.9}.track-title:hover,.inline-link:hover{color:var(--gz-primary-hover)}.inline-link{font:inherit;color:inherit;padding:0;vertical-align:baseline;display:inline;text-align:inherit}.artist-link{cursor:pointer}.artist-separator{color:var(--gz-text-faint)}.source-label,.source-label.upload,.source-label.url{color:var(--gz-text-muted);background:var(--gz-surface-2);border-color:var(--gz-border)}.row-actions .saved{color:var(--gz-text-muted)}.row-actions .active,.icon-btn.active{color:var(--gz-primary)}.track-art{position:relative;padding:0;cursor:pointer;border:1px solid var(--gz-border)}.art-play{position:absolute;inset:0;align-items:center;justify-content:center;background:#0b0e1390;color:var(--gz-primary);display:none}.track-art:hover .art-play{display:flex}.placeholder-art{background:linear-gradient(145deg,var(--gz-surface-2),var(--gz-bg));color:var(--gz-text-faint)}
.access-badge{display:inline-flex;align-items:center;font:10px/1.5 var(--mono);border:1px solid var(--gz-border);border-radius:4px;padding:1px 5px;white-space:nowrap;flex-shrink:0;color:var(--gz-text-muted);background:var(--gz-surface-2);letter-spacing:0}.access-badge.vip,.access-badge.purchase,.access-badge.vip-download{color:var(--gz-primary);background:var(--gz-primary-soft);border-color:var(--gz-border-primary)}.access-badge.unavailable{color:var(--gz-danger);border-color:#f8717133;background:#f871710a}.access-badge.cached{color:var(--gz-success);background:var(--gz-accent-soft);border-color:#3ecf7a33}.access-badge.unknown{color:var(--gz-text-faint)}.album-badge .access-badge{font-size:9px}
.page-footer{color:var(--gz-text-faint)}.footer-star{color:var(--gz-primary)}.player{background:#12161ef5;border-color:var(--gz-border)}.player-art{padding:0;border:1px solid var(--gz-border);position:relative}.player-art:hover{border-color:var(--gz-border-primary)}.now-meta button{display:block;padding:0;color:var(--gz-text);text-align:left;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500}.now-meta #now-artist{color:var(--gz-text-muted);font-size:11px;font-weight:400;margin-top:7px}.now-meta button:hover,.now-meta #now-artist:hover{color:var(--gz-primary-hover)}.play-toggle{background:var(--gz-primary);color:var(--gz-bg)}.play-toggle:hover{background:var(--gz-primary-hover);box-shadow:0 0 16px #ff7a0026}.play-toggle:active{background:var(--gz-primary-active)}.subtle,.progress-row>span{color:var(--gz-text-faint)}input[type=range]{background:linear-gradient(to right,var(--gz-primary) var(--progress,0%),var(--gz-border-strong) var(--progress,0%))}.control-divider{background:var(--gz-border)}.view-heading p{color:var(--gz-text-muted)}.filter{color:var(--gz-text-muted);border-color:var(--gz-border)}.filter.active{color:var(--gz-primary);background:var(--gz-primary-soft);border-color:var(--gz-border-primary)}.empty-state{background:var(--gz-surface);border-color:var(--gz-border-strong);border-radius:10px}.empty-state>i{background:var(--gz-primary-soft);color:var(--gz-primary);border-radius:10px}.empty-state p{color:var(--gz-text-muted)}.skeleton{background:linear-gradient(110deg,var(--gz-surface),var(--gz-surface-2),var(--gz-surface))}.queue-panel{background:var(--gz-surface);border-color:var(--gz-border);box-shadow:var(--gz-shadow)}.queue-item:hover,.queue-item.active{background:var(--gz-surface-2)}.queue-item.active{color:var(--gz-primary)}.queue-item small{color:var(--gz-text-muted)}.lyrics-content{color:var(--gz-text-muted)}
dialog{background:var(--gz-surface);border-color:var(--gz-border-strong);border-radius:12px;box-shadow:var(--gz-shadow-lg)}dialog::backdrop{background:#05080dbc}.modal-description{color:var(--gz-text-muted)}.modal-tabs{background:var(--gz-bg);border:1px solid var(--gz-border);border-radius:6px}.modal-tabs button{color:var(--gz-text-muted);border-radius:4px}.modal-tabs .active{background:var(--gz-primary-soft);color:var(--gz-primary)}label.field{color:var(--gz-text-muted)}.field input,.field select,.field textarea{background:var(--gz-bg);border:1px solid var(--gz-border);color:var(--gz-text);border-radius:6px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gz-border-primary);outline:none}.field textarea{width:100%;padding:12px;margin-top:8px;min-height:115px;resize:vertical;font:13px/1.8 var(--mono)}.dropzone{background:var(--gz-bg);border-color:var(--gz-border-strong);border-radius:10px}.dropzone.dragover{background:var(--gz-primary-soft);border-color:var(--gz-border-primary)}.dropzone small{color:var(--gz-text-faint)}.form-error{color:var(--gz-danger)}.toast{background:var(--gz-surface-2);color:var(--gz-text);border-color:var(--gz-border-strong);box-shadow:var(--gz-shadow)}.toast.error{background:var(--gz-surface-2);color:var(--gz-danger);border-color:#f8717140}.form-progress,.file-selection{color:var(--gz-primary)}
.detail-topline{display:flex;align-items:center;justify-content:space-between;margin:0 0 25px}.detail-topline>.mono{color:var(--gz-text-faint);font-size:10px;letter-spacing:1px}.detail-skeleton{height:280px}.detail-hero{display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--gz-border);padding:0 0 30px;margin-bottom:32px}.detail-cover{position:relative;width:220px;aspect-ratio:1;flex-shrink:0;border:1px solid var(--gz-border);border-radius:12px;overflow:hidden}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-cover>svg{width:65px;height:65px}.cover-corner{position:absolute;inset:auto 0 0;background:#0b0e13b0;padding:10px;font-size:9px;letter-spacing:1px;color:var(--gz-text-muted)}.detail-copy{min-width:0;flex:1}.detail-copy h1{font-size:35px;line-height:1.35;letter-spacing:0;margin:12px 0 15px;overflow-wrap:anywhere}.detail-tags{display:flex;gap:7px;margin-top:15px}.detail-artists{color:var(--gz-text-muted);font-size:15px;line-height:1.8}.detail-meta{color:var(--gz-text-faint);font-size:13px;line-height:1.8}.detail-meta span{padding:0 8px}.detail-copy .view-actions{margin-bottom:0}.artist-bio{font-size:13px;line-height:1.8;color:var(--gz-text-muted)}.artist-bio summary{cursor:pointer}.artist-bio p{white-space:pre-line;max-height:250px;overflow:auto}.artist-albums{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin:22px 0}.artist-albums .album-card{display:block}.artist-albums .album-cover{display:flex;aspect-ratio:1;width:100%;max-height:none}.album-section{margin-bottom:38px}.section-heading h2 .mono{font-size:12px;color:var(--gz-text-faint);margin-left:10px}.song-detail-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:22px}.info-panel{background:var(--gz-surface);border:1px solid var(--gz-border);padding:26px;border-radius:10px;min-width:0}.info-panel h2{font-size:19px;font-weight:500;margin:15px 0}.info-panel p{font-size:13px;line-height:1.9;color:var(--gz-text-muted)}.info-panel .form-error{color:var(--gz-danger)}.info-panel .cache-note{color:var(--gz-success)}.info-panel .view-actions{flex-wrap:wrap}.song-lyrics>div{white-space:pre-line;color:var(--gz-text-muted);font-size:14px;line-height:2.3;max-height:450px;overflow:auto}.immersive-entry{display:flex;flex-wrap:wrap;gap:12px;align-items:center;width:100%;text-align:left;border-top:1px solid var(--gz-border);padding:24px 0 0;margin-top:25px;color:var(--gz-primary);font-size:14px}.immersive-entry>span{display:flex;align-items:center;gap:10px;color:var(--gz-text-faint);font-size:11px;width:100%;padding-left:32px}
.qr-box{width:222px;height:222px;margin:22px auto 16px;border:1px solid var(--gz-border-strong);border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--gz-bg)}.qr-box img{display:block;width:200px;height:200px;border-radius:4px}.qr-box.expired img{opacity:.2}.qr-status{text-align:center;font-size:13px;color:var(--gz-primary);min-height:20px;line-height:1.8}.qr-actions{display:flex;justify-content:center;gap:22px}.login-footnote{border-top:1px solid var(--gz-border);padding-top:15px;color:var(--gz-text-faint);font-size:11px;margin-top:20px;line-height:1.8}.account-profile{display:flex;gap:18px;align-items:center;padding:20px 0}.avatar{width:64px;height:64px;border-radius:12px;overflow:hidden;border:1px solid var(--gz-border)}.avatar img{width:100%;height:100%;object-fit:cover}.account-profile h3{font-size:19px;margin:0 0 8px}.account-profile p{color:var(--gz-primary);font-size:13px;margin:0}
.immersive-open{overflow:hidden}#immersive{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;background:var(--gz-bg);background-image:radial-gradient(ellipse at 23% 45%,#ff7a0009,transparent 50%),linear-gradient(#98a2b806 1px,transparent 1px),linear-gradient(90deg,#98a2b806 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;box-shadow:none;color:var(--gz-text);overflow:hidden}#immersive[open]{display:flex;flex-direction:column}.immersive-header{height:76px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 42px;border-bottom:1px solid var(--gz-border)}.immersive-wordmark{font-size:11px;letter-spacing:2px;color:var(--gz-text-muted)}.immersive-wordmark span{color:var(--gz-primary);margin:0 10px}.immersive-body{display:grid;grid-template-columns:1fr 1fr;gap:8%;max-width:1280px;width:100%;margin:0 auto;flex:1;min-height:0;padding:32px 65px 20px;align-items:center}.turntable-section{min-width:0;max-width:510px}.listening-label{display:flex;align-items:center;gap:8px;color:var(--gz-text-faint);font-size:10px;letter-spacing:1px;margin-bottom:22px}.listening-label>.mono:last-child{margin-left:auto}.listening-dot{width:5px;height:5px;border-radius:50%;background:var(--gz-text-faint)}.playing .listening-dot{background:var(--gz-success);box-shadow:0 0 8px #3ecf7a22}.playing #immersive-state{color:var(--gz-success)}.turntable{width:min(100%,410px);aspect-ratio:1;position:relative;padding:22px;margin:0 auto;border:1px solid var(--gz-border);border-radius:12px;background:linear-gradient(140deg,#141924,#0e121a);overflow:hidden}.vinyl{position:relative;width:100%;height:100%;border-radius:50%;border:1px solid #333e52;background:repeating-radial-gradient(circle,#090b10 0 2px,#212733 3px,#0b0e13 4px);animation:vinyl-spin 22s linear infinite;animation-play-state:paused}.playing .vinyl{animation-play-state:running}.vinyl:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent,#b1bace20,transparent 26%,transparent 50%,#b1bace14,transparent 75%)}.vinyl-label{position:absolute;inset:33%;border-radius:50%;border:2px solid var(--gz-primary);background:var(--gz-primary);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--gz-bg);box-shadow:0 0 0 7px #080b10}.vinyl-label img{width:100%;height:100%;object-fit:cover}.vinyl-label .mono{font-size:14px;text-align:center;font-weight:700;letter-spacing:1px}.vinyl-spindle{position:absolute;width:9px;height:9px;border-radius:50%;background:#0b0e13;border:2px solid #c1c8d3;left:calc(50% - 4.5px);top:calc(50% - 4.5px)}.tonearm{position:absolute;right:16px;top:15px;width:15px;height:60%;border-radius:5px;background:linear-gradient(90deg,#343d4b,#8591a5 45%,#252d3c);transform:rotate(-7deg);transform-origin:50% 10px;transition:transform 1s ease;border:1px solid #919baa33;pointer-events:none}.tonearm:before{content:"";position:absolute;top:-7px;left:-8px;width:28px;height:28px;border:4px solid #454e5e;background:#181f2a;border-radius:50%}.tonearm:after{content:"";position:absolute;bottom:-4px;left:-3px;width:19px;height:34px;background:#202834;border:1px solid #45516a;border-bottom:4px solid var(--gz-primary);border-radius:4px}.playing .tonearm{transform:rotate(21deg)}.turntable-mark{position:absolute;bottom:10px;left:12px;font-size:6px;letter-spacing:1px;line-height:1.6;color:var(--gz-text-faint)}.immersive-track-meta{margin-top:22px;text-align:center}.immersive-track-meta h1{font-size:26px;line-height:1.4;letter-spacing:0;margin:9px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.immersive-track-meta>div{color:var(--gz-text-muted);font-size:14px}.immersive-track-meta p{font-size:11px;color:var(--gz-text-faint);margin-top:10px;letter-spacing:.4px}.immersive-lyrics-section{height:100%;max-height:620px;min-height:0;display:flex;flex-direction:column;overflow:hidden}.lyrics-heading{display:flex;justify-content:space-between;align-items:center;padding:10px 0 25px;gap:15px;flex-shrink:0}.lyrics-heading>.mono{font-size:10px;color:var(--gz-text-faint)}.immersive-lyrics{position:relative;flex:1;min-height:0;overflow:auto;scrollbar-width:none;padding:120px 0;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}.immersive-line{display:block;width:100%;border:0;text-align:left;font-size:21px;line-height:1.8;color:var(--gz-text-faint);padding:13px 0;transition:color .3s,transform .3s;transform-origin:left center}.immersive-line small{display:block;font-size:13px;color:inherit;opacity:.7}.immersive-line:hover{color:var(--gz-text-muted)}.immersive-line.current{color:var(--gz-primary);transform:scale(1.04);font-weight:600}.lyrics-placeholder{color:var(--gz-text-muted);font-size:17px;line-height:2.4}.lyrics-placeholder .mono{font-size:11px;color:var(--gz-text-faint);letter-spacing:2px}.lyrics-placeholder small{color:var(--gz-text-faint);font-size:12px}.immersive-controls{flex-shrink:0;border-top:1px solid var(--gz-border);padding:18px max(40px,calc((100vw - 1120px) / 2)) 24px;background:var(--gz-surface)}.immersive-progress{display:flex;align-items:center;gap:17px;font:11px var(--mono);color:var(--gz-text-muted)}.immersive-progress input{width:100%}.immersive-control-row{display:flex;align-items:center;justify-content:space-between;margin-top:19px;gap:15px}.immersive-control-caption{font-size:10px;letter-spacing:2px;color:var(--gz-text-faint);width:180px}.immersive-control-row .play-toggle{width:44px;height:44px}.immersive-volume{display:flex;align-items:center;justify-content:flex-end;gap:12px;color:var(--gz-text-faint);width:180px}.immersive-volume input{width:85px}.immersive-volume svg{width:17px}
@keyframes vinyl-spin{to{transform:rotate(360deg)}}
.vinyl-label{inset:0;border:0;box-shadow:none}.vinyl-label svg{width:32%;height:32%}.vinyl-label .mono{font-size:clamp(13px,3vw,29px)}
@media(max-height:800px) and (min-width:761px){.immersive-header{height:62px}.turntable{max-width:300px}.immersive-body{padding-top:20px}.immersive-track-meta h1{font-size:23px}.listening-label{margin-bottom:12px}.immersive-track-meta{margin-top:15px}.immersive-controls{padding-top:13px;padding-bottom:16px}}
@media(max-width:1150px){.account-button{max-width:145px}.title-line{gap:5px;flex-wrap:wrap}.title-line .access-badge{font-size:9px}.track-row{min-height:72px}.track-title{line-height:1.7}.artist-albums{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.detail-cover{width:185px}.detail-copy h1{font-size:30px}.song-detail-grid{gap:15px}.info-panel{padding:21px}.immersive-body{padding-left:35px;padding-right:35px;gap:6%}.immersive-line{font-size:18px}}
@media(max-width:760px){.topbar{height:114px;display:grid;grid-template-columns:1fr auto;grid-template-rows:40px 36px;padding:12px 18px;gap:9px 12px}#search-form{grid-column:1 / -1;max-width:none;width:100%;height:40px}.topbar #import-open{grid-column:2;grid-row:2;font-size:12px;height:33px;padding:7px 12px}.topbar #account-open{grid-column:1;grid-row:2;justify-self:start;height:33px;padding:7px 10px;max-width:190px;font-size:12px}.sidebar{border-color:var(--gz-border)}.hero-art{opacity:.45}.sidebar nav{gap:0}.sidebar-caption{display:none}.track-row{grid-template-columns:minmax(115px,1fr) 100px;min-height:70px}.track-art{width:39px;height:39px}.track-info>div:last-child{width:calc(100% - 48px)}.track-title{font-size:13px;width:100%}.title-line{display:block}.title-line .access-badge{font-size:8px;vertical-align:middle;margin:1px 0 3px;padding:0 4px}.track-artist{font-size:11px}.now-meta button{font-size:12px}.now-meta #now-artist{font-size:10px}.detail-topline{margin-bottom:20px}.detail-topline>.mono{font-size:9px}.detail-hero{gap:18px;align-items:flex-start;flex-wrap:wrap;padding-bottom:25px}.detail-cover{width:105px;border-radius:10px}.detail-copy{min-width:190px}.detail-copy h1{font-size:24px;margin:9px 0;line-height:1.4}.detail-copy .eyebrow{font-size:9px;letter-spacing:1.5px}.detail-tags{margin-top:10px}.detail-artists{font-size:13px}.detail-meta{font-size:11px}.detail-copy .view-actions{gap:6px;margin-top:15px;flex-wrap:wrap}.detail-copy .view-actions .button{font-size:11px;padding:9px}.artist-bio{font-size:12px}.song-detail-grid{grid-template-columns:1fr}.info-panel{padding:21px}.song-lyrics>div{max-height:330px}.artist-albums{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.artist-albums .album-card{display:block!important}.artist-albums .album-card h3{font-size:12px}.artist-albums .album-card p{font-size:9px;line-height:1.8}.access-badge{font-size:9px}.immersive-header{height:56px;padding:0 17px}.immersive-header .text-link{font-size:12px}.immersive-wordmark{font-size:9px;letter-spacing:1px}.immersive-wordmark span{margin:0 3px}.immersive-body{display:flex;flex-direction:column;gap:15px;padding:17px 26px 5px;overflow:auto;align-items:stretch}.turntable-section{width:100%;max-width:none;flex-shrink:0}.listening-label{font-size:8px;margin-bottom:12px}.turntable{width:min(58vw,245px);padding:14px;border-radius:10px}.immersive-track-meta{margin-top:15px}.immersive-track-meta h1{font-size:21px;margin:7px 0}.immersive-track-meta>div{font-size:12px}.immersive-track-meta p{font-size:10px;margin:7px 0}.immersive-lyrics-section{height:180px;min-height:160px;flex:1;width:100%}.lyrics-heading{padding:3px 0 9px}.lyrics-heading .eyebrow{font-size:9px;letter-spacing:1px}.lyrics-heading>.mono{font-size:9px}.immersive-lyrics{padding:60px 8px;text-align:center}.immersive-line{text-align:center;font-size:16px;padding:9px 0;transform-origin:center}.immersive-line small{font-size:11px}.lyrics-placeholder{font-size:14px;line-height:1.8}.lyrics-placeholder .mono{font-size:9px}.lyrics-placeholder small{font-size:11px}.immersive-controls{padding:13px 20px max(16px,env(safe-area-inset-bottom))}.immersive-control-row{justify-content:center;margin-top:12px}.immersive-control-caption,.immersive-volume{display:none}.immersive-control-row .playback-controls{gap:25px}.immersive-control-row .play-toggle{width:40px;height:40px}.immersive-progress{font-size:10px;gap:11px}.tonearm{width:10px}.tonearm:before{width:23px;height:23px}.tonearm:after{width:15px;height:27px}.turntable-mark{font-size:5px;bottom:6px}.qr-box{margin-top:16px}.login-footnote{font-size:11px}}
@media(prefers-reduced-motion:reduce){body:before{display:none}.vinyl{animation:none!important}.tonearm,.immersive-line{transition:none!important}}
.brand{font-size:25px}.brand>span:last-child{white-space:nowrap}.brand-icon{font-family:inherit;font-size:18px;line-height:1;padding-bottom:0}.record-label{font:600 13px/1.2 system-ui,sans-serif;text-align:center}.player-playlist-button{border:1px solid var(--gz-border);padding:7px 9px;white-space:nowrap}.player-playlist-button:hover{border-color:var(--gz-border-primary)}.queue-label{font-size:11px}.song-lyrics-only{width:100%;min-height:250px}.immersive-track-actions{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px}.immersive-track-meta .immersive-track-actions .icon-btn{border:1px solid var(--gz-border);background:var(--gz-surface);padding:8px 11px;color:var(--gz-text-muted);font-size:11px}.immersive-track-meta .immersive-track-actions .icon-btn:hover{color:var(--gz-primary);border-color:var(--gz-border-primary)}.immersive-track-meta .immersive-track-actions .icon-btn.active{color:var(--gz-primary);background:var(--gz-primary-soft);border-color:var(--gz-border-primary)}.immersive-track-meta .immersive-track-actions .icon-btn.saved{color:var(--gz-success)}.immersive-track-actions svg{width:15px;height:15px}
@media(max-width:760px){.brand{font-size:21px;letter-spacing:-1px}.brand-icon{font-size:14px}.player{grid-template-columns:minmax(0,1fr) 110px 68px;gap:0 6px}.playback-controls{grid-column:2}.player-right{display:flex;grid-column:3;grid-row:1;width:auto;justify-content:flex-end}.player-right>:not(#queue-toggle){display:none}.player-playlist-button{display:grid;grid-template-columns:auto auto;gap:0 3px;padding:5px}.player-playlist-button svg{grid-row:1 / 3}.player-playlist-button .queue-label{font-size:9px}.player-playlist-button #queue-count{font-size:9px;color:var(--gz-text-faint);text-align:left}.immersive-track-actions{margin-top:10px;gap:5px}.immersive-track-meta .immersive-track-actions .icon-btn{padding:7px 8px;font-size:10px}.immersive-track-actions svg{width:13px;height:13px}.song-lyrics-only{min-height:220px}}
.quality-control{display:flex;align-items:center;gap:7px;color:var(--gz-text-muted);font-size:11px;white-space:nowrap}.quality-control select{background:var(--gz-surface-2);color:var(--gz-text);border:1px solid var(--gz-border);border-radius:7px;padding:9px 7px;outline:none}.quality-control select:focus{border-color:var(--gz-border-primary)}.site-user{max-width:130px;color:var(--gz-text-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-user:hover{color:var(--gz-primary)}.auth-gate{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:var(--gz-bg);background-image:linear-gradient(#98a2b806 1px,transparent 1px),linear-gradient(90deg,#98a2b806 1px,transparent 1px);background-size:32px 32px;padding:20px}.auth-gate[hidden]{display:none}.auth-card{width:min(430px,100%);padding:38px;text-align:center;background:var(--gz-surface);border:1px solid var(--gz-border);border-radius:12px;box-shadow:var(--gz-shadow-lg)}.auth-card .brand-icon{display:flex;margin:0 auto 20px;width:46px;height:46px}.auth-card h1{font-size:26px;margin:14px 0}.auth-card p{color:var(--gz-text-muted);line-height:1.8;margin-bottom:24px}.auth-card .button{width:100%}
@media(max-width:1150px){.quality-control>span{display:none}.site-user{max-width:90px}.topbar{gap:10px}}
.immersive-track-meta #immersive-favorite:not(.active):hover{color:var(--gz-text);background:var(--gz-surface-2);border-color:var(--gz-border-strong)}.immersive-lyrics{overflow-anchor:none;overscroll-behavior:contain}.immersive-line.current:hover{color:var(--gz-primary)}#immersive #queue-panel{position:absolute;top:76px;bottom:150px;width:min(380px,100%);z-index:5}#immersive-queue-toggle{flex-shrink:0}#immersive-queue-count{font-size:11px}#immersive .queue-item.active{color:var(--gz-primary)}
@media(max-width:760px){.immersive-control-row{flex-wrap:nowrap;gap:0}.immersive-control-row .playback-controls{width:100%;justify-content:center;gap:clamp(8px,3vw,18px)}.immersive-control-row .icon-btn{width:36px;height:36px;flex-shrink:0;padding:8px}.immersive-control-row .icon-btn svg{width:18px;height:18px}#immersive #queue-panel{top:56px;bottom:110px}#immersive-queue-toggle{display:flex}.immersive-body{gap:12px;padding:12px 22px 6px;overflow:hidden}.turntable{width:clamp(76px,min(52vw,calc(100dvh - 540px)),220px)}.listening-label{margin-bottom:8px}.immersive-track-meta{margin-top:10px}.immersive-track-meta h1{margin:6px 0}.immersive-lyrics-section{height:auto;min-height:210px;flex:1 0 210px;max-height:none}.immersive-line{line-height:24px;padding:4px 0}.immersive-lyrics{mask-image:linear-gradient(transparent,#000 5%,#000 95%,transparent)}}
@media(max-width:760px) and (max-height:650px){.immersive-body{gap:8px;padding-top:8px}.turntable{width:76px;padding:6px}.listening-label{display:none}.immersive-track-meta{margin-top:7px}.immersive-track-meta h1{font-size:19px}.immersive-track-actions{margin-top:7px}.immersive-header{height:48px}.immersive-controls{padding-top:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}}
#cache-manage{grid-column:1/-1;width:100%;margin-top:10px}.cache-list{max-height:38vh;overflow:auto;border-top:1px solid var(--gz-border);border-bottom:1px solid var(--gz-border)}.cache-option{display:flex;align-items:flex-start;gap:10px;padding:12px 0;font-size:13px;line-height:1.6;cursor:pointer}.cache-option input{flex:none;margin-top:4px;accent-color:var(--gz-primary)}.cache-option span{min-width:0;overflow-wrap:anywhere}.cache-option strong{display:block}.cache-option small{color:var(--gz-text-muted);display:block}.cache-warning{color:var(--gz-warning)}
@media(max-width:760px){.topbar{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-rows:40px 36px}.topbar #search-form{grid-column:1 / -1}.topbar .quality-control{grid-column:1;grid-row:2}.topbar #import-open{grid-column:2;grid-row:2}.topbar #account-open{grid-column:3;grid-row:2;min-width:0}.topbar #site-user{grid-column:4;grid-row:2;align-self:center;width:30px;font-size:0}.topbar #site-user:after{content:'站点';font-size:10px}.quality-control select{height:33px;padding:6px;font-size:11px}.auth-card{padding:28px 22px}}

/* Song lists are a straight, left-aligned stack. The playing queue keeps the
   “播放列表” wording so the two concepts remain distinct. */
.playlist-nav{display:flex;flex-direction:column;align-items:stretch}
.playlist-nav .nav-item{display:flex;flex:none;margin-left:0;margin-right:0;text-align:left}

.queue-item{justify-content:flex-start}
.queue-item>svg,.queue-item>.track-art{flex:none}
.track-row{grid-template-columns:32px minmax(180px,2.1fr) minmax(100px,1.2fr) 72px 54px 175px}

@media(max-width:1150px){.track-row{grid-template-columns:25px minmax(150px,2fr) 70px 43px 165px}}

@media(max-width:760px){
  .playlist-nav{display:none}
  .track-row{grid-template-columns:minmax(95px,1fr) 140px}
  .row-actions .icon-btn{padding:5px}
  .topbar #site-user{display:inline-flex;align-items:center;justify-content:center;width:44px;height:33px;padding:0 7px;border:1px solid var(--gz-border);border-radius:7px;background:var(--gz-surface-2);color:var(--gz-text-muted)}
  .topbar #site-user:hover{border-color:var(--gz-border-primary);color:var(--gz-primary)}
}

/* Both render surfaces share one analyser and only one is visible at a time.
   Effect 02 sits over the chrome only at the transparent screen-edge band, so
   all four sides remain visible without intercepting any interaction. */
.audio-visualizer{position:fixed;inset:0;display:block;width:100vw;height:100vh;z-index:0;pointer-events:none;transition:opacity .35s ease}
#audio-visualizer{opacity:.62;mix-blend-mode:screen;filter:saturate(1.08)}
#audio-visualizer[data-effect="grid-beat"]{opacity:.78;mix-blend-mode:screen;filter:saturate(1.12)}
#audio-visualizer-webgl{z-index:50;opacity:.66;mix-blend-mode:normal;filter:none}
#audio-visualizer-webgl[data-effect="solar-orbit"]{z-index:0;opacity:.76}
.audio-visualizer[hidden]{display:none}
main{position:relative;z-index:1}
#immersive{isolation:isolate;background-color:rgba(11,14,19,.9)}
#immersive>*:not(.audio-visualizer){position:relative;z-index:1}
#immersive>.audio-visualizer{z-index:0}
.audio-wave-panel{border-color:transparent!important}
.audio-panel-border{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;z-index:20;pointer-events:none}
.audio-panel-border path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.audio-panel-border-aura{opacity:0}
#visualizer-open.active{color:var(--gz-primary);background:var(--gz-primary-soft);box-shadow:inset 0 0 0 1px var(--gz-border-primary),0 0 14px rgba(255,122,0,.12)}
.visualizer-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0;padding:16px;border:1px solid var(--gz-border);border-radius:var(--gz-radius);background:var(--gz-bg);cursor:pointer}.visualizer-toggle span{min-width:0}.visualizer-toggle strong{display:block;font-size:13px;font-weight:600}.visualizer-toggle small{display:block;margin-top:6px;color:var(--gz-text-muted);font-size:11px;line-height:1.6}.visualizer-toggle input{appearance:none;position:relative;flex:none;width:42px;height:23px;margin:0;border:1px solid var(--gz-border-strong);border-radius:20px;background:var(--gz-surface-2);cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}.visualizer-toggle input:before{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:var(--gz-text-muted);transition:transform .2s,background .2s}.visualizer-toggle input:checked{border-color:var(--gz-border-primary);background:var(--gz-primary-soft);box-shadow:0 0 14px rgba(255,122,0,.14)}.visualizer-toggle input:checked:before{transform:translateX(19px);background:var(--gz-primary)}.visualizer-toggle input:focus-visible{outline:2px solid var(--gz-primary);outline-offset:3px}.visualizer-swatch{position:relative;height:72px;display:flex;align-items:flex-end;gap:7px;padding:12px 14px 18px;overflow:hidden;border:1px solid var(--gz-border);border-radius:var(--gz-radius-sm);background:linear-gradient(180deg,rgba(255,122,0,.02),rgba(255,122,0,.08)),repeating-linear-gradient(90deg,transparent 0 31px,rgba(152,162,184,.05) 31px 32px)}.visualizer-swatch i{display:block;width:8px;background:linear-gradient(180deg,rgba(255,143,51,.4),var(--gz-primary));box-shadow:0 0 9px rgba(255,122,0,.3)}.visualizer-swatch i:nth-child(1){height:18px}.visualizer-swatch i:nth-child(2){height:35px}.visualizer-swatch i:nth-child(3){height:25px}.visualizer-swatch i:nth-child(4){height:45px}.visualizer-swatch i:nth-child(5){height:31px}.visualizer-swatch i:nth-child(6){height:14px}.visualizer-swatch span{position:absolute;right:10px;bottom:7px;color:var(--gz-text-faint);font-size:9px;letter-spacing:1px}

.visualizer-swatch.edge{display:block;padding:0;box-shadow:inset 0 0 14px rgba(255,122,0,.04)}.visualizer-swatch.edge:before{content:"";position:absolute;inset:7px;background:linear-gradient(90deg,transparent 5%,rgba(255,122,0,.34) 19%,rgba(255,161,65,.58) 27%,transparent 40%) top/100% 1px no-repeat,linear-gradient(180deg,transparent 8%,rgba(255,122,0,.42) 28%,transparent 45%) right/1px 100% no-repeat,linear-gradient(270deg,transparent 10%,rgba(255,122,0,.32) 25%,rgba(255,161,65,.5) 34%,transparent 48%) bottom/100% 1px no-repeat,linear-gradient(0deg,transparent 7%,rgba(255,122,0,.38) 26%,transparent 43%) left/1px 100% no-repeat}.visualizer-swatch.edge i{position:absolute;width:auto;height:auto;border-radius:99px;background:#ff9d3d;box-shadow:0 0 7px rgba(255,122,0,.5)}.visualizer-swatch.edge i:nth-child(1){left:24%;top:7px;width:3px;height:3px}.visualizer-swatch.edge i:nth-child(2){right:7px;top:29%;width:3px;height:3px}.visualizer-swatch.edge i:nth-child(3){right:31%;bottom:7px;width:3px;height:3px}.visualizer-swatch.edge i:nth-child(4){left:7px;bottom:28%;width:3px;height:3px}.visualizer-swatch.edge i:nth-child(n+5){display:none}
.visualizer-swatch.orbit{display:block;padding:0;background:radial-gradient(circle at 50% 48%,rgba(255,153,54,.16) 0 4%,rgba(255,122,0,.05) 5% 18%,transparent 38%),repeating-linear-gradient(90deg,transparent 0 31px,rgba(152,162,184,.04) 31px 32px)}.visualizer-swatch.orbit:before{content:"";position:absolute;left:50%;top:48%;width:45px;height:45px;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(255,143,51,.62);box-shadow:0 0 0 7px rgba(255,122,0,.05),0 0 18px rgba(255,122,0,.18)}.visualizer-swatch.orbit:after{content:"";position:absolute;left:50%;top:48%;width:68px;height:28px;transform:translate(-50%,-50%) rotate(-13deg);border:1px solid rgba(255,122,0,.28);border-left-color:transparent;border-right-color:transparent;border-radius:50%}.visualizer-swatch.orbit i{position:absolute;left:50%;top:48%;width:2px;height:25px;transform-origin:50% 0;background:linear-gradient(rgba(255,175,91,.9),rgba(255,122,0,.12));box-shadow:0 0 7px rgba(255,122,0,.36)}.visualizer-swatch.orbit i:nth-child(1){transform:rotate(8deg) translateY(-31px)}.visualizer-swatch.orbit i:nth-child(2){height:17px;transform:rotate(61deg) translateY(-29px)}.visualizer-swatch.orbit i:nth-child(3){height:28px;transform:rotate(116deg) translateY(-30px)}.visualizer-swatch.orbit i:nth-child(4){height:15px;transform:rotate(184deg) translateY(-28px)}.visualizer-swatch.orbit i:nth-child(5){height:23px;transform:rotate(239deg) translateY(-31px)}.visualizer-swatch.orbit i:nth-child(6){height:19px;transform:rotate(307deg) translateY(-29px)}
.visualizer-swatch.panel-wave{display:block;padding:0;background:linear-gradient(145deg,rgba(152,162,184,.025),rgba(152,162,184,.07)),repeating-linear-gradient(90deg,transparent 0 31px,rgba(152,162,184,.04) 31px 32px)}.visualizer-swatch.panel-wave:before{content:"";position:absolute;inset:12px 22px;border:1px solid var(--gz-border-strong);border-radius:7px;background:rgba(11,14,19,.72)}.visualizer-swatch.panel-wave i{position:absolute;display:block;width:28%;height:4px;background:linear-gradient(90deg,transparent,var(--gz-text-muted),transparent);clip-path:polygon(0 55%,12% 5%,25% 82%,38% 18%,52% 95%,67% 22%,82% 74%,100% 35%,100% 65%,82% 100%,67% 48%,52% 100%,38% 44%,25% 100%,12% 31%,0 78%);filter:none;box-shadow:0 0 6px rgba(152,162,184,.24)}.visualizer-swatch.panel-wave i:nth-child(1){left:18%;top:11px}.visualizer-swatch.panel-wave i:nth-child(2){right:17%;top:11px;transform:scaleY(-1)}.visualizer-swatch.panel-wave i:nth-child(3){right:8px;top:25%;transform:rotate(90deg);transform-origin:right center}.visualizer-swatch.panel-wave i:nth-child(4){right:8px;bottom:17%;transform:rotate(90deg) scaleY(-1);transform-origin:right center}.visualizer-swatch.panel-wave i:nth-child(5){left:18%;bottom:10px;transform:scaleY(-1)}.visualizer-swatch.panel-wave i:nth-child(6){left:8px;top:36%;transform:rotate(90deg) scaleY(-1);transform-origin:left center}
.visualizer-swatch.grid-beat{display:block;padding:0;background:linear-gradient(rgba(152,162,184,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(152,162,184,.055) 1px,transparent 1px),linear-gradient(180deg,rgba(255,122,0,.015),rgba(255,122,0,.06));background-size:32px 32px,32px 32px,auto}.visualizer-swatch.grid-beat i{position:absolute;display:block;width:30px;height:30px;background:linear-gradient(135deg,rgba(255,184,104,.46),rgba(255,122,0,.16));border:1px solid rgba(255,158,64,.54);box-shadow:0 0 11px rgba(255,122,0,.34);opacity:.9}.visualizer-swatch.grid-beat i:nth-child(1){left:calc(50% - 95px);top:1px}.visualizer-swatch.grid-beat i:nth-child(2){left:calc(50% - 31px);top:33px;opacity:.42}.visualizer-swatch.grid-beat i:nth-child(3){left:calc(50% + 1px);top:1px;opacity:.68}.visualizer-swatch.grid-beat i:nth-child(4){left:calc(50% + 65px);top:33px;opacity:.3}.visualizer-swatch.grid-beat i:nth-child(5){left:calc(50% + 97px);top:1px;opacity:.55}.visualizer-swatch.grid-beat i:nth-child(6){display:none}.visualizer-swatch.grid-beat span{z-index:1;text-shadow:0 1px 4px var(--gz-bg)}
.visualizer-swatch.grid-beat i:nth-child(-n+5){opacity:.72}.visualizer-swatch.grid-beat:before{content:"";position:absolute;left:calc(50% - 38px);top:24px;width:44px;height:44px;border:1px solid rgba(255,122,0,.28);box-shadow:0 0 13px rgba(255,122,0,.18)}

@media(max-width:760px){#audio-visualizer{opacity:.5}#audio-visualizer-webgl{opacity:.56}#audio-visualizer-webgl[data-effect="solar-orbit"]{opacity:.62}.player{grid-template-columns:minmax(0,1fr) 110px 98px}.player-right{gap:3px}.player-right>:not(#queue-toggle):not(#visualizer-open){display:none}.player-right>#visualizer-open{display:inline-flex;width:31px;height:34px;padding:6px}.player-playlist-button{width:62px}.visualizer-toggle{padding:14px}}
@media(max-width:760px){#audio-visualizer[data-effect="grid-beat"]{opacity:.66}}
@media(prefers-reduced-motion:reduce){.audio-visualizer{display:none!important}.visualizer-toggle input,.visualizer-toggle input:before{transition:none}}

#modal{max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow:auto}
.sound-settings-section{min-width:0}.settings-label{margin:19px 0 8px;color:var(--gz-primary);font-size:12px;letter-spacing:1.7px}.sound-settings-section:first-child .settings-label{margin-top:13px}.settings-divider{height:1px;margin:24px 0 4px;background:var(--gz-border)}
.effect-strength>span{display:flex;justify-content:space-between;gap:12px}.effect-strength output{color:var(--gz-primary);font:12px var(--mono)}.effect-strength input[type="range"]{height:22px;margin-top:10px;padding:0;border:0;border-radius:0;background:linear-gradient(to right,var(--gz-primary) var(--progress,0%),var(--gz-border-strong) var(--progress,0%)) center/100% 3px no-repeat}
.effect-import{position:relative;width:100%;margin-top:5px;cursor:pointer}.effect-import input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.effect-import:focus-within{outline:2px solid var(--gz-primary);outline-offset:3px}.effect-import-status{display:block;margin-top:9px;color:var(--gz-text-muted);font-size:12px;line-height:1.65}
.effect-admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.effect-admin-actions .effect-import{margin:0}.effect-community-links{margin:13px 0 0;color:var(--gz-text-muted);font-size:12px;line-height:1.7}.effect-community-links a{color:var(--gz-primary);text-decoration:none}.effect-community-links a:hover,.effect-community-links a:focus-visible{text-decoration:underline}.effect-preset-list{display:grid;gap:10px;max-height:52vh;overflow:auto}.effect-preset-item{display:grid;gap:11px;padding:14px;border:1px solid var(--gz-border);border-radius:var(--gz-radius-sm);background:var(--gz-surface-deep)}.effect-preset-item>span{display:grid;gap:5px;min-width:0}.effect-preset-item strong{overflow-wrap:anywhere}.effect-preset-item small{color:var(--gz-text-muted);font-size:12px;line-height:1.55}.effect-preset-item>div{display:flex;flex-wrap:wrap;gap:7px}.effect-preset-item .button{width:auto;margin:0}.button.danger{border-color:rgba(239,95,95,.45);color:#ff9a9a}
@media(max-width:760px){#modal{padding:21px}.settings-divider{margin-top:20px}.sound-settings-section .visualizer-toggle{margin:15px 0}.effect-import{white-space:normal;text-align:center;line-height:1.45}}
@media(max-width:420px){.effect-admin-actions{grid-template-columns:1fr}.effect-preset-item>div{display:grid;grid-template-columns:1fr}.effect-preset-item .button{width:100%}}

/* Search is explicitly tappable in addition to Enter / Cmd+K. */
#search-form{max-width:380px}
#search-submit{flex:none;min-width:56px;min-height:32px;padding:0 11px;border:1px solid var(--gz-border-primary);border-radius:6px;background:var(--gz-primary-soft);color:var(--gz-primary);font-size:12px;font-weight:600}
#search-submit:hover,#search-submit:focus-visible{background:var(--gz-primary);color:var(--gz-bg)}

/* Song-row actions need a real touch target, not only a larger glyph. */
.row-actions .icon-btn{min-width:34px;min-height:34px;padding:8px}
.row-actions .icon-btn svg{width:17px;height:17px}
.track-row{grid-template-columns:32px minmax(180px,2.1fr) minmax(100px,1.2fr) 72px 54px 190px}

.script-warning{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:24px;background:var(--gz-bg);color:var(--gz-text);font-size:16px;text-align:center}
dialog:not([open]){display:none}

@media(max-width:1150px){.track-row{grid-template-columns:25px minmax(150px,2fr) 70px 43px 185px}}
@media(max-width:760px){
  #search-form{padding-right:5px}
  #search-form>kbd{display:none}
  #search-submit{min-width:58px;min-height:34px}
  .track-row{grid-template-columns:minmax(90px,1fr) 180px;gap:4px;min-height:76px}
  .row-actions .icon-btn{width:36px;height:36px;min-width:36px;min-height:36px;padding:8px}
  .row-actions .icon-btn svg{width:18px;height:18px}
}

/* Compact navigation and shared player tools. */
.brand{padding-left:0}
#immersive-visualizer-open.active{color:var(--gz-primary);background:var(--gz-primary-soft);box-shadow:inset 0 0 0 1px var(--gz-border-primary),0 0 14px rgba(255,122,0,.12)}
.mobile-account-actions{display:grid;gap:9px;margin-top:18px}
.mobile-account-actions .button{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis}

@media(max-width:760px){
  .topbar{grid-template-columns:auto auto minmax(0,1fr)}
  .topbar #account-open{grid-column:3;justify-self:stretch;max-width:none}
  .topbar #site-user{display:none}
  .player-playlist-button{display:inline-flex;grid-template-columns:none;gap:4px;width:auto;min-width:62px;flex-wrap:nowrap}
  .player-playlist-button svg{grid-row:auto}
  .player-playlist-button #queue-count{display:none}
  .immersive-control-row .playback-controls{gap:clamp(2px,1vw,8px)}
}

.artist-bio[open]>summary{display:none}
.artist-bio-full p{white-space:pre-line;max-height:250px;overflow:auto;margin-bottom:10px}
.artist-bio-full .text-link{color:var(--gz-primary);padding:5px 0}
.queue-track{display:flex;align-items:center;gap:12px;min-width:0;flex:1;padding:0;text-align:left;color:inherit}
.queue-track>div:last-child{min-width:0;flex:1}
.queue-remove{flex:none;margin-left:auto}
.queue-remove:hover{color:var(--gz-danger)}