#recordsPanel .listen-albums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
#recordsPanel .listen-albums button{padding:5px;text-align:left;background:#d6ccb4;min-width:0;border:2px solid #b4a487}
#recordsPanel .listen-albums button[aria-pressed=true]{border-color:#755735;background:#f4e5bd}
#recordsPanel .listen-albums strong,#recordsPanel .listen-albums button>span:last-child{display:block;font:11px/1.35 'DM Mono',monospace;overflow-wrap:anywhere;margin:5px 2px}
#recordsPanel .listen-jewel{display:block;padding:3px 3px 3px 10px;border:2px ridge #c2c6c1;border-left:8px solid #343831;background:linear-gradient(110deg,#d0d5cd,#fafcf0,#8b948c);box-shadow:2px 3px 4px #312e2844}
#recordsPanel .listen-jewel img{width:100%;aspect-ratio:1;display:block;object-fit:contain}
#listenStyle{font-style:italic;font-size:14px}
#listenPlayer{padding:14px;border:3px ridge #8e9389;background:linear-gradient(#51564f,#272e2b);color:#e3dfc7;box-shadow:0 3px 5px #0004}
#listenPlayer>small{font:10px 'DM Mono',monospace;letter-spacing:1px}#listenNow{font:13px/1.4 'DM Mono',monospace;margin:10px 0}
#recordsPanel #listenPlayer button{background:linear-gradient(#dddccc,#969e92);color:#202a25;border:2px outset #a9ae9f;min-height:44px}
#recordsPanel #listenPlayer button:active{border-style:inset}#listenPlayer label{display:block;font:10px monospace;margin-top:10px}#listenSeek{width:100%;min-height:32px;accent-color:#b7c897;touch-action:pan-x}
#listenPlayer .listen-lcd{display:flex;align-items:center;justify-content:space-between;background:#172a22;color:#c5dd9d;padding:8px 12px;box-shadow:inset 0 2px 4px #000;font:18px monospace}
#listenPlayer .listen-disc{width:25px;height:25px;border-radius:50%;background:conic-gradient(#bec6b1,#577c6b,#cad3bd,#547c69,#bec6b1);border:6px solid #b8c6b0;box-shadow:inset 0 0 0 2px #192b21}
#listenPlayer.is-playing .listen-disc{animation:listen-spin 3s linear infinite}
#listenPlayer .listen-controls{display:flex;gap:8px;margin:6px 0 10px}#listenPlayer .listen-controls button{flex:1;padding:8px 5px}#listenMessage{font-size:13px;margin:10px 0 0;min-height:18px}
@keyframes listen-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#listenPlayer.is-playing .listen-disc{animation:none}}
@media(max-width:400px){#recordsPanel .listen-albums{gap:5px}#recordsPanel .listen-jewel{padding-left:3px;border-left-width:5px}#recordsPanel .listen-albums strong,#recordsPanel .listen-albums button>span:last-child{font-size:10px}#listenPlayer{padding:10px}}