*{box-sizing:border-box}body.song-library-page{margin:0;overflow-x:hidden}body.song-library-page.song-video-open{overflow:hidden}body.song-library-page::before{z-index:-1}.song-library-shell{width:min(1280px,calc(100% - 32px));margin:auto;padding:26px 0 48px}.song-library-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--pg-color-border)}.song-library-header .pg-brand{text-decoration:none}.song-library-header nav{display:flex;gap:9px}.song-library-hero{margin-top:24px;padding:clamp(28px,6vw,58px);text-align:center}.song-library-hero>span,.song-results-heading>div>span{color:var(--pg-color-accent-soft);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.song-library-hero h1{margin:12px 0}.song-library-hero p{margin:auto}.song-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:24px}.song-filters label{display:grid;gap:7px;font-size:13px;font-weight:900}.song-search{grid-column:span 2}.song-filter-actions{display:flex;align-items:end;gap:8px}.song-results{margin-top:30px}.song-results-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;padding-bottom:13px;border-bottom:1px solid var(--pg-color-border)}.song-results-heading h2{margin-top:6px}.song-no-playable{color:var(--pg-color-text-faint)}.song-queue{margin:14px 0;border:1px solid var(--pg-color-border);border-radius:10px;background:var(--pg-color-surface-muted)}.song-queue[hidden]{display:none}.song-queue summary{padding:12px 14px;color:var(--pg-color-accent-soft);font-weight:900;cursor:pointer}.song-queue-body{display:grid;gap:8px;padding:0 14px 14px}.song-queue-body>[data-queue-progress]{color:var(--pg-color-highlight)}.song-queue-body p,.song-queue-body small{margin:0;color:var(--pg-color-text-muted)}.song-queue-controls{display:flex;flex-wrap:wrap;gap:7px}.song-queue-controls button{min-height:38px;padding:8px 11px;border:1px solid var(--pg-color-border-strong);border-radius:6px;color:var(--pg-color-text);background:var(--pg-color-surface);font:inherit;font-weight:900;cursor:pointer}.song-queue-controls button:focus-visible,.song-queue summary:focus-visible,.song-video-close:focus-visible,.song-watch:focus-visible{outline:2px solid var(--pg-color-highlight);outline-offset:3px}.song-queue-controls button:disabled{opacity:.45;cursor:not-allowed}.song-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.song-card{min-width:0;overflow:hidden;padding:0}.song-cover{height:210px;display:grid;place-items:center;color:var(--pg-color-text-faint);background:#080c09;font-size:12px;font-weight:900;text-transform:uppercase}.song-cover img{width:100%;height:100%;object-fit:contain}.song-cover [hidden]{display:none}.song-copy{display:flex;min-height:270px;flex-direction:column;padding:17px}.song-badges{display:flex;flex-wrap:wrap;gap:6px}.song-artist{margin:14px 0 5px;color:var(--pg-color-accent-soft);font-size:12px;font-weight:900;text-transform:uppercase}.song-copy h3{margin:0 0 10px;font-size:24px;overflow-wrap:anywhere}.song-copy>p.pg-muted{margin:0 0 16px}.song-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.song-actions .pg-button{min-height:38px;padding:8px 10px}.song-play{border-color:var(--pg-color-border-strong);background:rgba(47,159,98,.14)}.song-unavailable{color:var(--pg-color-text-faint);font-size:13px;font-weight:800}.song-video-modal[hidden]{display:none}.song-video-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px}.song-video-backdrop{position:absolute;inset:0;background:rgba(3,7,5,.88);backdrop-filter:blur(5px)}.song-video-dialog{position:relative;z-index:1;width:min(960px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:16px;border:1px solid var(--pg-color-border-strong);border-radius:14px;background:var(--pg-color-surface);box-shadow:0 24px 80px rgba(0,0,0,.65)}.song-video-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.song-video-dialog h2{margin:0;font-size:clamp(18px,3vw,26px);overflow-wrap:anywhere}.song-video-dialog video{display:block;width:100%;max-height:70vh;border-radius:9px;background:#000}.song-video-dialog p{margin:11px 0 0;color:var(--pg-color-text-muted);font-size:13px}.song-video-close{width:42px;height:42px;flex:0 0 42px;border:1px solid var(--pg-color-border-strong);border-radius:50%;color:var(--pg-color-text);background:var(--pg-color-surface-muted);font-size:28px;line-height:1;cursor:pointer}@media(max-width:900px){.song-filters,.song-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.song-library-shell{width:min(100% - 22px,1280px);padding-top:18px}.song-library-header,.song-results-heading{align-items:flex-start;flex-direction:column}.song-library-header nav,.song-library-header nav .pg-button{width:100%}.song-library-hero{text-align:left}.song-filters,.song-grid{grid-template-columns:minmax(0,1fr)}.song-search{grid-column:auto}.song-filter-actions,.song-actions,.song-queue-controls{display:grid;grid-template-columns:1fr}.song-filter-actions .pg-button,.song-actions .pg-button,.song-queue-controls button,.song-results-heading>[data-queue-start]{width:100%}.song-cover{height:min(72vw,280px)}.song-copy{min-height:0}.song-video-modal{padding:10px}.song-video-dialog{max-height:calc(100vh - 20px);padding:12px}.song-video-dialog video{max-height:60vh}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.song-lyrics{margin-top:14px;padding:12px;border:1px solid var(--pg-color-border);border-radius:var(--pg-radius-md);background:var(--pg-color-surface-muted)}.song-lyrics summary{color:var(--pg-color-accent-soft);font-weight:900;cursor:pointer}.song-lyrics pre{max-height:360px;overflow:auto;padding:12px;border-radius:var(--pg-radius-sm);color:var(--pg-color-text);background:var(--pg-color-bg);font:inherit;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.song-translation-controls{display:flex;align-items:end;gap:10px}.song-translation-controls label{flex:1;display:grid;gap:6px}.song-translation-status{min-height:1.4em;color:var(--pg-color-text-muted)}@media(max-width:560px){.song-translation-controls{align-items:stretch;flex-direction:column}}