.new-site .jukebox-section{padding-block:clamp(3.5rem,7vw,6rem);background:#070707}.jukebox-section>.ff-wrap{width:100%;max-width:1360px;margin-inline:auto;padding-inline:clamp(1.25rem,3vw,2.5rem)}.jukebox-section h2{font-size:clamp(2.2rem,4.5vw,4rem);margin-bottom:.8rem}.jukebox-intro{color:#b9b9b9;margin-bottom:2rem}.jukebox{background:#131313;padding:clamp(1.25rem,3vw,2.5rem);min-width:0}
.jukebox-player{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:2.5rem;padding-block:.5rem 1.5rem}.jukebox-now{display:contents}.jukebox-now>img{grid-column:1;grid-row:1/5;width:200px;height:200px;object-fit:cover;background:#202020}.jukebox.is-idle [data-jb-cover]{padding:3rem;opacity:.7}.jukebox-now>div{grid-column:2;min-width:0;overflow-wrap:anywhere;align-self:center}.jukebox-now p{margin:0 0 .55rem;color:#ccc;font-size:1rem;line-height:1.5}.jukebox-now .jukebox-now-title{font-family:'Archivo Black',sans-serif;font-size:clamp(1.5rem,2.5vw,2.35rem);font-weight:400;line-height:1.15;color:#f2f2ee;letter-spacing:-.025em;margin-bottom:.8rem}.jukebox a{color:#bbb;text-decoration:none}.jukebox a:hover,.jukebox a:focus-visible{color:#ff9900}.jukebox-now a{font-size:.85rem;text-decoration:underline;text-underline-offset:4px}.jukebox [hidden]{display:none!important}
.jukebox-controls{grid-column:2;display:flex;align-items:center;gap:.75rem;margin-top:1.5rem}.jukebox-controls button{width:52px;height:52px;border:0;border-radius:0;background:#242424;color:#eee;font-size:1.25rem}.jukebox-controls [data-jb-play]{width:80px;height:64px;background:#ff9900;color:#080808;font-size:1.5rem}.jukebox-controls button:disabled{opacity:.35}.jukebox-controls button:not(:disabled):hover{background:#303030}.jukebox-controls [data-jb-play]:not(:disabled):hover{background:#ffad2e}.jukebox-volume{margin-left:auto;font-size:.7rem;color:#aaa;width:140px;max-width:30%}.jukebox-volume input{display:block;width:100%;min-height:36px;margin-top:.25rem}.jukebox input[type=range]{accent-color:#ff9900;cursor:pointer;min-width:0}.jukebox-progress{grid-column:2;display:flex;align-items:center;gap:1rem;margin-top:.6rem;font-size:.8rem;font-variant-numeric:tabular-nums;color:#bbb}.jukebox-progress input{flex:1;width:0;min-height:48px}.jukebox-progress span{min-width:3rem}.jukebox-progress span:last-child{text-align:right}.jukebox-progress input::-webkit-slider-thumb{min-width:18px;min-height:18px}.jukebox-progress input::-moz-range-thumb{width:18px;height:18px}.jukebox-status{grid-column:2;font-size:.75rem;color:#999;min-height:1.5em;margin:.25rem 0 0}
.jukebox-search{display:block;font-size:.7rem;font-weight:700;letter-spacing:.1em;color:#aaa;margin:1.25rem 0 .5rem}.jukebox-search input{display:block;width:100%;min-width:0;min-height:60px;padding:1rem 1.2rem;margin-top:.7rem;background:#202020;color:#eee;border:0;border-bottom:2px solid #555;border-radius:0;font:400 1rem Archivo,sans-serif;letter-spacing:normal}.jukebox-search input::placeholder{color:#aaa;opacity:1}.jukebox-filter-panel{padding-top:.4rem}.jukebox-filter-panel summary{min-height:44px;padding-block:.75rem;font-size:.75rem;color:#bbb;font-weight:600;cursor:pointer}.jukebox-filters{display:grid;grid-template-columns:1fr .7fr 1.5fr .8fr;gap:1.2rem;padding-block:.6rem 1rem}.jukebox-filters label{min-width:0;font-size:.65rem;letter-spacing:.1em;font-weight:700;color:#999}.jukebox-filters select{display:block;width:100%;min-width:0;min-height:44px;margin-top:.45rem;padding:.6rem .8rem;background:#1b1b1b;color:#ddd;border:0;border-bottom:1px solid #555;border-radius:0;font:400 .85rem Archivo,sans-serif;letter-spacing:normal;color-scheme:dark}.jukebox-count{font-size:.75rem;color:#aaa;margin:1.25rem 0 1rem}
.jukebox-list{max-height:780px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-color:#555 #191919;scrollbar-width:thin;padding-right:.5rem}.jukebox-list::-webkit-scrollbar{width:6px}.jukebox-list::-webkit-scrollbar-track{background:#191919}.jukebox-list::-webkit-scrollbar-thumb{background:#555}.jukebox-row{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr) 3rem;align-items:center;gap:1.25rem;min-width:0;min-height:62px;padding:.5rem .7rem;border-top:1px solid #292929;border-left:3px solid transparent;cursor:pointer}.jukebox-row:hover{background:#1c1c1c}.jukebox-row.is-current{border-left-color:#ff9900;background:#211c15}.jukebox-row.is-current strong,.jukebox-row.is-current .jukebox-row-play{color:#ff9900}.jukebox-row button{display:grid;grid-template-columns:24px minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:.8rem;width:100%;min-width:0;min-height:44px;padding:.2rem 0;text-align:left;border:0;border-radius:0;background:transparent;color:#eee}.jukebox-row button:disabled{opacity:.6}.jukebox-row button>span:last-child{display:contents}.jukebox-row strong{font-size:.9rem;font-weight:700;line-height:1.45;overflow-wrap:anywhere}.jukebox-row-artist{color:#aaa;font-size:.8rem;line-height:1.45;overflow-wrap:anywhere}.jukebox-row-play{font-size:.8rem}.jukebox-row-release{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem;overflow-wrap:anywhere}.jukebox-row-release>span{color:#999;font-size:.75rem;flex-shrink:0}.jukebox-row-duration{font-size:.75rem;font-variant-numeric:tabular-nums;color:#aaa;text-align:right}.jukebox-row:hover strong{color:#ff9900}.jukebox :focus-visible{outline:2px solid #ff9900;outline-offset:3px}
@media(max-width:991px){.jukebox-player{grid-template-columns:144px minmax(0,1fr);column-gap:1.5rem}.jukebox-now>img{width:144px;height:144px;grid-row:1/3}.jukebox.is-idle [data-jb-cover]{padding:2rem}.jukebox-now .jukebox-now-title{font-size:1.75rem}.jukebox-controls{grid-column:1/-1;margin-top:1.5rem}.jukebox-progress,.jukebox-status{grid-column:1/-1}.jukebox-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.jukebox-row{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) 3rem;gap:1rem}.jukebox-row button{display:flex;gap:.8rem}.jukebox-row button>span:last-child{display:block;min-width:0}.jukebox-row strong,.jukebox-row-artist{display:block}.jukebox-row-artist{margin-top:.25rem}.jukebox-row-release{display:block}.jukebox-row-release>span{display:block;margin-top:.3rem}.jukebox-list{max-height:660px}}
@media(max-width:599px){.jukebox-player{grid-template-columns:88px minmax(0,1fr);column-gap:1rem}.jukebox-now>img{width:88px;height:88px;grid-row:1}.jukebox.is-idle [data-jb-cover]{padding:1.25rem}.jukebox-now .jukebox-now-title{font-size:1.3rem;line-height:1.2;margin-bottom:.5rem}.jukebox-now p{font-size:.8rem;margin-bottom:.4rem}.jukebox-now a{font-size:.75rem}.jukebox-controls{gap:.5rem;margin-top:1.25rem}.jukebox-controls button{width:44px;height:48px}.jukebox-controls [data-jb-play]{width:64px;height:60px}.jukebox-volume{width:88px;max-width:30%;font-size:.65rem}.jukebox-progress{gap:.6rem}.jukebox-search input{font-size:.85rem;padding:.8rem;min-height:56px}.jukebox-filters{gap:.8rem}.jukebox-row{grid-template-columns:minmax(0,1fr) 2.75rem;gap:.25rem .5rem;padding:.8rem .4rem}.jukebox-row button{grid-column:1/-1}.jukebox-row-release{padding-left:1.8rem;font-size:.72rem}.jukebox-row-release>span{display:inline;margin-left:.35rem}.jukebox-row-duration{font-size:.7rem}.jukebox-list{max-height:520px}.jukebox-row strong{font-size:.9rem}.jukebox-row-artist{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.jukebox *{scroll-behavior:auto;transition:none;animation:none}}