.table-tools{display:flex;align-items:center;gap:16px}.jukebox-launch{color:#dfc58b;background:#312e21;border:1px solid #756344;border-radius:6px;padding:8px 12px;font-size:13px;white-space:nowrap}.jukebox-launch.is-playing{color:#e5eeae;border-color:#a9b76c;background:#3c4125}.jukebox-launch.is-playing::before{content:'●';font-size:8px;margin-right:7px}#jukebox{width:min(560px,calc(100% - 24px));max-width:560px;max-height:92dvh;padding:22px 25px 20px;color:#f0dfb9;background:#282b23;border:2px solid #9e8758;border-radius:26px 26px 12px 12px;box-shadow:0 0 0 5px #32342b,0 22px 90px #0009;line-height:1.5}#jukebox::backdrop{background:#030b0bd0;backdrop-filter:blur(6px)}.jb-top{display:flex;align-items:center;justify-content:space-between;color:#a39672;font-size:10px;letter-spacing:1.4px}.jb-close{background:none;color:#dfcfa5;font-size:28px;padding:0 0 0 15px;line-height:1}.jb-masthead{display:flex;align-items:center;justify-content:space-around;gap:10px;text-align:center;margin:16px 0 20px}.jb-masthead h2{font-family:Georgia,serif;font-size:30px;letter-spacing:3px;margin:0;color:#ecd8a2;line-height:1.2}.jb-masthead p{font-size:12px;letter-spacing:3px;color:#b4a47e;margin:7px 0 0}.jb-star{font-size:26px;color:#bba06d}.jb-display{background:#15241e;border:1px solid #607357;border-radius:7px;padding:15px 18px;box-shadow:inset 0 2px 12px #0009;color:#bcdb96;font-family:'Courier New',monospace}.jb-display-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px}.jb-display>strong{display:block;font-size:21px;line-height:1.3;min-height:27px;margin:12px 0 7px;overflow-wrap:anywhere;text-shadow:0 0 10px #a1cf6244}.jb-display>span{font-size:11px;color:#859d71}.jb-bars{font-size:18px;letter-spacing:2px;opacity:.25;white-space:nowrap}.jb-display[data-playing=true] .jb-bars{opacity:1;animation:jukebox-glow 1.3s ease-in-out infinite alternate}.jb-stations{display:flex;gap:8px;margin:20px 0 9px}.jb-stations button{flex:1;border:1px solid #696349;border-radius:5px;padding:10px 8px;font-size:14px;color:#bdb394;background:#34382c}.jb-stations button[aria-pressed=true]{color:#292c21;background:#d5c18a;border-color:#decc9c;font-weight:600}#jb-station-note{font-size:12px;color:#b0a787;line-height:1.7;min-height:21px;margin:0 0 14px}.jb-track{width:100%;display:flex;align-items:center;gap:13px;padding:10px;margin-bottom:8px;border-radius:4px;background:#e0d6b8;color:#343b2c;border:2px solid transparent;text-align:left;box-shadow:0 2px 0 #1117}.jb-track:hover{background:#eee3c2}.jb-track.selected{border-color:#bada85;background:#f0e5bd}.jb-code{font-family:Georgia,serif;display:grid;place-items:center;background:#3a4333;color:#e4d7ac;font-size:19px;font-weight:700;width:42px;min-height:42px;border:1px solid #777b58;flex-shrink:0}.jb-track-label{min-width:0;flex:1}.jb-track-label strong{display:block;font-family:Georgia,serif;font-size:16px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.jb-track-label small{display:block;font-size:11px;margin-top:3px;color:#62664b}.jb-track-play{color:#6c7350;font-size:13px;padding-right:5px}.jb-track.selected .jb-track-play{color:#253922}#jb-error{font-size:13px;color:#f0b18e;margin:8px 0}#jb-error:empty{display:none}.jb-progress{display:flex;align-items:center;gap:10px;margin:19px 0 12px}.jb-progress span{font-size:11px;font-variant-numeric:tabular-nums;color:#afa887;min-width:30px}#jukebox input[type=range]{accent-color:#c8d593;padding:0;height:20px;border:0;background:transparent;outline-offset:3px}.jb-controls{display:flex;gap:9px;align-items:stretch}.jb-controls button{background:#3d4332;color:#ded3ad;border:1px solid #737050;border-radius:5px;padding:11px 12px;font-size:12px;white-space:nowrap}.jb-controls .jb-play{flex:1;background:#c9d394;color:#2c3824;font-size:15px;font-weight:650;border-color:#d4e2a0}.jb-volume{display:flex;align-items:center;gap:9px;margin:15px 0}.jb-volume button{background:#363c2e;border:1px solid #645f46;border-radius:4px;color:#d9ceaa;font-size:20px;width:33px;height:32px;flex-shrink:0}.jb-volume label{font-size:12px;color:#b9b08c;white-space:nowrap;margin:0}.jb-volume output{font-size:11px;color:#cfc09a;min-width:33px;text-align:right}.jb-footer{border-top:1px solid #5c5941;padding-top:12px;color:#a69d7b;font-size:11px;text-align:center}.jb-footer summary{cursor:pointer;padding:10px 0 0;font-size:11px;color:#c5b684}.jb-footer details{text-align:left}.jb-footer p{font-size:11px;line-height:1.7;color:#b2a888;margin:8px 0}.jb-footer a{color:#d2d89d;text-decoration:underline;text-underline-offset:3px}#jb-credits a{display:block;font-size:11px;margin:6px 0}@keyframes jukebox-glow{from{opacity:.4}to{opacity:1}}@media(max-width:640px){.table-tools{gap:10px}.jukebox-launch{font-size:11px;padding:6px 8px}#jukebox{padding:18px 17px 16px}.jb-masthead h2{font-size:25px;letter-spacing:2px}.jb-star{font-size:20px}.jb-top{font-size:9px}.jb-display>strong{font-size:18px}.jb-controls{gap:6px}.jb-controls button{padding:11px 8px;font-size:11px}.jb-controls .jb-play{font-size:14px}.jb-track-label strong{font-size:15px}.jb-volume label{font-size:11px}}@media(prefers-reduced-motion:reduce){.jb-bars{animation:none!important}}

#jb-tracks{max-height:280px;overflow-y:auto;overscroll-behavior:contain;padding:2px 4px 2px 0;scrollbar-width:thin;scrollbar-color:#a39462 #30362b}@media(max-width:640px){#jb-tracks{max-height:230px}}