/* Jam45 beta240 — lower Record Bin shell alignment. Jukebox, Missing Piece, and Grid behavior remain unchanged. */
.jam45-record-bin,.jam45-missing-piece,.jam45-jukebox{--j45d-bg:#070a12;--j45d-panel:#111725;--j45d-panel2:#171e2f;--j45d-line:rgba(255,255,255,.12);--j45d-text:#f7f9ff;--j45d-muted:#aeb7cb;--j45d-blue:#43a6ff;--j45d-violet:#8568ff;box-sizing:border-box;width:min(1540px,calc(100% - 24px));margin:24px auto 120px;color:var(--j45d-text);font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.jam45-record-bin *,.jam45-missing-piece *,.jam45-jukebox *{box-sizing:border-box}
.jam45-record-bin h1,.jam45-record-bin h2,.jam45-record-bin h3,.jam45-missing-piece h1,.jam45-missing-piece h2,.jam45-missing-piece h3,.jam45-jukebox h1,.jam45-jukebox h2,.jam45-jukebox h3{color:#fff}
.jam45-record-bin button,.jam45-record-bin select,.jam45-missing-piece button,.jam45-missing-piece input,.jam45-missing-piece select,.jam45-missing-piece textarea,.jam45-jukebox button,.jam45-jukebox select,.jam45-jukebox input{font:inherit}
.jam45-jukebox [hidden]{display:none!important}

/* Jam45 Jukebox */
.jam45-jukebox{--jukebox-beat:0;--jukebox-cone-scale:1;--jukebox-cone-scale-large:1;--jukebox-cone-brightness:1;--jukebox-speaker-glow:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:34px;background:radial-gradient(circle at 14% 8%,rgba(32,143,255,.2),transparent 30%),radial-gradient(circle at 88% 5%,rgba(126,78,255,.2),transparent 30%),linear-gradient(150deg,#070a12,#11172a 58%,#080a12);box-shadow:0 35px 100px rgba(0,0,0,.4)}
.jam45-jukebox-intro{padding:clamp(2rem,5vw,5rem) clamp(1.3rem,5vw,5rem) clamp(1.5rem,3vw,2.6rem);text-align:center}.jam45-jukebox-intro .jam45-eyebrow{color:#74bfff}.jam45-jukebox-intro h1{margin:.05em 0 .15em;font-size:clamp(3rem,7vw,7.2rem);line-height:.9;letter-spacing:-.065em}.jam45-jukebox-intro p{max-width:800px;margin:0 auto;color:var(--j45d-muted);font-size:clamp(1rem,1.7vw,1.3rem);line-height:1.65}
.jam45-jukebox-machine{position:relative;width:min(1120px,calc(100% - 36px));min-height:1010px;margin:0 auto 2rem;padding:190px 145px 86px;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;border:5px solid #28354a;border-radius:380px 380px 44px 44px;background:linear-gradient(100deg,#101522,#253149 5%,#0d121e 11%,#171e2e 50%,#0d121e 89%,#253149 95%,#101522);box-shadow:0 0 0 2px #07090e,0 0 0 8px #815eff,0 0 0 12px rgba(75,173,255,.8),0 0 65px rgba(70,112,255,.38),inset 0 0 70px rgba(0,0,0,.78)}
.jam45-jukebox-machine:before{content:"";position:absolute;inset:18px;border:2px solid rgba(255,255,255,.18);border-radius:360px 360px 31px 31px;box-shadow:inset 0 0 24px rgba(68,170,255,.34),0 0 18px rgba(124,88,255,.3);pointer-events:none}.jam45-jukebox-machine:after{content:"";position:absolute;inset:30px;border-radius:350px 350px 26px 26px;background:repeating-radial-gradient(circle at 50% 0,transparent 0 16px,rgba(67,166,255,.05) 17px 18px);pointer-events:none}
.jam45-jukebox-neon{position:absolute;inset:5px;border:5px solid #6487ff;border-radius:375px 375px 37px 37px;background:transparent;box-shadow:0 0 12px #4aaaff,0 0 24px #765fff,inset 0 0 12px #4aaaff;opacity:.9;pointer-events:none}
.jam45-jukebox-crown{position:absolute;z-index:5;top:48px;left:50%;width:min(570px,62%);height:125px;padding:1rem 2rem;display:flex;align-items:center;justify-content:center;gap:1.1rem;border:1px solid rgba(255,255,255,.22);border-radius:100px 100px 22px 22px;background:radial-gradient(circle at 50% 10%,rgba(84,172,255,.34),transparent 60%),linear-gradient(145deg,#101a2c,#080c14);box-shadow:0 14px 35px rgba(0,0,0,.5),inset 0 0 25px rgba(91,113,255,.23);transform:translateX(-50%)}.jam45-jukebox-crown img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(72,170,255,.56))}.jam45-jukebox-crown>div{display:grid}.jam45-jukebox-crown b{font-size:clamp(1.8rem,4vw,3.4rem);line-height:.95;letter-spacing:.08em}.jam45-jukebox-crown small{margin-top:.4rem;color:#8fc8ff;font-size:.67rem;font-weight:900;letter-spacing:.14em}.jam45-jukebox-crown-light{position:absolute;inset:-10px;border:4px solid rgba(123,92,255,.7);border-radius:110px 110px 28px 28px;box-shadow:0 0 16px #7762ff,inset 0 0 12px #43a6ff;pointer-events:none}
.jam45-jukebox-speaker{position:absolute;z-index:3;top:255px;bottom:135px;width:112px;padding:24px 14px;display:flex;align-items:center;justify-content:space-around;flex-direction:column;overflow:hidden;border:2px solid #34445c;border-radius:56px 56px 24px 24px;background:radial-gradient(circle,#252d3a 0 2px,#090c12 2.5px 5px) 0 0/10px 10px,linear-gradient(#111723,#07090e);box-shadow:inset 0 0 32px #000,0 0 18px rgba(65,157,255,.22);transition:box-shadow 80ms linear}.jam45-jukebox-speaker.is-left{left:20px}.jam45-jukebox-speaker.is-right{right:20px}.jam45-jukebox-speaker i{position:relative;width:78px;aspect-ratio:1;border:5px solid #28354a;border-radius:50%;background:radial-gradient(circle,#56657a 0 8%,#111722 9% 28%,#394659 29% 33%,#080b11 34% 66%,#252e3b 67% 72%,#090b10 73%);box-shadow:0 0 0 2px #080a0f,0 0 18px rgba(68,166,255,.22),inset 0 0 13px #000;transform-origin:center;transition:transform 55ms linear,filter 55ms linear}.jam45-jukebox-speaker i:nth-child(2){width:92px}.jam45-jukebox-speaker span{width:42px;height:28px;display:grid;place-items:center;border:1px solid rgba(118,178,255,.35);border-radius:8px;color:#8bc5ff;font-weight:950;background:#101722}
.jam45-jukebox-window{position:relative;z-index:4;min-height:570px;padding:1.25rem 1.4rem 1.4rem;display:flex;align-items:center;flex-direction:column;border:2px solid rgba(132,183,255,.26);border-radius:38px 38px 24px 24px;background:linear-gradient(150deg,rgba(29,39,61,.96),rgba(8,12,20,.98));box-shadow:inset 0 1px rgba(255,255,255,.12),inset 0 0 45px rgba(54,103,192,.12),0 25px 55px rgba(0,0,0,.42)}
.jam45-jukebox-marquee{width:100%;display:flex;align-items:center;gap:.7rem;color:#90c9ff;font-size:.69rem;font-weight:950;letter-spacing:.17em}.jam45-jukebox-marquee span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#735fff,#43a6ff,transparent)}
.jam45-jukebox-record-view{position:relative;width:min(340px,80%);aspect-ratio:1;margin:1rem 0 .8rem}.jam45-jukebox-vinyl{position:absolute;inset:6%;border-radius:50%;background:repeating-radial-gradient(circle,#08090d 0 8px,#1a1c22 9px 11px,#090a0e 12px 20px);box-shadow:0 20px 40px rgba(0,0,0,.55);transition:transform .5s ease}.jam45-jukebox-vinyl:after{content:"45";position:absolute;inset:39%;display:grid;place-items:center;border-radius:50%;color:#dceaff;font-size:.75rem;font-weight:950;background:linear-gradient(135deg,#318eff,#8c63ff)}.jam45-jukebox-cover{position:absolute;inset:0;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:#10141d;box-shadow:0 22px 45px rgba(0,0,0,.5);transition:transform .4s cubic-bezier(.2,.85,.25,1)}.jam45-jukebox-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.2),transparent 21%,transparent 75%,rgba(57,124,255,.12));pointer-events:none}.jam45-jukebox-cover img{width:100%;height:100%;display:block;object-fit:cover}.jam45-jukebox.is-selecting .jam45-jukebox-cover{transform:rotateY(90deg) scale(.92)}
.jam45-jukebox-readout{width:100%;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem}.jam45-jukebox-readout>span{min-width:72px;padding:.7rem .5rem;border:1px solid rgba(75,171,255,.38);border-radius:12px;color:#7bc2ff;font-size:1rem;font-weight:950;text-align:center;background:#070b12;box-shadow:inset 0 0 14px rgba(68,166,255,.17)}.jam45-jukebox-readout>div{min-width:0;display:grid}.jam45-jukebox-readout h2{margin:0;overflow:hidden;font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.jam45-jukebox-readout a{width:fit-content;color:#9bcaff;font-weight:850;text-decoration:none}.jam45-jukebox-readout small{overflow:hidden;color:var(--j45d-muted);text-overflow:ellipsis;white-space:nowrap}
.jam45-jukebox-tags{width:100%;margin:.8rem 0;display:flex;flex-wrap:wrap;gap:.42rem}.jam45-jukebox-tags span{padding:.34rem .55rem;border:1px solid rgba(96,157,255,.22);border-radius:999px;color:#d4dff1;font-size:.7rem;font-weight:800;background:rgba(57,102,188,.1)}
.jam45-jukebox-track-actions{width:100%;margin-top:auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.55rem}.jam45-jukebox-track-actions .jam45-button,.jam45-jukebox-track-actions .jam45-wishlist-button{min-height:46px}.jam45-jukebox-track-actions .jam45-jukebox-listen{min-height:52px;padding:.78rem 1.3rem!important;gap:.4rem}.jam45-jukebox-buy{color:#fff!important;border-color:rgba(255,255,255,.14)!important;background:rgba(255,255,255,.07)!important}.jam45-jukebox-open{padding:.55rem;color:#8fc7ff;font-weight:850;text-decoration:none}
.jam45-jukebox-selector{position:relative;z-index:4;margin-top:1.1rem;padding:1.1rem;border:2px solid #35455e;border-radius:20px;background:linear-gradient(180deg,#182235,#090d15);box-shadow:inset 0 1px rgba(255,255,255,.12),0 18px 35px rgba(0,0,0,.38)}.jam45-jukebox-filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.jam45-jukebox-filter-grid label{display:grid;gap:.32rem;color:#aebbd0;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.jam45-jukebox-filter-grid select{width:100%;min-height:46px;padding:.65rem 2rem .65rem .7rem;border:1px solid rgba(104,168,255,.24);border-radius:10px;color:#fff;background:#0b111d}.jam45-jukebox-selection-actions{margin-top:.8rem;display:grid;grid-template-columns:.78fr 1.18fr 1fr 1fr;gap:.6rem}.jam45-jukebox-selection-actions button{min-height:54px;padding:.65rem .8rem;border:1px solid rgba(255,255,255,.14);border-radius:13px;color:#fff;font-weight:900;background:#192235;cursor:pointer}.jam45-jukebox-selection-actions button:not(:disabled):hover{border-color:rgba(120,190,255,.58);filter:brightness(1.09)}.jam45-jukebox button:focus-visible,.jam45-jukebox select:focus-visible,.jam45-jukebox a:focus-visible{outline:3px solid #8ac7ff;outline-offset:3px}.jam45-jukebox-selection-actions button:disabled{opacity:.36;cursor:not-allowed}.jam45-jukebox-selection-actions button span{margin-right:.35rem}.jam45-jukebox-selection-actions .jam45-jukebox-drop{border-color:rgba(66,173,255,.5);background:linear-gradient(135deg,#177bd8,#5368f5);box-shadow:0 0 18px rgba(52,145,255,.26)}.jam45-jukebox-selection-actions .jam45-jukebox-surprise{border-color:rgba(139,101,255,.48);background:linear-gradient(135deg,#4634a9,#865ee7)}.jam45-jukebox-selection-actions .jam45-jukebox-continuous{border-color:rgba(104,174,255,.38);background:linear-gradient(135deg,#17243a,#242247)}.jam45-jukebox-selection-actions .jam45-jukebox-continuous.is-active{border-color:#6fbaff;background:linear-gradient(135deg,#136eae,#604cdb);box-shadow:0 0 18px rgba(77,158,255,.35),inset 0 1px rgba(255,255,255,.14)}.jam45-jukebox-status{min-height:1.4em;margin:.7rem 0 0;color:#aebbd0;font-size:.82rem;text-align:center}
.jam45-jukebox-floor-lights{position:absolute;z-index:5;left:50%;bottom:22px;width:72%;display:flex;justify-content:space-between;transform:translateX(-50%)}.jam45-jukebox-floor-lights i{width:13px;height:13px;border-radius:50%;background:#303b50;box-shadow:inset 0 0 4px #000}.jam45-jukebox-floor-lights i:nth-child(3n+1){--j45-light:#43a6ff}.jam45-jukebox-floor-lights i:nth-child(3n+2){--j45-light:#8568ff}.jam45-jukebox-floor-lights i:nth-child(3n){--j45-light:#e67bff}
.jam45-jukebox.is-playing .jam45-jukebox-vinyl{animation:j45-jukebox-spin 3.4s linear infinite}.jam45-jukebox.is-playing:not(.has-beat-signal) .jam45-jukebox-speaker i{animation:j45-jukebox-speaker .72s ease-in-out infinite alternate}.jam45-jukebox.is-playing:not(.has-beat-signal) .jam45-jukebox-speaker i:nth-child(2){animation-delay:.13s}.jam45-jukebox.has-beat-signal .jam45-jukebox-speaker{box-shadow:inset 0 0 32px #000,0 0 var(--jukebox-speaker-glow) rgba(65,157,255,.52),0 0 var(--jukebox-speaker-glow) rgba(132,91,255,.28)}.jam45-jukebox.has-beat-signal .jam45-jukebox-speaker i{animation:none;transform:scale(var(--jukebox-cone-scale));filter:brightness(var(--jukebox-cone-brightness))}.jam45-jukebox.has-beat-signal .jam45-jukebox-speaker i:nth-child(2){transform:scale(var(--jukebox-cone-scale-large))}.jam45-jukebox.is-playing .jam45-jukebox-floor-lights i{background:var(--j45-light);box-shadow:0 0 8px var(--j45-light),0 0 17px var(--j45-light);animation:j45-jukebox-lights 1.1s ease-in-out infinite alternate}.jam45-jukebox.is-playing .jam45-jukebox-floor-lights i:nth-child(even){animation-delay:.45s}
.jam45-jukebox-support-note{margin:0 auto 2.2rem;padding:0 1rem;color:var(--j45d-muted);font-size:.88rem;text-align:center}.jam45-jukebox-empty{min-height:480px;padding:3rem;display:grid;place-items:center;align-content:center;text-align:center}.jam45-jukebox-empty>span{font-size:5rem;color:var(--j45d-violet)}
.jam45-jukebox-library{position:relative;width:min(1120px,calc(100% - 36px));margin:1.25rem auto 2rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid rgba(116,185,255,.25);border-radius:26px;background:linear-gradient(145deg,rgba(20,30,49,.98),rgba(9,13,23,.98));box-shadow:0 24px 55px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.06)}
.jam45-jukebox-library-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem}.jam45-jukebox-library-head .jam45-eyebrow{color:#77bcff}.jam45-jukebox-library-head h2{margin:.2rem 0 .45rem;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.035em}.jam45-jukebox-library-head p{max-width:720px;margin:0;color:var(--j45d-muted);font-size:1rem;line-height:1.65}
.jam45-jukebox-source-counts{display:grid;grid-template-columns:repeat(3,minmax(86px,1fr));gap:.55rem}.jam45-jukebox-source-counts span{min-height:76px;padding:.7rem .55rem;display:grid;place-items:center;align-content:center;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#0b111d;color:#aebbd0;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.jam45-jukebox-source-counts b{color:#fff;font-size:1.45rem;line-height:1}
.jam45-jukebox-source-actions{margin-top:1.35rem;display:grid;grid-template-columns:1fr 1fr 1.35fr 1fr;gap:.7rem}.jam45-jukebox-source-actions>.jam45-button,.jam45-jukebox-preview-switch{min-height:54px;margin:0;padding:.7rem 1rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(113,176,255,.3);border-radius:14px;color:#fff!important;background:#172033;text-align:center;text-decoration:none;font-weight:850;cursor:pointer}.jam45-jukebox-source-actions>.jam45-button-primary{background:linear-gradient(135deg,#167bd8,#5964f5);box-shadow:0 0 18px rgba(54,147,255,.2)}.jam45-jukebox-source-actions>.jam45-jukebox-shuffle-all{gap:.5rem;border-color:rgba(142,105,255,.55);background:linear-gradient(135deg,#3f329a,#8057db)}.jam45-jukebox-source-actions>.jam45-button:disabled{opacity:.42;cursor:not-allowed}.jam45-jukebox-preview-switch{gap:.65rem;justify-content:flex-start;text-align:left}.jam45-jukebox-preview-switch input{width:22px;height:22px;margin:0;accent-color:#6c76ff;flex:0 0 auto}.jam45-jukebox-signin-note{margin:1rem 0 0;padding:.85rem 1rem;border-radius:12px;background:rgba(61,132,216,.1);color:#bdc8da}.jam45-jukebox-signin-note a{color:#71bdff;font-weight:850}
.jam45-jukebox-track-picker{margin-top:1rem;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#0a101b;overflow:hidden}.jam45-jukebox-track-picker summary{min-height:58px;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#fff;font-size:1rem;font-weight:850;cursor:pointer;list-style:none}.jam45-jukebox-track-picker summary::-webkit-details-marker{display:none}.jam45-jukebox-track-picker summary:before{content:"+";width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#24314b;color:#89c8ff;flex:0 0 auto}.jam45-jukebox-track-picker[open] summary:before{content:"−"}.jam45-jukebox-track-picker summary span{margin-right:auto}.jam45-jukebox-track-picker summary b{color:#8fc8ff;font-size:.82rem}.jam45-jukebox-track-picker-body{padding:0 1rem 1rem;border-top:1px solid rgba(255,255,255,.08)}
.jam45-jukebox-picker-actions{padding:.8rem 0;display:flex;justify-content:flex-end;gap:.5rem}.jam45-jukebox-picker-actions button{min-height:38px;padding:.45rem .8rem;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#182236;color:#fff;font-size:.82rem;font-weight:800;cursor:pointer}.jam45-jukebox-track-list{max-height:390px;display:grid;gap:.5rem;overflow:auto;scrollbar-color:#5269b9 #0b101a}.jam45-jukebox-track-row{min-height:66px;padding:.55rem .7rem;display:grid;grid-template-columns:24px 48px minmax(0,1fr) auto 42px;align-items:center;gap:.7rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#111827;cursor:pointer}.jam45-jukebox-track-row:hover{border-color:rgba(108,177,255,.42)}.jam45-jukebox-track-row input{width:20px;height:20px;margin:0;accent-color:#6e72ff}.jam45-jukebox-track-row img{width:48px;height:48px;border-radius:8px;object-fit:cover;background:#080b12}.jam45-jukebox-track-row>span{min-width:0;display:grid}.jam45-jukebox-track-row b,.jam45-jukebox-track-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jam45-jukebox-track-row b{color:#fff;font-size:.96rem}.jam45-jukebox-track-row small{margin-top:.15rem;color:#aeb7cb;font-size:.8rem}.jam45-jukebox-track-row em{padding:.32rem .5rem;border-radius:999px;background:#202d46;color:#90caff;font-size:.67rem;font-style:normal;font-weight:850;white-space:nowrap}.jam45-jukebox-row-play{width:42px;height:42px;padding:0;display:grid;place-items:center;border:1px solid rgba(108,177,255,.42);border-radius:50%;background:linear-gradient(135deg,#258ce8,#7955ec);color:#fff;cursor:pointer;box-shadow:0 8px 18px rgba(38,101,229,.24);transition:transform .18s ease,box-shadow .18s ease}.jam45-jukebox-row-play:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(76,91,239,.4)}.jam45-jukebox-row-play span{width:0;height:0;margin-left:3px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid currentColor}.jam45-jukebox-row-play.is-playing span{width:11px;height:14px;margin:0;border:0;border-left:4px solid currentColor;border-right:4px solid currentColor}.jam45-jukebox-list-empty{margin:.8rem 0;padding:1rem;border-radius:12px;background:#111827;color:#aeb7cb;text-align:center}
.jam45-jukebox-playlist-builder{margin-top:1rem;display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:.7rem}.jam45-jukebox-playlist-builder label{display:grid;gap:.35rem;color:#aebbd0;font-size:.72rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.jam45-jukebox-playlist-builder input{width:100%;min-height:52px;padding:.75rem .9rem;border:1px solid rgba(106,169,255,.28);border-radius:12px;background:#0b111d;color:#fff}.jam45-jukebox-playlist-builder .jam45-button{min-height:52px;margin:0;padding:.7rem 1rem;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,#167bd8,#6d58ee);font-weight:850;cursor:pointer}.jam45-jukebox-playlist-builder .jam45-button:disabled{opacity:.4;cursor:not-allowed}
.jam45-jukebox-playlists{margin-top:1.25rem}.jam45-jukebox-playlists-title{display:flex;align-items:center;justify-content:space-between;gap:1rem}.jam45-jukebox-playlists-title h3{margin:0;font-size:1.25rem}.jam45-jukebox-playlists-title span{color:#8fc8ff;font-size:.78rem}.jam45-jukebox-playlists>[data-jukebox-playlists-list]{margin-top:.7rem;display:grid;gap:.6rem}.jam45-jukebox-playlist-card{min-height:70px;padding:.75rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#0c121f}.jam45-jukebox-playlist-card h4{margin:0;color:#fff;font-size:1rem}.jam45-jukebox-playlist-card p{margin:.2rem 0 0;color:#9faabd;font-size:.78rem}.jam45-jukebox-playlist-card>div:last-child{display:flex;gap:.45rem}.jam45-jukebox-playlist-card button{min-height:40px;padding:.5rem .8rem;border:1px solid rgba(104,171,255,.28);border-radius:10px;background:#1a263b;color:#fff;font-size:.8rem;font-weight:850;cursor:pointer}.jam45-jukebox-playlist-card button:nth-child(2){background:#493a9d}.jam45-jukebox-playlist-card button.is-delete{border-color:rgba(255,127,148,.23);background:#2b1821;color:#ffb3c0}
@keyframes j45-jukebox-spin{to{transform:rotate(360deg)}}@keyframes j45-jukebox-speaker{to{transform:scale(1.045);filter:brightness(1.18)}}@keyframes j45-jukebox-lights{from{opacity:.35}to{opacity:1}}

/* Record Bin */
.jam45-record-bin{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:26px;background:radial-gradient(circle at 10% 0,rgba(25,112,218,.13),transparent 34%),linear-gradient(150deg,#070a11,#0c111d 60%,#070910);box-shadow:0 35px 100px rgba(0,0,0,.38)}
.jam45-record-bin-hero{min-height:0;padding:0 .4rem .85rem;display:block;border:0}.jam45-record-bin-hero .jam45-eyebrow{color:#43a6ff;letter-spacing:.18em}.jam45-record-bin-hero h1{margin:.12em 0 0;font-size:clamp(2.8rem,5vw,5.25rem);line-height:.88;letter-spacing:-.045em;text-transform:uppercase}.jam45-record-bin-hero p{display:none}
.jam45-record-bin-now{display:none}
.jam45-record-bin-tabs{margin:0 0 .85rem;padding:.42rem;display:flex;align-items:center;gap:.32rem;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(8,12,20,.66);scrollbar-width:thin}.jam45-record-bin-tabs button{flex:0 0 auto;min-height:38px;padding:.52rem .78rem;border:1px solid transparent;border-radius:999px;color:var(--j45d-muted);font-size:.78rem;font-weight:800;background:transparent;cursor:pointer}.jam45-record-bin-tabs button:hover,.jam45-record-bin-tabs button.is-active{color:#fff;border-color:rgba(78,160,255,.32);background:linear-gradient(135deg,rgba(36,137,255,.22),rgba(124,89,255,.16))}.jam45-record-bin-genre{margin-left:auto;display:flex;align-items:center;gap:.45rem;color:var(--j45d-muted);font-size:.78rem;font-weight:800;white-space:nowrap}.jam45-record-bin-genre select{min-height:36px;padding:.42rem 1.8rem .42rem .65rem;border:1px solid var(--j45d-line);border-radius:9px;color:#fff;background:#111725}
.jam45-record-bin-shop{min-height:730px;padding:clamp(1.2rem,3vw,2.7rem);display:grid;grid-template-columns:minmax(0,2.05fr) minmax(310px,.78fr);align-items:start;gap:clamp(1.3rem,2.6vw,2.7rem)}.jam45-record-bin-visual{min-width:0}
.jam45-record-stage{position:relative;min-width:0;min-height:640px;padding:0 0 .5rem;display:block;overflow:hidden;border:1px solid rgba(187,132,78,.12);border-radius:12px;background:radial-gradient(ellipse at 50% 8%,rgba(47,104,185,.15),transparent 47%),linear-gradient(180deg,#070b13 0 70%,#17100c 70%,#08090d 100%);box-shadow:inset 0 -1px rgba(255,255,255,.06),inset 0 0 60px rgba(0,0,0,.28);perspective:1500px}.jam45-record-stage:after{content:"";position:absolute;left:-5%;right:-5%;bottom:0;height:150px;background:repeating-linear-gradient(93deg,rgba(255,255,255,.018) 0 1px,transparent 1px 72px),linear-gradient(180deg,#2b1a12,#130d09 58%,#07080b);box-shadow:inset 0 1px rgba(255,206,151,.1),0 -28px 60px rgba(0,0,0,.36);pointer-events:none}
.jam45-record-stack{position:relative;z-index:2;width:min(100%,960px);height:625px;margin:0 auto;outline:none;perspective:1450px;transform-style:preserve-3d;touch-action:pan-y}.jam45-record-stack:before,.jam45-record-stack:after{content:"";position:absolute;z-index:88;top:105px;bottom:18px;width:78px;border:1px solid rgba(255,222,178,.17);background:radial-gradient(ellipse at 40% 28%,rgba(143,79,38,.22),transparent 18%),repeating-linear-gradient(176deg,rgba(255,255,255,.025) 0 2px,transparent 2px 12px),linear-gradient(90deg,#190c06,#63391f 48%,#281309);box-shadow:0 20px 34px rgba(0,0,0,.6),inset 0 0 22px rgba(0,0,0,.42),inset 1px 0 rgba(255,195,125,.12);pointer-events:none}.jam45-record-stack:before{left:1%;clip-path:polygon(36% 0,100% 4%,76% 100%,0 100%)}.jam45-record-stack:after{right:1%;clip-path:polygon(0 4%,64% 0,100% 100%,24% 100%)}.jam45-record-stack:focus-visible{outline:2px solid var(--j45d-blue);outline-offset:5px;border-radius:12px}
.jam45-record-no-results{position:absolute;inset:1rem 1rem 5rem;z-index:90;place-items:center;align-content:center;gap:.35rem;text-align:center;color:var(--j45d-muted);background:rgba(7,10,18,.84)}.jam45-record-no-results:not([hidden]){display:grid}.jam45-record-no-results span{color:var(--j45d-violet);font-size:4rem}.jam45-record-no-results strong{color:#fff;font-size:1.15rem}.jam45-record-no-results small{font-size:.9rem}.jam45-record-bin.has-no-record-results .jam45-record-crate{opacity:.42}.jam45-record-bin.has-no-record-results .jam45-record-detail{opacity:.45;pointer-events:none}
.jam45-record-card{--record-depth:0;--record-rise:0px;--record-scale:1;--record-nudge:0px;--record-tilt:0deg;--record-layer:80;position:absolute;left:50%;bottom:-50px;width:min(72%,560px);aspect-ratio:1;opacity:0;pointer-events:none;transform:translateX(-50%) translate(var(--record-nudge),var(--record-rise)) scale(var(--record-scale)) rotateZ(var(--record-tilt)) rotateX(-2deg);transform-origin:center bottom;transition:transform .42s cubic-bezier(.2,.85,.25,1),opacity .3s ease,filter .3s ease;filter:saturate(.72) brightness(.66);z-index:var(--record-layer)}
.jam45-record-card.is-near{opacity:1;pointer-events:auto}.jam45-record-card.is-active{opacity:1;pointer-events:none;filter:none;z-index:89;transform:translateX(-50%) translate(0,0) scale(1) rotateX(-1deg)}.jam45-record-select{width:100%;height:100%;padding:0;display:block;position:relative;overflow:visible;border:0;color:#fff;background:transparent;cursor:pointer;text-align:left}.jam45-record-front-layer{position:absolute;z-index:3;left:0;right:0;top:0;width:min(100%,960px);height:625px;margin:0 auto;pointer-events:none}.jam45-record-front{position:absolute;left:0;right:0;bottom:-50px;width:min(72%,560px);aspect-ratio:1;margin-inline:auto;padding:0;overflow:visible;border:0;background:transparent;cursor:pointer;pointer-events:auto;transform:none;transform-style:flat;backface-visibility:visible;will-change:auto;transition:bottom .42s cubic-bezier(.2,.85,.25,1),filter .2s ease;z-index:1}.jam45-record-front:hover{bottom:-46px;filter:brightness(1.06)}.jam45-record-sleeve{position:absolute;inset:0;display:block;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:5px;background:#151515;box-shadow:0 24px 48px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.07)}.jam45-record-sleeve:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.13),transparent 20%,transparent 72%,rgba(0,0,0,.22));pointer-events:none}.jam45-record-sleeve img{width:100%!important;height:100%!important;margin:0!important;display:block;object-fit:cover;border-radius:0!important}.jam45-record-label{display:none}.jam45-record-label strong,.jam45-record-label small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jam45-record-label small{color:#bdc6d9}
.jam45-record-crate{position:absolute;left:2.5%;right:2.5%;bottom:10px;height:205px;overflow:hidden;border:1px solid rgba(255,225,190,.18);border-top:20px solid #75472a;border-radius:5px 5px 22px 22px;background:radial-gradient(ellipse at 18% 38%,rgba(116,55,24,.32),transparent 14%),radial-gradient(ellipse at 78% 70%,rgba(92,41,18,.34),transparent 12%),repeating-linear-gradient(88deg,rgba(255,228,191,.035) 0 2px,transparent 2px 34px),linear-gradient(105deg,#281207,#4d2815 18%,#2c1409 41%,#5b321c 63%,#2a1309 85%,#492615);box-shadow:0 -10px 24px rgba(0,0,0,.42),0 34px 55px rgba(0,0,0,.66),inset 0 13px 26px rgba(255,190,122,.08),inset 0 -18px 30px rgba(0,0,0,.26);clip-path:polygon(1.5% 0,98.5% 0,100% 100%,0 100%);z-index:92;pointer-events:none}.jam45-record-crate:before{content:"";position:absolute;inset:22px 5% 18px;border:2px solid rgba(232,183,123,.22);border-radius:5px;box-shadow:inset 0 0 24px rgba(0,0,0,.46),0 1px rgba(255,210,156,.06)}.jam45-record-crate:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 42%,rgba(255,211,161,.035) 48%,transparent 54%);pointer-events:none}.jam45-record-crate span{position:absolute;z-index:2;left:50%;top:28px;width:126px;height:126px;padding:10px 12px 9px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px solid rgba(224,173,111,.55);border-radius:50%;color:#e1bd89;background:radial-gradient(circle at 35% 28%,#75472b,#3a1c0f 60%,#170d09);box-shadow:0 8px 20px rgba(0,0,0,.62),inset 0 0 0 4px rgba(24,11,6,.68),inset 0 0 22px rgba(255,180,91,.15);transform:translateX(-50%);text-shadow:0 2px 3px #000}.jam45-record-crate span strong{width:76px;height:76px;display:grid;place-content:center;border:1px solid rgba(231,190,137,.36);border-radius:50%;color:#e7c28e;background:radial-gradient(circle at 38% 30%,rgba(159,94,49,.48),rgba(47,22,11,.88) 68%);box-shadow:inset 0 0 0 3px rgba(27,12,6,.48),inset 0 0 16px rgba(255,187,107,.12)}.jam45-record-crate span strong i{display:block;font-style:normal;font-weight:1000;line-height:.72;letter-spacing:.02em;text-align:center}.jam45-record-crate span strong i:first-child{font-size:.92rem}.jam45-record-crate span strong i:last-child{font-size:2.05rem}.jam45-record-crate span b{margin-top:1px;font-size:.5rem;font-weight:950;letter-spacing:.2em}
.jam45-record-bin-controls{position:relative;margin:.8rem 0 0;padding:.7rem;display:flex;align-items:center;justify-content:center;gap:.55rem;z-index:3;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(8,12,20,.78);box-shadow:inset 0 1px rgba(255,255,255,.04)}.jam45-record-bin-controls button{min-width:44px;min-height:42px;padding:.55rem .8rem;border:1px solid var(--j45d-line);border-radius:999px;color:#fff;font-weight:850;background:#111725;cursor:pointer}.jam45-record-bin-controls button:hover{border-color:rgba(67,166,255,.5);background:#1a253b}.jam45-record-bin-controls span{display:flex;align-items:center;gap:.32rem;color:var(--j45d-muted);font-variant-numeric:tabular-nums}.jam45-record-bin-controls i{font-style:normal;opacity:.5}.jam45-record-bin-controls .jam45-record-surprise{padding-inline:1.1rem;background:linear-gradient(135deg,rgba(39,136,255,.8),rgba(132,94,255,.8))}
.jam45-record-detail{min-width:0;min-height:570px;margin-top:0;padding:clamp(1.35rem,2.7vw,2.35rem);display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(132,171,231,.18);border-radius:24px;background:linear-gradient(150deg,rgba(24,33,52,.95),rgba(9,14,24,.97));box-shadow:0 25px 60px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.05)}.jam45-record-detail .jam45-eyebrow{color:var(--j45d-blue)}.jam45-record-detail-genre{margin:.65rem 0;color:#8ebfff;font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.jam45-record-detail h2{margin:.15rem 0 .25rem;font-size:clamp(2rem,3.7vw,3.65rem);line-height:.96;letter-spacing:-.045em;overflow-wrap:anywhere}.jam45-record-detail>a[data-record-detail-artist]{width:fit-content;color:#c5ccdc;font-size:1.12rem;font-weight:780;text-decoration:none}.jam45-record-detail-price{margin:1.35rem 0;color:#fff;font-size:1.6rem;font-weight:900}.jam45-record-detail-actions{display:flex;flex-wrap:wrap;gap:.65rem}.jam45-record-detail-actions .jam45-button{min-height:48px}.jam45-record-buy{color:#fff!important;border-color:var(--j45d-line)!important;background:rgba(255,255,255,.07)!important}.jam45-record-detail .jam45-wishlist-button{min-height:48px}.jam45-record-open{margin-top:1.25rem;color:var(--j45d-blue);font-weight:850;text-decoration:none}.jam45-record-detail>p:last-child{margin:1rem 0 0;color:var(--j45d-muted);font-size:.88rem}.jam45-record-bin-empty{min-height:480px;padding:3rem;display:grid;place-items:center;align-content:center;text-align:center}.jam45-record-bin-empty>span{font-size:5rem;color:var(--j45d-violet)}
/* Accessible grid mode */
.jam45-record-bin.is-grid .jam45-record-bin-shop{grid-template-columns:1fr}.jam45-record-bin.is-grid .jam45-record-stage{min-height:0;padding:1.2rem}.jam45-record-bin.is-grid .jam45-record-stage:after,.jam45-record-bin.is-grid .jam45-record-stack:before,.jam45-record-bin.is-grid .jam45-record-stack:after{display:none}.jam45-record-bin.is-grid .jam45-record-stack{width:100%;height:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.jam45-record-bin.is-grid .jam45-record-card,.jam45-record-bin.is-grid .jam45-record-card.is-active{position:relative;inset:auto;width:auto;aspect-ratio:1;opacity:1;pointer-events:auto;transform:none!important;filter:none;z-index:auto}.jam45-record-bin.is-grid .jam45-record-card[hidden]{display:none}.jam45-record-bin.is-grid .jam45-record-card:not(.is-active){opacity:.74}.jam45-record-bin.is-grid .jam45-record-front-layer{display:none}.jam45-record-bin.is-grid .jam45-record-label{position:absolute;left:.8rem;right:.8rem;bottom:.8rem;z-index:2;padding:.65rem .75rem;display:grid;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(5,7,12,.84);backdrop-filter:blur(12px);opacity:1;transform:none;transition:.25s ease}.jam45-record-bin.is-grid .jam45-record-crate{display:none}.jam45-record-bin.is-grid .jam45-record-bin-controls{position:static;margin-top:1rem}.jam45-record-bin.is-grid .jam45-record-bin-controls>[data-record-prev],.jam45-record-bin.is-grid .jam45-record-bin-controls>[data-record-next]{display:none}

/* The Missing Piece */
.jam45-missing-piece{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:34px;background:radial-gradient(circle at 10% 0,rgba(30,144,255,.22),transparent 27%),radial-gradient(circle at 91% 4%,rgba(128,82,255,.22),transparent 29%),var(--j45d-bg);box-shadow:0 35px 100px rgba(0,0,0,.36)}
.jam45-missing-piece-hero{min-height:560px;padding:clamp(1.5rem,5vw,5rem);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;gap:clamp(2rem,5vw,5rem);border-bottom:1px solid var(--j45d-line)}.jam45-missing-piece-copy h1{max-width:900px;margin:.08em 0 .2em;font-size:clamp(3.2rem,8.5vw,8.5rem);line-height:.83;letter-spacing:-.072em}.jam45-missing-piece-copy>p{max-width:790px;color:var(--j45d-muted);font-size:clamp(1.05rem,1.75vw,1.35rem);line-height:1.65}.jam45-missing-piece-actions{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.7rem}
.jam45-missing-piece-visual{min-height:390px;display:grid;place-items:center;align-content:center;gap:2rem}.jam45-piece-orbit{position:relative;width:min(390px,78vw);aspect-ratio:1;border:1px solid rgba(89,166,255,.25);border-radius:50%;background:radial-gradient(circle,rgba(87,103,255,.22),transparent 58%);box-shadow:0 0 80px rgba(55,118,255,.15),inset 0 0 65px rgba(97,68,255,.1)}.jam45-piece-orbit:before,.jam45-piece-orbit:after{content:"";position:absolute;inset:14%;border:1px dashed rgba(255,255,255,.15);border-radius:50%;animation:j45d-spin 28s linear infinite}.jam45-piece-orbit:after{inset:31%;animation-direction:reverse;animation-duration:18s}.jam45-piece-orbit strong{position:absolute;inset:33%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:26%;color:#fff;font-size:6rem;background:linear-gradient(135deg,#2788ff,#8a63ff);box-shadow:0 25px 70px rgba(62,83,255,.34);transform:rotate(8deg)}.jam45-piece-orbit i{position:absolute;padding:.5rem .7rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#dbe8ff;font-size:.7rem;font-style:normal;font-weight:900;letter-spacing:.1em;background:rgba(8,12,21,.86)}.jam45-piece-orbit i:nth-child(1){top:4%;left:46%}.jam45-piece-orbit i:nth-child(2){top:45%;right:-7%}.jam45-piece-orbit i:nth-child(3){bottom:4%;left:37%}.jam45-piece-orbit i:nth-child(4){top:44%;left:-10%}.jam45-missing-piece-visual>span{max-width:300px;color:var(--j45d-muted);text-align:center}
@keyframes j45d-spin{to{transform:rotate(360deg)}}
.jam45-collab-notice{margin:1.2rem clamp(1rem,4vw,4rem) 0;padding:1rem 1.15rem;scroll-margin-top:130px;border:1px solid rgba(58,210,154,.3);border-radius:14px;color:#d9fff0;background:rgba(58,210,154,.12)}.jam45-collab-notice.is-error{color:#ffe2e7;border-color:rgba(255,97,117,.3);background:rgba(255,97,117,.12)}
.jam45-collab-board,.jam45-collab-mine{padding:clamp(1.3rem,4vw,4rem)}.jam45-collab-board-head{margin-bottom:1.4rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem}.jam45-collab-board-head h2{margin:.05rem 0;font-size:clamp(2rem,4vw,4rem);letter-spacing:-.045em}.jam45-collab-filters{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-end;gap:.55rem}.jam45-collab-filters label{display:grid;gap:.3rem;color:var(--j45d-muted);font-size:.72rem;font-weight:850}.jam45-collab-filters input,.jam45-collab-filters select{min-height:43px;max-width:220px;padding:.6rem .75rem;border:1px solid var(--j45d-line);border-radius:10px;color:#fff;background:#111725}.jam45-collab-filters .jam45-button{min-height:43px}
.jam45-collab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.jam45-collab-card{min-width:0;padding:1.3rem;display:flex;flex-direction:column;border:1px solid var(--j45d-line);border-radius:22px;background:linear-gradient(150deg,rgba(25,32,50,.94),rgba(10,14,23,.96));box-shadow:0 18px 40px rgba(0,0,0,.2);transition:.2s ease}.jam45-collab-card:hover{transform:translateY(-3px);border-color:rgba(69,162,255,.34)}.jam45-collab-card-top{display:flex;justify-content:space-between;gap:.6rem;color:#88bcff;font-size:.67rem;font-weight:900;letter-spacing:.1em}.jam45-collab-card-top time{color:var(--j45d-muted);letter-spacing:0}.jam45-collab-card h3{margin:.8rem 0 .15rem;font-size:1.45rem}.jam45-collab-card h3 a{color:#fff;text-decoration:none}.jam45-collab-owner{width:fit-content;color:#8cbfff;font-size:.9rem;font-weight:800;text-decoration:none}.jam45-collab-card>p{color:var(--j45d-muted);line-height:1.6}.jam45-collab-tags{display:flex;flex-wrap:wrap;gap:.4rem}.jam45-collab-tags span{padding:.35rem .55rem;border:1px solid rgba(101,160,255,.19);border-radius:999px;color:#cad8ec;font-size:.72rem;font-weight:760;background:rgba(47,107,197,.1)}.jam45-collab-slots{margin:1rem 0;display:grid;gap:.4rem}.jam45-collab-slots>span{padding:.58rem .65rem;display:flex;align-items:center;gap:.55rem;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#edf2ff;font-size:.86rem;background:rgba(255,255,255,.025)}.jam45-collab-slots i{width:9px;height:9px;border-radius:50%;background:#43a6ff;box-shadow:0 0 10px rgba(67,166,255,.55)}.jam45-collab-slots small{margin-left:auto;color:var(--j45d-muted)}.jam45-collab-slots .is-filled{opacity:.58}.jam45-collab-slots .is-filled i{background:#47d6a2}.jam45-collab-card-bottom{margin-top:auto;padding-top:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem}.jam45-collab-card-bottom>span{color:#c7cfde;font-size:.8rem}.jam45-collab-card-bottom .jam45-button{min-height:40px;padding:.6rem .85rem;font-size:.78rem}
.jam45-collab-detail{margin:clamp(1rem,3vw,3rem);padding:clamp(1.2rem,3vw,3rem);border:1px solid rgba(89,163,255,.28);border-radius:28px;background:linear-gradient(145deg,rgba(20,28,46,.98),rgba(9,13,23,.98));box-shadow:0 28px 70px rgba(0,0,0,.28)}.jam45-collab-back{display:inline-block;margin-bottom:1.3rem;color:#93c4ff;font-weight:800;text-decoration:none}.jam45-collab-detail-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.6fr);gap:2rem}.jam45-collab-detail h2{margin:.1em 0;font-size:clamp(2.4rem,6vw,6rem);line-height:.92;letter-spacing:-.055em}.jam45-collab-detail-owner{color:var(--j45d-muted)}.jam45-collab-detail-owner a{color:#93c4ff}.jam45-collab-detail-copy{font-size:1.03rem;line-height:1.72;color:#d7deeb}.jam45-collab-audio-card{padding:1.2rem;border:1px solid var(--j45d-line);border-radius:20px;background:rgba(6,9,16,.6)}.jam45-collab-audio-card>span{display:block;color:#86bcff;font-size:.7rem;font-weight:900;letter-spacing:.14em}.jam45-collab-audio-card audio{width:100%;margin:1rem 0}.jam45-collab-audio-card>small{display:block;color:var(--j45d-muted)}.jam45-collab-no-audio{min-height:180px;margin:1rem 0;display:grid;place-items:center;align-content:center;text-align:center;border:1px dashed rgba(255,255,255,.14);border-radius:16px;color:var(--j45d-muted)}.jam45-collab-no-audio i{color:#8e75ff;font-size:3rem;font-style:normal}.jam45-collab-audio-card dl{margin:1rem 0 0}.jam45-collab-audio-card dl>div{padding:.7rem 0;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid rgba(255,255,255,.08)}.jam45-collab-audio-card dt{color:var(--j45d-muted)}.jam45-collab-audio-card dd{margin:0;color:#fff;font-weight:800;text-align:right}.jam45-collab-role-detail{margin:2rem 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.jam45-collab-role-detail h3{grid-column:1/-1;margin:.2rem 0}.jam45-collab-role-detail article{padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--j45d-line);border-radius:15px;background:rgba(255,255,255,.025)}.jam45-collab-role-detail article>div{display:flex;align-items:center;gap:.6rem}.jam45-collab-role-detail article>div>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-weight:900;background:linear-gradient(135deg,#2788ff,#8a63ff)}.jam45-collab-role-detail article p{margin:0;color:var(--j45d-muted);font-size:.8rem}.jam45-collab-role-detail article.is-filled{opacity:.62}.jam45-collab-apply{padding:1.3rem;border:1px solid rgba(90,164,255,.24);border-radius:20px;background:rgba(16,22,36,.72)}.jam45-collab-apply>div:first-child h3{margin:.1rem 0}.jam45-collab-apply>div:first-child p{margin:.2rem 0 1rem;color:var(--j45d-muted)}.jam45-collab-signin{padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--j45d-line);border-radius:18px;background:rgba(255,255,255,.03)}
.jam45-collab-mine{border-top:1px solid var(--j45d-line);background:rgba(255,255,255,.015)}.jam45-collab-mine-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.jam45-collab-mine-grid>div{padding:1.1rem;border:1px solid var(--j45d-line);border-radius:20px;background:rgba(13,18,29,.78)}.jam45-collab-mine-grid>div>h3{margin-top:0}.jam45-collab-manage-project{margin-top:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.025)}.jam45-collab-manage-project>header{display:flex;justify-content:space-between;gap:1rem}.jam45-collab-manage-project>header>div{display:grid}.jam45-collab-manage-project>header span{color:#87baff;font-size:.68rem;font-weight:900;letter-spacing:.1em}.jam45-collab-manage-project>header>a{color:#8fc0ff;text-decoration:none}.jam45-collab-application{margin-top:.7rem;padding:.8rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0b0f19}.jam45-collab-application-head{display:flex;justify-content:space-between;gap:1rem}.jam45-collab-application-head>div{display:grid}.jam45-collab-application-head span{color:var(--j45d-muted);font-size:.8rem}.jam45-collab-application b,.jam45-collab-sent>b{height:fit-content;padding:.25rem .42rem;border-radius:7px;color:#d7e6ff;font-size:.65rem;background:rgba(67,166,255,.15)}.jam45-collab-application b.is-accepted,.jam45-collab-sent>b.is-accepted{color:#d7ffed;background:rgba(54,211,153,.16)}.jam45-collab-application b.is-declined,.jam45-collab-sent>b.is-declined{color:#ffe1e6;background:rgba(255,97,117,.14)}.jam45-collab-application audio{width:100%}.jam45-collab-decision{display:flex;gap:.5rem}.jam45-collab-decision form{margin:0}.jam45-collab-decision .jam45-button{min-height:38px;padding:.55rem .85rem;font-size:.78rem}.jam45-collab-sent{margin-top:.6rem;padding:.75rem;display:flex;align-items:center;gap:.7rem;border:1px solid rgba(255,255,255,.08);border-radius:12px}.jam45-collab-sent>div{display:grid;min-width:0;margin-right:auto}.jam45-collab-sent>div strong,.jam45-collab-sent>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jam45-collab-sent>div span{color:var(--j45d-muted);font-size:.8rem}.jam45-text-button{padding:.4rem 0;border:0;color:#8fc0ff;font-weight:800;background:transparent;cursor:pointer}
.jam45-collab-create{width:min(900px,calc(100% - 24px));max-height:calc(100vh - 30px);padding:0;overflow:auto;border:1px solid rgba(108,172,255,.28);border-radius:26px;color:#fff;background:linear-gradient(145deg,#151c2c,#090d16);box-shadow:0 40px 120px rgba(0,0,0,.65)}.jam45-collab-create::backdrop{background:rgba(3,5,9,.78);backdrop-filter:blur(8px)}.jam45-collab-create>form{padding:clamp(1.1rem,3vw,2.2rem)}.jam45-collab-create-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.jam45-collab-create-head h2{margin:.05rem 0;font-size:clamp(2rem,5vw,4rem)}.jam45-collab-create-head p{color:var(--j45d-muted)}.jam45-collab-create-head>button{width:42px;height:42px;flex:0 0 42px;border:1px solid var(--j45d-line);border-radius:50%;color:#fff;font-size:1.4rem;background:rgba(255,255,255,.05);cursor:pointer}.jam45-collab-role-builder{padding:1rem;border:1px solid var(--j45d-line);border-radius:16px}.jam45-collab-role-builder legend{padding:0 .4rem;color:#fff;font-weight:900}.jam45-collab-role-row{margin-bottom:.55rem;display:grid;grid-template-columns:1fr 100px 38px;align-items:end;gap:.55rem}.jam45-collab-role-row label{display:grid;gap:.35rem}.jam45-collab-role-row>button{width:38px;height:44px;border:1px solid var(--j45d-line);border-radius:10px;color:#fff;background:rgba(255,255,255,.05);cursor:pointer}.jam45-collab-form-status{margin:.9rem 0;padding:.85rem 1rem;border:1px solid rgba(255,97,117,.34);border-radius:12px;color:#ffe2e7;background:rgba(255,97,117,.12)}.jam45-collab-form-status[hidden]{display:none}.jam45-collab-create [data-collab-create-submit]:disabled{opacity:.7;cursor:wait}.jam45-collab-create small{color:var(--j45d-muted)}
@media(max-width:1100px){.jam45-record-bin-shop,.jam45-missing-piece-hero,.jam45-collab-detail-grid,.jam45-collab-mine-grid{grid-template-columns:1fr}.jam45-record-bin-shop{min-height:0}.jam45-record-detail{min-height:360px}.jam45-collab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jam45-record-bin.is-grid .jam45-record-stack{grid-template-columns:repeat(4,minmax(0,1fr))}.jam45-missing-piece-visual{min-height:340px}.jam45-jukebox-machine{min-height:930px;padding:180px 118px 80px}.jam45-jukebox-speaker{width:88px}.jam45-jukebox-speaker i{width:60px}.jam45-jukebox-speaker i:nth-child(2){width:70px}}
@media(max-width:760px){.jam45-record-bin,.jam45-missing-piece,.jam45-jukebox{width:100%;margin:0 0 100px;border-inline:0;border-radius:0}.jam45-record-bin-hero{padding:.65rem .2rem .75rem}.jam45-record-bin-hero h1{font-size:clamp(2.7rem,15vw,4.4rem)}.jam45-record-bin-tabs{align-items:center}.jam45-record-bin-genre{margin-left:.2rem}.jam45-record-bin-shop{padding:.75rem}.jam45-record-stage{min-height:520px;padding:.5rem .35rem}.jam45-record-stack{height:505px}.jam45-record-stack:before,.jam45-record-stack:after{top:72px;bottom:8px;width:34px}.jam45-record-stack:before{left:1%}.jam45-record-stack:after{right:1%}.jam45-record-card,.jam45-record-front{bottom:18px;width:min(76vw,330px)}.jam45-record-front-layer{height:505px}.jam45-record-front:hover{bottom:22px}.jam45-record-card.is-active{transform:translateX(-50%) translate(0,0) scale(1) rotateX(-1deg)}.jam45-record-crate{left:1.5%;right:1.5%;height:142px;bottom:6px;border-top-width:11px}.jam45-record-crate:before{inset:15px 6%}.jam45-record-crate span{top:17px;width:96px;height:96px;padding:8px}.jam45-record-crate span strong{width:58px;height:58px}.jam45-record-crate span strong i:first-child{font-size:.7rem}.jam45-record-crate span strong i:last-child{font-size:1.55rem}.jam45-record-crate span b{font-size:.39rem}.jam45-record-bin-controls{margin-top:.6rem;padding:.62rem;flex-wrap:wrap}.jam45-record-bin.is-grid .jam45-record-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.jam45-record-detail{min-height:360px;padding:1.2rem}.jam45-missing-piece-hero{min-height:0;padding:2.2rem 1.1rem}.jam45-missing-piece-copy h1{font-size:clamp(3.6rem,20vw,6rem)}.jam45-missing-piece-visual{min-height:300px}.jam45-piece-orbit{width:min(300px,75vw)}.jam45-piece-orbit strong{font-size:4rem}.jam45-collab-board,.jam45-collab-mine{padding:1.1rem}.jam45-collab-board-head{align-items:stretch;flex-direction:column}.jam45-collab-filters{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch}.jam45-collab-filters label:first-child,.jam45-collab-filters button{grid-column:1/-1}.jam45-collab-filters input,.jam45-collab-filters select{width:100%;max-width:none}.jam45-collab-grid{grid-template-columns:1fr}.jam45-collab-detail{margin:1rem;padding:1rem}.jam45-collab-role-detail{grid-template-columns:1fr}.jam45-collab-signin{align-items:stretch;flex-direction:column}.jam45-collab-manage-project>header{flex-direction:column}.jam45-collab-role-row{grid-template-columns:1fr 80px 38px}.jam45-form-grid{grid-template-columns:1fr!important}.jam45-form-grid>.jam45-field-wide{grid-column:auto}.jam45-jukebox-intro{padding:2.4rem 1rem 1.4rem}.jam45-jukebox-machine{width:calc(100% - 18px);min-height:800px;padding:132px 62px 62px;border-width:3px;border-radius:180px 180px 28px 28px;box-shadow:0 0 0 2px #07090e,0 0 0 5px #815eff,0 0 24px rgba(70,112,255,.35)}.jam45-jukebox-machine:before{inset:10px;border-radius:170px 170px 20px 20px}.jam45-jukebox-crown{top:28px;width:72%;height:88px;padding:.7rem;gap:.55rem}.jam45-jukebox-crown img{width:60px;height:60px}.jam45-jukebox-crown b{font-size:1.35rem}.jam45-jukebox-crown small{font-size:.5rem}.jam45-jukebox-speaker{top:172px;bottom:105px;width:48px;padding:12px 5px;border-radius:28px 28px 14px 14px}.jam45-jukebox-speaker.is-left{left:7px}.jam45-jukebox-speaker.is-right{right:7px}.jam45-jukebox-speaker i,.jam45-jukebox-speaker i:nth-child(2){width:36px;border-width:3px}.jam45-jukebox-speaker span{width:31px;height:22px;font-size:.7rem}.jam45-jukebox-window{min-height:480px;padding:.9rem .75rem;border-radius:23px 23px 16px 16px}.jam45-jukebox-record-view{width:min(270px,92%)}.jam45-jukebox-readout{gap:.6rem}.jam45-jukebox-readout>span{min-width:54px;padding:.55rem .3rem;font-size:.75rem}.jam45-jukebox-readout h2{font-size:1.35rem}.jam45-jukebox-tags{justify-content:center}.jam45-jukebox-filter-grid{grid-template-columns:1fr}.jam45-jukebox-selection-actions{grid-template-columns:1fr 1fr}.jam45-jukebox-selection-actions [data-jukebox-drop]{grid-column:1;grid-row:1}.jam45-jukebox-selection-actions [data-jukebox-surprise]{grid-column:2;grid-row:1}.jam45-jukebox-selection-actions [data-jukebox-previous]{grid-column:1;grid-row:2}.jam45-jukebox-selection-actions [data-jukebox-continuous]{grid-column:2;grid-row:2}.jam45-jukebox-selection-actions button{min-height:50px;padding:.55rem;font-size:.8rem}.jam45-jukebox-track-actions{align-items:stretch;display:grid;grid-template-columns:1fr 1fr}.jam45-jukebox-track-actions [data-jukebox-wishlist],.jam45-jukebox-track-actions .jam45-jukebox-open{display:flex;align-items:center;justify-content:center}.jam45-jukebox-floor-lights{width:70%;bottom:17px}.jam45-jukebox-floor-lights i{width:8px;height:8px}.jam45-jukebox-support-note{padding-inline:1.1rem}}
@media(max-width:900px){.jam45-jukebox-library-head{grid-template-columns:1fr}.jam45-jukebox-source-actions{grid-template-columns:1fr 1fr}.jam45-jukebox-source-counts{width:100%}}
@media(max-width:760px){.jam45-jukebox-library{width:calc(100% - 18px);padding:1rem;border-radius:20px}.jam45-jukebox-source-counts{grid-template-columns:repeat(3,1fr)}.jam45-jukebox-source-counts span{min-width:0;min-height:68px;padding:.55rem .25rem;font-size:.56rem}.jam45-jukebox-source-counts b{font-size:1.2rem}.jam45-jukebox-source-actions{grid-template-columns:1fr}.jam45-jukebox-source-actions>.jam45-button,.jam45-jukebox-preview-switch{min-height:52px}.jam45-jukebox-track-row{grid-template-columns:22px 44px minmax(0,1fr) 38px}.jam45-jukebox-track-row img{width:44px;height:44px}.jam45-jukebox-track-row em{grid-column:2/4;width:fit-content}.jam45-jukebox-row-play{width:38px;height:38px;grid-column:4;grid-row:1}.jam45-jukebox-playlist-builder{grid-template-columns:1fr}.jam45-jukebox-playlist-card{align-items:stretch;flex-direction:column}.jam45-jukebox-playlist-card>div:last-child{display:grid;grid-template-columns:1fr 1fr 1fr}.jam45-jukebox-playlist-card button{padding:.5rem .35rem}.jam45-jukebox-playlists-title{align-items:flex-start;flex-direction:column;gap:.3rem}}
@media(prefers-reduced-motion:reduce){.jam45-piece-orbit:before,.jam45-piece-orbit:after,.jam45-jukebox.is-playing .jam45-jukebox-vinyl,.jam45-jukebox.is-playing .jam45-jukebox-speaker i,.jam45-jukebox.is-playing .jam45-jukebox-floor-lights i{animation:none}.jam45-jukebox.has-beat-signal .jam45-jukebox-speaker i{transform:none;filter:none}.jam45-record-card,.jam45-collab-card,.jam45-jukebox-cover{transition:none!important}}

/* beta236 Jukebox queue controls, editable library, and ambient artwork */
.jam45-jukebox-cover-ambient{position:absolute;z-index:0;inset:0 -30%;overflow:hidden;border:1px solid rgba(112,175,255,.2);border-radius:18px;background:#0a0e16;box-shadow:inset 0 0 36px rgba(4,7,13,.85),0 14px 32px rgba(0,0,0,.34);opacity:.66;pointer-events:none}.jam45-jukebox-cover-ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,45,85,.22),rgba(6,9,15,.7) 31%,rgba(6,9,15,.78) 50%,rgba(6,9,15,.7) 69%,rgba(85,41,132,.23)),linear-gradient(180deg,rgba(255,255,255,.06),transparent 42%,rgba(0,0,0,.32))}.jam45-jukebox-cover-ambient img{width:112%;height:112%;margin:-6%;display:block;object-fit:cover;filter:blur(18px) saturate(1.28) brightness(.72);transform:scale(1.08);will-change:transform,filter}.jam45-jukebox-vinyl{z-index:1}.jam45-jukebox-cover{z-index:2}.jam45-jukebox.is-playing .jam45-jukebox-cover-ambient img{animation:j45-jukebox-ambient 12s ease-in-out infinite alternate}
@keyframes j45-jukebox-ambient{0%{transform:scale(1.09) translateX(-2.5%);filter:blur(18px) saturate(1.2) brightness(.68)}50%{filter:blur(16px) saturate(1.38) brightness(.8)}100%{transform:scale(1.15) translateX(2.5%);filter:blur(19px) saturate(1.3) brightness(.72)}}
.jam45-jukebox-row-edit{padding:.32rem .55rem;border:1px solid rgba(108,177,255,.34);border-radius:999px;background:#202d46;color:#9dd1ff;font-size:.67rem;font-weight:850;white-space:nowrap;cursor:pointer}.jam45-jukebox-row-edit:hover{border-color:#7bc2ff;background:#263b61}.jam45-jukebox-track-row.is-unavailable{opacity:.74}.jam45-jukebox-missing-art{width:48px;height:48px;display:grid!important;place-items:center;border-radius:8px;background:linear-gradient(145deg,#202a3f,#0a0f19);color:#8cc9ff;font-size:1.3rem}.jam45-jukebox-row-play-spacer{width:42px;height:42px}.jam45-jukebox-playlist-builder{grid-template-columns:minmax(220px,1fr) auto auto}.jam45-jukebox-playlist-cancel{border:1px solid rgba(255,255,255,.14)!important;background:#182236!important}.jam45-jukebox-edit-dialog:not([open]){display:none}.jam45-jukebox-edit-dialog{width:min(520px,calc(100% - 24px));padding:0;border:1px solid rgba(113,181,255,.42);border-radius:22px;color:#fff;background:linear-gradient(150deg,#172238,#090e18);box-shadow:0 30px 90px rgba(0,0,0,.72)}.jam45-jukebox-edit-dialog::backdrop{background:rgba(2,5,11,.78);backdrop-filter:blur(8px)}.jam45-jukebox-edit-dialog form{padding:1.25rem;display:grid;gap:.9rem}.jam45-jukebox-edit-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.jam45-jukebox-edit-dialog h3{margin:.15rem 0 0;font-size:1.55rem}.jam45-jukebox-edit-dialog header button{width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:#121a29;color:#fff;font-size:1.35rem;cursor:pointer}.jam45-jukebox-edit-dialog label{display:grid;gap:.35rem;color:#b8c5da;font-size:.72rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.jam45-jukebox-edit-dialog input{width:100%;min-height:50px;padding:.7rem .85rem;border:1px solid rgba(108,173,255,.3);border-radius:11px;background:#09101c;color:#fff;font-size:1rem}.jam45-jukebox-edit-dialog form>p{min-height:1.2em;margin:0;color:#ffbdc8;font-size:.8rem}.jam45-jukebox-edit-dialog form>div:last-child{display:flex;justify-content:flex-end;gap:.6rem}.jam45-jukebox-edit-dialog .jam45-button{min-height:46px;margin:0;padding:.65rem 1rem;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:#172136;color:#fff;font-weight:850;cursor:pointer}.jam45-jukebox-edit-dialog .jam45-button-primary{border-color:rgba(99,172,255,.42);background:linear-gradient(135deg,#187dd9,#6b59ed)}
@media(max-width:760px){.jam45-jukebox-cover-ambient{inset:0 -19%}.jam45-jukebox-row-edit{grid-column:2/4;grid-row:2;width:fit-content;padding:.3rem .42rem;font-size:.61rem}.jam45-jukebox-row-play-spacer{grid-column:4;grid-row:1;width:38px;height:38px}.jam45-jukebox-missing-art{width:44px;height:44px}.jam45-jukebox-playlist-builder{grid-template-columns:1fr}.jam45-jukebox-playlist-builder .jam45-button{width:100%}.jam45-jukebox-playlist-card>div:last-child{grid-template-columns:1fr 1fr}.jam45-jukebox-edit-dialog form>div:last-child{display:grid;grid-template-columns:1fr 1fr}.jam45-jukebox-edit-dialog .jam45-button{padding:.6rem .45rem}}
@media(prefers-reduced-motion:reduce){.jam45-jukebox.is-playing .jam45-jukebox-cover-ambient img{animation:none}}

/* beta234 approved Record Bin mockup reconstruction */
body:has(.jam45-record-bin) #jam45-sticky-player{display:none!important}
.jam45-record-bin{margin-bottom:34px;border-radius:22px;background:radial-gradient(circle at 13% 2%,rgba(27,107,205,.12),transparent 30%),linear-gradient(150deg,#060911,#0a0f19 62%,#06080d)}
.jam45-record-bin-shop{min-height:0;padding:clamp(1rem,2.4vw,2.35rem);grid-template-columns:minmax(0,2.1fr) minmax(310px,.72fr);gap:clamp(1.25rem,2.5vw,2.5rem)}
.jam45-record-bin-hero{padding:0 .25rem .7rem}.jam45-record-bin-hero h1{font-size:clamp(3rem,4.7vw,4.75rem);line-height:.9}.jam45-record-bin-tabs{margin-bottom:.7rem;background:rgba(6,10,17,.82)}
.jam45-record-stage{min-height:570px;padding:0;border:0;border-radius:14px;background:radial-gradient(ellipse at 50% 4%,rgba(46,92,160,.15),transparent 45%),linear-gradient(180deg,#050810 0 66%,#160e09 66%,#08090d 100%);box-shadow:inset 0 0 70px rgba(0,0,0,.52),0 22px 48px rgba(0,0,0,.24);perspective:1800px}
.jam45-record-stage:after{height:132px;background:repeating-linear-gradient(92deg,rgba(255,255,255,.018) 0 1px,transparent 1px 78px),linear-gradient(180deg,#2b1a11,#120c08 58%,#06070a);box-shadow:inset 0 1px rgba(255,206,151,.09),0 -22px 50px rgba(0,0,0,.36)}
.jam45-record-stack{width:min(100%,990px);height:548px;perspective:1750px}
.jam45-record-stack:before,.jam45-record-stack:after{top:104px;bottom:23px;width:96px;border-color:rgba(255,222,178,.16);background:radial-gradient(ellipse at 45% 24%,rgba(160,91,46,.2),transparent 18%),repeating-linear-gradient(176deg,rgba(255,255,255,.026) 0 2px,transparent 2px 11px),linear-gradient(90deg,#160b06,#57331e 48%,#201109);box-shadow:0 18px 35px rgba(0,0,0,.68),inset 0 0 25px rgba(0,0,0,.5),inset 1px 0 rgba(255,202,143,.1)}
.jam45-record-stack:before{left:1.5%;clip-path:polygon(48% 0,100% 7%,78% 100%,0 100%)}.jam45-record-stack:after{right:1.5%;clip-path:polygon(0 7%,52% 0,100% 100%,22% 100%)}
.jam45-record-card{bottom:-56px;width:min(70%,590px);transform:translateX(-50%) translate(var(--record-nudge),var(--record-rise)) scale(var(--record-scale)) rotateZ(var(--record-tilt)) rotateX(-11deg);filter:saturate(.76) brightness(.7);transform-origin:center bottom}
.jam45-record-card.is-active{filter:none;transform:translateX(-50%) translate(0,0) scale(1) rotateX(-11deg)}
.jam45-record-select{width:100%;height:100%;display:block;border-radius:3px;text-decoration:none}
.jam45-record-sleeve{border-radius:3px;border-color:rgba(255,255,255,.28);background:#111;box-shadow:0 18px 32px rgba(0,0,0,.62),0 0 0 2px rgba(94,65,43,.32),inset 0 0 0 1px rgba(255,255,255,.08)}
.jam45-record-sleeve:before{content:"";position:absolute;inset:0;z-index:2;border:1px solid rgba(255,244,224,.08);box-shadow:inset 0 0 24px rgba(0,0,0,.14);pointer-events:none}
.jam45-record-sleeve:after{z-index:3;background:linear-gradient(112deg,rgba(255,255,255,.16),transparent 17%,transparent 75%,rgba(0,0,0,.24))}
.jam45-record-front-layer{width:min(100%,990px);height:548px;perspective:1750px}.jam45-record-front{bottom:-56px;width:min(70%,590px);transform:rotateX(-11deg);transform-origin:center bottom;transition:bottom .36s cubic-bezier(.2,.85,.25,1),filter .2s ease,transform .2s ease}.jam45-record-front:hover{bottom:-49px;filter:brightness(1.05)}.jam45-record-front:focus-visible{outline:3px solid #8bc8ff;outline-offset:6px}.jam45-record-front.is-playing{filter:brightness(1.06);transform:rotateX(-11deg) translateY(-4px)}
.jam45-record-crate{left:4.2%;right:4.2%;bottom:18px;height:164px;border-top:18px solid #6f4328;border-radius:4px 4px 13px 13px;background:radial-gradient(ellipse at 18% 38%,rgba(132,64,29,.3),transparent 13%),radial-gradient(ellipse at 76% 68%,rgba(103,47,22,.32),transparent 12%),repeating-linear-gradient(88deg,rgba(255,228,191,.035) 0 2px,transparent 2px 31px),linear-gradient(104deg,#251106,#4b2816 18%,#2c150b 42%,#59321d 64%,#281309 84%,#482615);clip-path:polygon(1.2% 0,98.8% 0,100% 100%,0 100%);box-shadow:0 -8px 22px rgba(0,0,0,.42),0 30px 50px rgba(0,0,0,.68),inset 0 12px 24px rgba(255,190,122,.07),inset 0 -16px 28px rgba(0,0,0,.3)}
.jam45-record-crate:before{inset:18px 5% 15px;border:1px solid rgba(232,183,123,.22);border-radius:3px}.jam45-record-crate span{top:33px;width:144px;height:64px;padding:8px 13px;border:1px solid rgba(224,173,111,.58);border-radius:6px;background:linear-gradient(145deg,#5b351f,#241309 66%,#140b07);box-shadow:0 8px 18px rgba(0,0,0,.62),inset 0 0 0 3px rgba(24,11,6,.5),inset 0 0 15px rgba(255,180,91,.12)}
.jam45-record-crate span strong{width:auto;height:auto;display:flex;align-items:baseline;justify-content:center;gap:.18rem;border:0;border-radius:0;background:none;box-shadow:none}.jam45-record-crate span strong i{line-height:1;letter-spacing:.08em}.jam45-record-crate span strong i:first-child,.jam45-record-crate span strong i:last-child{font-size:1.1rem}.jam45-record-crate span b{margin-top:5px;font-size:.45rem;letter-spacing:.18em}
.jam45-record-bin-controls{width:max-content;max-width:calc(100% - 24px);margin:-67px auto 0;padding:.48rem;gap:.42rem;z-index:100;border-color:rgba(255,255,255,.13);border-radius:999px;background:rgba(6,9,15,.88);box-shadow:0 10px 28px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(12px)}
.jam45-record-bin-controls button{min-width:40px;min-height:40px;padding:.48rem .72rem}.jam45-record-bin-controls .jam45-record-surprise{padding-inline:1.05rem}
.jam45-record-detail{min-height:535px;padding:clamp(1.35rem,2.35vw,2.2rem);justify-content:center;border-radius:22px;background:linear-gradient(150deg,rgba(23,32,51,.97),rgba(8,13,22,.98));box-shadow:0 24px 56px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.05)}
.jam45-record-detail h2{font-size:clamp(2.25rem,3.5vw,3.55rem)}.jam45-record-detail-actions [data-record-preview] .jam45-play-label{min-width:72px}.jam45-record-detail-actions [data-record-preview].is-playing{box-shadow:0 0 0 5px rgba(86,128,255,.12),0 12px 28px rgba(39,136,255,.28)}
.jam45-record-grid-copy,.jam45-record-grid-play{display:none}

.jam45-record-bin.is-grid .jam45-record-bin-shop{grid-template-columns:1fr}.jam45-record-bin.is-grid .jam45-record-detail{display:none}.jam45-record-bin.is-grid .jam45-record-stage{padding:1.15rem;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#070a11,#0b0c0f)}
.jam45-record-bin.is-grid .jam45-record-stack{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.jam45-record-bin.is-grid .jam45-record-card,.jam45-record-bin.is-grid .jam45-record-card.is-active{overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:5px;background:#0a0d13;box-shadow:0 13px 28px rgba(0,0,0,.28)}
.jam45-record-bin.is-grid .jam45-record-select{position:absolute;inset:0;width:100%;height:100%;border-radius:0}.jam45-record-bin.is-grid .jam45-record-select:focus-visible{outline:3px solid #8bc8ff;outline-offset:-4px}.jam45-record-bin.is-grid .jam45-record-label{left:.7rem;right:.7rem;bottom:.7rem;min-height:74px;padding:.62rem .62rem .62rem .72rem;display:grid!important;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:.5rem;border-radius:11px;background:rgba(5,7,12,.88)}
.jam45-record-bin.is-grid .jam45-record-grid-copy{min-width:0;display:grid;color:#fff;text-decoration:none}.jam45-record-bin.is-grid .jam45-record-grid-copy strong,.jam45-record-bin.is-grid .jam45-record-grid-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jam45-record-bin.is-grid .jam45-record-grid-copy small{margin-top:.18rem;color:#bdc6d9}
.jam45-record-bin.is-grid .jam45-record-grid-play{width:42px;height:42px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:50%;color:#fff;background:linear-gradient(135deg,#2788ff,#8064f3);box-shadow:0 8px 20px rgba(39,136,255,.28);cursor:pointer}.jam45-record-bin.is-grid .jam45-record-grid-play:hover,.jam45-record-bin.is-grid .jam45-record-grid-play:focus-visible{transform:translateY(-1px) scale(1.04);outline:2px solid #9dd1ff;outline-offset:2px}.jam45-record-bin.is-grid .jam45-record-grid-play .jam45-control-icon{width:13px;height:15px;flex-basis:13px}.jam45-record-bin.is-grid .jam45-record-grid-play .jam45-control-icon:before{left:3px;top:1px}
.jam45-record-bin.is-grid .jam45-record-bin-controls{position:relative;width:max-content;margin:1rem auto 0}

@media(max-width:1100px){.jam45-record-bin-shop{grid-template-columns:1fr}.jam45-record-detail{min-height:360px}.jam45-record-bin.is-grid .jam45-record-stack{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){body:has(.jam45-record-bin) #jam45-sticky-player{display:none!important}.jam45-record-bin{margin-bottom:24px}.jam45-record-bin-shop{padding:.75rem}.jam45-record-stage{min-height:455px}.jam45-record-stack,.jam45-record-front-layer{height:440px}.jam45-record-stack:before,.jam45-record-stack:after{top:73px;bottom:17px;width:46px}.jam45-record-card,.jam45-record-front{bottom:-35px;width:min(78vw,350px)}.jam45-record-card{transform:translateX(-50%) translate(var(--record-nudge),var(--record-rise)) scale(var(--record-scale)) rotateZ(var(--record-tilt)) rotateX(-9deg)}.jam45-record-card.is-active{transform:translateX(-50%) translate(0,0) scale(1) rotateX(-9deg)}.jam45-record-front,.jam45-record-front.is-playing{transform:rotateX(-9deg)}.jam45-record-front:hover{bottom:-31px}.jam45-record-crate{left:2%;right:2%;bottom:10px;height:125px;border-top-width:12px}.jam45-record-crate:before{inset:13px 5% 11px}.jam45-record-crate span{top:20px;width:116px;height:55px;padding:6px 10px}.jam45-record-crate span strong i:first-child,.jam45-record-crate span strong i:last-child{font-size:.88rem}.jam45-record-crate span b{font-size:.37rem}.jam45-record-bin-controls{margin:-52px auto 0;flex-wrap:nowrap}.jam45-record-bin-controls button{min-width:38px;min-height:38px;padding:.45rem .62rem;font-size:.78rem}.jam45-record-bin-controls .jam45-record-surprise{padding-inline:.78rem}.jam45-record-bin.is-grid .jam45-record-stage{padding:.65rem}.jam45-record-bin.is-grid .jam45-record-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.jam45-record-bin.is-grid .jam45-record-label{left:.42rem;right:.42rem;bottom:.42rem;min-height:62px;padding:.48rem .48rem .48rem .55rem;grid-template-columns:minmax(0,1fr) 36px;gap:.35rem}.jam45-record-bin.is-grid .jam45-record-grid-copy strong{font-size:.78rem}.jam45-record-bin.is-grid .jam45-record-grid-copy small{font-size:.68rem}.jam45-record-bin.is-grid .jam45-record-grid-play{width:36px;height:36px}.jam45-record-bin.is-grid .jam45-record-bin-controls{margin-top:.75rem}.jam45-record-detail{padding:1.2rem}}
@media(max-width:420px){.jam45-record-bin-controls{max-width:calc(100% - 8px);gap:.25rem;padding:.35rem}.jam45-record-bin-controls button{min-width:34px;min-height:36px;padding:.38rem .48rem}.jam45-record-bin-controls .jam45-record-surprise{padding-inline:.58rem}.jam45-record-bin-controls span{font-size:.72rem}.jam45-record-bin.is-grid .jam45-record-label{grid-template-columns:minmax(0,1fr) 32px}.jam45-record-bin.is-grid .jam45-record-grid-play{width:32px;height:32px}}

/* beta238 approved-mockup Record Bin: real walnut bin, downward shop-floor angle, live sleeves */
.jam45-record-bin{width:min(1540px,calc(100% - 24px));margin:0 auto 34px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.jam45-record-bin-shop{min-height:0;padding:clamp(1rem,1.9vw,1.8rem) clamp(.5rem,1.4vw,1.35rem) 1.8rem;grid-template-columns:minmax(0,2.35fr) minmax(330px,.82fr);gap:clamp(1.4rem,2.8vw,2.8rem)}
.jam45-record-bin-hero{padding:0 .1rem .55rem}.jam45-record-bin-hero h1{font-size:clamp(3rem,4.2vw,4.5rem);line-height:.9}.jam45-record-bin-tabs{margin-bottom:.45rem;border-radius:12px;background:rgba(5,9,16,.68)}
.jam45-record-stage{min-height:0;aspect-ratio:1.55/1;padding:0;overflow:hidden;border:0;border-radius:12px;background:radial-gradient(ellipse at 51% 28%,rgba(39,77,134,.17),transparent 50%),linear-gradient(180deg,#050811 0 72%,#0b0908 100%);box-shadow:inset 0 0 70px rgba(0,0,0,.48),0 22px 55px rgba(0,0,0,.24);perspective:1800px;isolation:isolate}
.jam45-record-stage:before,.jam45-record-stage:after{content:"";position:absolute;inset:-2.5% -4% -5%;height:auto;background:url("../img/record-bin-crate-beta238.png") center bottom/contain no-repeat;box-shadow:none;pointer-events:none}
.jam45-record-stage:before{z-index:1}.jam45-record-stage:after{z-index:20;clip-path:inset(55% 0 0 0)}
.jam45-record-stack{z-index:5;width:100%;height:100%;perspective:1750px}.jam45-record-stack:before,.jam45-record-stack:after{display:none}
.jam45-record-card{bottom:-16%;width:min(64%,630px);transform:translateX(-50%) translate(var(--record-nudge),var(--record-rise)) scale(var(--record-scale)) rotateZ(var(--record-tilt)) rotateX(-7deg);filter:saturate(.82) brightness(.72);transform-origin:center bottom}
.jam45-record-card.is-active{filter:none;transform:translateX(-50%) translate(0,0) scale(1) rotateX(-7deg)}
.jam45-record-sleeve{border-radius:3px;border-color:rgba(255,255,255,.3);box-shadow:0 16px 32px rgba(0,0,0,.7),0 0 0 2px rgba(75,48,30,.34),inset 0 0 0 1px rgba(255,255,255,.08)}
.jam45-record-front-layer{z-index:6;width:100%;height:100%;perspective:1750px}.jam45-record-front{bottom:-16%;width:min(64%,630px);transform:rotateX(-7deg);transform-origin:center bottom}.jam45-record-front:hover{bottom:-15%;filter:brightness(1.05)}.jam45-record-front.is-playing{filter:brightness(1.06);transform:rotateX(-7deg) translateY(-4px)}
.jam45-record-crate{left:50%;right:auto;bottom:12%;width:148px;height:66px;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;clip-path:none;transform:translateX(-50%);z-index:30}.jam45-record-crate:before,.jam45-record-crate:after{display:none}.jam45-record-crate span{left:50%;top:0;width:148px;height:60px;padding:7px 12px;border:1px solid rgba(226,178,111,.62);border-radius:6px;background:linear-gradient(145deg,#613a21,#29160d 63%,#120a07);box-shadow:0 8px 18px rgba(0,0,0,.62),inset 0 0 0 3px rgba(24,11,6,.58),inset 0 0 14px rgba(255,180,91,.13)}
.jam45-record-crate span strong{width:auto;height:auto;display:flex;align-items:baseline;justify-content:center;gap:.2rem;border:0;border-radius:0;background:none;box-shadow:none}.jam45-record-crate span strong i{line-height:1;letter-spacing:.08em}.jam45-record-crate span strong i:first-child,.jam45-record-crate span strong i:last-child{font-size:1.08rem}.jam45-record-crate span b{margin-top:4px;font-size:.44rem;letter-spacing:.18em}
.jam45-record-bin-controls{width:max-content;max-width:calc(100% - 24px);margin:-78px auto 0;padding:.48rem;gap:.42rem;z-index:40;border-color:rgba(255,255,255,.14);border-radius:999px;background:rgba(6,9,15,.9);box-shadow:0 10px 28px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(12px)}
.jam45-record-detail{min-height:570px;padding:clamp(1.5rem,2.5vw,2.35rem);justify-content:center;border-radius:22px;background:linear-gradient(150deg,rgba(23,32,51,.97),rgba(8,13,22,.98));box-shadow:0 24px 56px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.05)}
.jam45-record-bin.is-grid{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:radial-gradient(circle at 13% 2%,rgba(27,107,205,.12),transparent 30%),linear-gradient(150deg,#060911,#0a0f19 62%,#06080d)}
.jam45-record-bin.is-grid .jam45-record-bin-shop{grid-template-columns:1fr}.jam45-record-bin.is-grid .jam45-record-stage{aspect-ratio:auto;padding:1.15rem;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#070a11,#0b0c0f);box-shadow:none}.jam45-record-bin.is-grid .jam45-record-stage:before,.jam45-record-bin.is-grid .jam45-record-stage:after{display:none}.jam45-record-bin.is-grid .jam45-record-stack{height:auto}.jam45-record-bin.is-grid .jam45-record-bin-controls{margin:1rem auto 0}
@media(max-width:1100px){.jam45-record-bin-shop{grid-template-columns:1fr}.jam45-record-detail{min-height:360px}.jam45-record-stage{aspect-ratio:1.58/1}}
@media(max-width:760px){.jam45-record-bin{width:100%;margin-bottom:24px}.jam45-record-bin-shop{padding:.75rem}.jam45-record-stage{aspect-ratio:1.24/1;border-radius:8px}.jam45-record-card,.jam45-record-front{bottom:-12%;width:min(72vw,350px)}.jam45-record-card{transform:translateX(-50%) translate(var(--record-nudge),var(--record-rise)) scale(var(--record-scale)) rotateZ(var(--record-tilt)) rotateX(-6deg)}.jam45-record-card.is-active{transform:translateX(-50%) translate(0,0) scale(1) rotateX(-6deg)}.jam45-record-front,.jam45-record-front.is-playing{transform:rotateX(-6deg)}.jam45-record-front:hover{bottom:-11%}.jam45-record-crate{bottom:10%;width:108px;height:50px}.jam45-record-crate span{width:108px;height:45px;padding:5px 8px}.jam45-record-crate span strong i:first-child,.jam45-record-crate span strong i:last-child{font-size:.8rem}.jam45-record-crate span b{font-size:.34rem}.jam45-record-bin-controls{margin:-52px auto 0}.jam45-record-bin.is-grid .jam45-record-stage{aspect-ratio:auto;padding:.65rem}.jam45-record-bin.is-grid .jam45-record-bin-controls{margin-top:.75rem}}

/* beta239: keep every sleeve physically inside the photorealistic crate */
.jam45-record-bin:not(.is-grid) .jam45-record-stack,.jam45-record-bin:not(.is-grid) .jam45-record-front-layer{clip-path:inset(0 0 17.5% 0)}
.jam45-record-bin:not(.is-grid) .jam45-record-crate{bottom:19%}
.jam45-record-bin:not(.is-grid) .jam45-record-bin-controls{margin-top:-112px}
.jam45-record-bin:not(.is-grid) .jam45-record-detail{margin-top:clamp(9rem,10vw,11.5rem)}
.jam45-record-detail-actions .jam45-button[data-record-preview]{min-width:122px;padding:.78rem 1.12rem!important;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;overflow:hidden}
.jam45-record-detail-actions .jam45-button[data-record-preview] .jam45-control-icon{width:16px;height:18px;flex:0 0 16px;margin:0}
.jam45-record-detail-actions .jam45-button[data-record-preview] .jam45-play-label{min-width:0;white-space:nowrap}
.jam45-record-bin.is-grid .jam45-record-stack,.jam45-record-bin.is-grid .jam45-record-front-layer{clip-path:none}
@media(max-width:1100px){.jam45-record-bin:not(.is-grid) .jam45-record-detail{margin-top:0}}
@media(max-width:760px){.jam45-record-bin:not(.is-grid) .jam45-record-stack,.jam45-record-bin:not(.is-grid) .jam45-record-front-layer{clip-path:inset(0 0 17% 0)}.jam45-record-bin:not(.is-grid) .jam45-record-crate{bottom:21%}.jam45-record-bin:not(.is-grid) .jam45-record-bin-controls{margin-top:-65px}.jam45-record-detail-actions .jam45-button[data-record-preview]{min-width:116px;padding:.72rem 1rem!important}}

/* beta240: lower the complete walnut shell while keeping the live records fixed */
.jam45-record-bin:not(.is-grid) .jam45-record-stage:before,.jam45-record-bin:not(.is-grid) .jam45-record-stage:after{transform:translateY(8.5%)}
.jam45-record-bin:not(.is-grid) .jam45-record-crate{bottom:10.5%}
.jam45-record-bin:not(.is-grid) .jam45-record-bin-controls{margin-top:-70px}
@media(max-width:760px){.jam45-record-bin:not(.is-grid) .jam45-record-stage:before,.jam45-record-bin:not(.is-grid) .jam45-record-stage:after{transform:translateY(6%)}.jam45-record-bin:not(.is-grid) .jam45-record-crate{bottom:15%}.jam45-record-bin:not(.is-grid) .jam45-record-bin-controls{margin-top:-50px}}