.aside-record{min-width:0}
.aside-record-art{position:relative;display:block;aspect-ratio:1;isolation:isolate;overflow:hidden;border:1px solid #cdc8b9;border-radius:9px;background:linear-gradient(145deg,#ede9dc,#dfdfd1 70%,#d2d6c8);box-shadow:inset 0 1px 0 #fff9,inset 0 -5px 0 #adac9933,0 5px 12px #3d493c0d}
.aside-record-art .aside-record-cover{position:absolute;left:7.5%;top:13.5%;z-index:2;display:block;width:73%;height:auto;aspect-ratio:1;object-fit:contain;border:4px solid #fff;box-shadow:0 4px 9px #283b3920;transition:opacity .45s,transform .65s cubic-bezier(.2,.7,.2,1)}
.turntable-platter{position:absolute;left:5%;top:11%;width:78%;aspect-ratio:1;border-radius:50%;background:#5e6860;box-shadow:0 0 0 1px #c0c4b5,0 0 0 3px #ebede19c,inset 0 0 0 3px #90998b,0 3px 5px #37433133}
.aside-record-disc{position:absolute;left:7.5%;top:13.5%;width:73%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#e4e4dd;border:1px solid #6b756d66;box-shadow:0 2px 4px #152a3033;animation:aside-record-spin 10s linear infinite;animation-play-state:paused;opacity:0;transition:opacity .3s}
.aside-record.is-current .aside-record-disc{opacity:1}
.turntable-rest{position:absolute;left:86%;top:60%;width:4%;height:9%;border:1px solid #8e9788;border-radius:3px;background:#c4cbbc;box-shadow:0 2px 2px #43514122}
.turntable-tonearm{position:absolute;left:88%;top:17%;width:0;height:52%;z-index:4;transform:rotate(0deg);transform-origin:0 0;transition:transform .6s cubic-bezier(.3,.05,.2,1) .12s,filter .25s;filter:drop-shadow(1px 3px 1px #28392d55);pointer-events:none}
.turntable-tonearm:before{content:'';position:absolute;left:-1.5px;top:0;width:3px;height:100%;border-radius:2px;background:linear-gradient(90deg,#687c73,#eef0df 45%,#8d9c8e)}
.turntable-tonearm:after{content:'';position:absolute;left:-5px;top:-11px;width:10px;height:7px;border:1px solid #7a8779;border-radius:2px;background:#a7b4a1}
.turntable-head{position:absolute;left:-5px;bottom:-2px;width:10px;height:17px;border:1px solid #3f584b;border-radius:2px;background:linear-gradient(90deg,#596d5c,#7e8d75);transform:translateY(-2px);transition:transform .18s ease;box-shadow:inset 0 1px 0 #d6ddc755}
.turntable-stylus{position:absolute;bottom:-1px;left:3px;width:2px;height:3px;border-radius:1px;background:#e9c7a2}
.turntable-pivot{position:absolute;left:88%;top:17%;width:8%;aspect-ratio:1;z-index:5;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#c0c9b7 0 18%,#6e7d6c 21% 31%,#c4cbb9 34% 55%,#889581 60%);border:1px solid #7c8b76;box-shadow:0 2px 3px #34402d44;pointer-events:none}
.turntable-light{position:absolute;left:87%;top:85%;width:2.5%;aspect-ratio:1;border-radius:50%;background:#a4ab99;box-shadow:0 0 0 3px #d5d8ca,inset 0 1px 2px #43553a55}
.aside-record.is-arm-engaged .turntable-tonearm{transform:rotate(27deg);transition-delay:0s;filter:drop-shadow(0 1px .5px #28392d55)}
.aside-record.is-arm-engaged .turntable-head{transform:translateY(0);transition-delay:.48s}
.aside-record.is-arm-engaged .turntable-light{background:#6e9271;box-shadow:0 0 0 3px #d5d8ca,0 0 5px #6e927144}
.aside-record.is-waiting .turntable-light{background:#b39c65}
.aside-record-label{position:absolute;inset:0;border-radius:50%;overflow:hidden}
.aside-record-label img{display:block;width:100%;height:100%;object-fit:contain}
.aside-record-label:after{content:'';position:absolute;left:48.6%;top:48.6%;width:2.8%;height:2.8%;border-radius:50%;background:var(--paper);border:1px solid #5a6257;box-shadow:0 0 0 2px #ffffff45}
.aside-record.is-current .aside-record-cover{opacity:0;transform:scale(.92)}
.aside-record.is-spinning .aside-record-disc{animation-play-state:running}
.aside-record-play{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;border:1px solid #84978b;border-radius:5px;background:#e8ede4;color:#38584e;font:500 12px/1.6 var(--sans);padding:10px 12px}
.aside-record-play:hover{background:#dfe7da;border-color:#506e65}
.aside-record-play[aria-pressed=true]{background:#506e65;border-color:#506e65;color:#fff}
.aside-record .aside-record-status{min-height:3.2em;font:11px/1.6 var(--sans);color:#6b7d73;margin:10px 0 0;overflow-wrap:anywhere}
.aside-record-official{font:11px/1.7 var(--sans);color:#506e65;text-decoration:underline;text-underline-offset:3px}
.aside-record a:focus-visible,.aside-record button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.album-queue-options{padding:13px 15px;border:1px solid var(--line);border-radius:6px;margin:18px 0;background:#e8ede44d}
.album-queue-options p{font-size:12px;line-height:1.6;margin-bottom:10px;overflow-wrap:anywhere}
.album-queue-options label{font-size:11px}
.album-queue-options select{display:block;width:100%;min-height:42px;margin-top:5px;padding:8px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);font:12px var(--sans)}
body.motion-paused .aside-record.is-spinning .aside-record-disc{animation-play-state:paused}
body.motion-paused .aside-record .aside-record-cover,body.motion-paused .aside-record .aside-record-disc,body.motion-paused .aside-record .turntable-tonearm,body.motion-paused .aside-record .turntable-head{transition:none}
@keyframes aside-record-spin{to{transform:rotate(360deg)}}
@media(max-width:800px){.community-aside{display:block}.aside-record{max-width:340px;margin:18px auto 0;padding-top:24px;border-top:1px solid var(--line)}.aside-record-play{font-size:13px}.aside-record .aside-record-status{font-size:12px}}
@media(prefers-reduced-motion:reduce){.aside-record-disc{animation:none}.aside-record-art .aside-record-cover,.aside-record .aside-record-disc,.aside-record .turntable-tonearm,.aside-record .turntable-head{transition:none}}

.aside-album-navigation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:8px}
.aside-album-navigation button{min-height:40px;padding:7px 5px;border:1px solid #c4cdbf;border-radius:5px;color:#506e65;background:#eef0e8;font:12px/1.5 var(--sans)}
.aside-album-navigation button:hover:not(:disabled){background:#e0e7d8;border-color:#84978b}
.aside-album-navigation button:disabled{opacity:.42;cursor:default}