.synced-lyrics{margin:24px var(--discovery-gutter,32px);color:#eaf4ff;background:radial-gradient(at 100% 0,#143b603b,#0000 60%),#081a2a;border:1px solid #294967;border-radius:16px;padding:clamp(20px,3vw,40px);scroll-margin-top:100px}.synced-lyrics>header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.synced-lyrics header p{color:#8cc6ff;letter-spacing:.12em;align-items:center;gap:8px;margin:0 0 12px;font-size:.75rem;display:flex}.synced-lyrics h2{margin:0 0 8px;font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.2}.synced-lyrics header span{color:#a3b9ce;font-size:.875rem}.lyrics-dismiss{color:#deefff;cursor:pointer;background:#071320;border:1px solid #46647f;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.lyrics-follow-bar{color:#adc1d6;border-block:1px solid #29435b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:26px 0 12px;padding:14px 0;font-size:.875rem;display:flex}.lyrics-follow-bar button,.lyrics-status button{color:#daedff;cursor:pointer;background:#102d48;border:1px solid #476682;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:.875rem;display:flex}.synced-lyric-lines{overscroll-behavior:contain;scrollbar-color:#406487 #0b1c2d;height:min(50vh,420px);max-height:420px;padding:36px 4px 100px;scroll-padding-block:60px;position:relative;overflow-y:auto}.synced-lyric-lines>button{border:0;color:#a2b6cb;text-align:left;cursor:pointer;background:0 0;border-left:3px solid #0000;border-radius:5px;grid-template-columns:48px minmax(0,1fr);align-items:baseline;gap:18px;width:100%;padding:16px 14px;transition:color .15s,background .15s;display:grid}.synced-lyric-lines time{font-variant-numeric:tabular-nums;color:#a2b6cb;font-size:.75rem}.synced-lyric-lines span{overflow-wrap:anywhere;font-size:clamp(1.2rem,2.6vw,2.125rem);font-weight:700;line-height:1.4}.synced-lyric-lines>button.is-current{color:#fff;background:#1b41603d;border-left-color:#61b3ff}.synced-lyric-lines>button.is-past{color:#8aa3bc}.synced-lyric-lines>button:hover{color:#fff;background:#203a5066}.synced-lyrics button:focus-visible,.synced-lyric-lines:focus-visible{outline-offset:2px;outline:2px solid #8ac9ff}.lyrics-status{text-align:center;color:#b8cde1;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:220px;padding:30px 10px;font-size:1rem;display:flex}.lyrics-status h3,.lyrics-status p{margin:0}.lyrics-status p{max-width:450px;line-height:1.6}@media (width<=600px){.synced-lyrics{margin-inline:18px}.synced-lyric-lines>button{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:14px 9px}.synced-lyric-lines{height:350px;max-height:50vh}.lyrics-follow-bar{gap:10px}}@media (prefers-reduced-motion:reduce){.synced-lyric-lines>button{transition:none}}
