body[data-page="discos"]{background:#181714;color:#eee3cf;--accent:#e7cba2}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.listening-room{background:radial-gradient(ellipse at 30% 50%,#8c3a32 0,#522322 48%,#281b1a 100%);padding:45px 5vw 55px;overflow:hidden}.room-heading{max-width:1300px;margin:auto}.room-heading h1{font-family:Georgia,serif;font-size:clamp(48px,6vw,86px);font-weight:normal;font-style:italic;letter-spacing:-.065em;line-height:.95;margin:20px 0}.room-heading>p:last-child{font-size:13px;color:#d3b5a3}.room-layout{max-width:1300px;margin:20px auto 0;display:grid;grid-template-columns:1.55fr 1fr;gap:6vw;align-items:center}.deck-stage{height:460px;display:grid;place-items:center;perspective:1100px;touch-action:pan-y;cursor:grab;outline-offset:-4px}.deck-stage:active{cursor:grabbing}.turntable{width:94%;max-width:680px;aspect-ratio:1.38;transform-style:preserve-3d;transform:rotateX(var(--rx,27deg)) rotateY(var(--ry,-8deg)) rotateZ(-3deg);transition:transform .15s ease-out}.wood-base{position:relative;width:100%;height:100%;border:2px solid #9c6b43;border-radius:9px;transform-style:preserve-3d;background:repeating-linear-gradient(2deg,#35201533 0 1px,transparent 2px 6px),repeating-linear-gradient(177deg,#6b3c25 0,#965c35 7px,#6b3c25 12px,#4d2c20 17px);box-shadow:0 2px #40291e,0 4px #4c2d1d,0 6px #40291e,0 9px #4c2d1d,0 12px #392016,0 15px #321e16,15px 42px 36px #0008}.platter{position:absolute;width:67%;aspect-ratio:1;left:10.5%;top:3%;border-radius:50%;background:conic-gradient(#ddd8cf,#73706d,#d9d4ce,#77726c,#e4dfd8);border:3px solid #c0b9b0;box-shadow:0 6px 4px #0009,inset 0 0 25px #ffffef55;transform:translateZ(9px)}.vinyl{position:absolute;inset:3%;border-radius:50%;background:repeating-radial-gradient(circle,#171716 0 1px,#33322f 2px,#111 3px,#20201e 4px);box-shadow:inset 0 0 15px #000;animation:spin 1.8s linear infinite;animation-play-state:paused;opacity:0;transition:opacity .4s}.vinyl:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 0deg,#ffffff22 40deg,transparent 75deg,transparent 180deg,#ffffff1c 220deg,transparent 260deg);pointer-events:none}.loaded .vinyl{opacity:1}.playing .vinyl{animation-play-state:running}.disc-label{position:absolute;inset:35%;border-radius:50%;background:#bca578;color:#29201c;display:grid;place-items:center;text-align:center;overflow:hidden;box-shadow:0 0 0 2px #171714;background-position:center;background-size:cover}.disc-label span{padding:8px;font-size:clamp(7px,1vw,12px);font-weight:900;letter-spacing:.08em;max-width:100%;overflow:hidden}.spindle{position:absolute;width:3.5%;aspect-ratio:1;left:48.25%;top:48.25%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#eee,#333 40%,#090909 60%);box-shadow:1px 2px 3px #000;transform:translateZ(7px)}.motor{position:absolute;width:15%;aspect-ratio:1;left:2%;top:4%;border-radius:50%;background:radial-gradient(circle,#1d1b19 38%,#444038 40%,#191816 45%,#090909 65%,#423c34 67%,#151310 70%);box-shadow:1px 4px 5px #0008}.arm-base{position:absolute;right:7%;top:11%;width:10%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#141310 40%,#615b52 43%,#151310 50%,#080808 70%);transform:translateZ(14px)}.tonearm{position:absolute;right:9%;top:18%;width:5%;height:67%;transform:translateZ(25px) rotateZ(0);transform-origin:50% 3%;transition:transform 1s ease}.playing .tonearm{transform:translateZ(25px) rotateZ(24deg)}.arm-shaft{position:absolute;left:36%;width:28%;height:92%;background:linear-gradient(90deg,#080808,#77756f 30%,#181918 50%,#060606);border-radius:5px;box-shadow:5px 5px 5px #0007}.arm-weight{position:absolute;top:-18%;left:-20%;width:140%;height:16%;border-radius:5px;background:linear-gradient(90deg,#555,#ece6da 24%,#9c968e 35%,#3a3934 60%,#ddd6c9 90%,#333);box-shadow:2px 2px 4px #000}.cartridge{position:absolute;bottom:0;left:10%;width:90%;height:19%;background:linear-gradient(90deg,#070707,#242422);transform:rotate(-12deg);border-bottom:3px solid #b8ab8c;border-radius:3px}.power-plate{position:absolute;left:3%;bottom:4%;background:#cbbb94;border:1px solid #eee0be;padding:2% 2%;color:#211c17;font-size:8px;display:flex;gap:10px;align-items:center;border-radius:3px}.power-plate i{width:22px;height:12px;background:#171614;border:3px solid #494338}.playing .power-plate i{background:#c9462d;box-shadow:0 0 8px #dc7351}.deck-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;letter-spacing:.1em}.deck-caption button{color:inherit;background:none;border:0;border-bottom:1px solid #d6b69c66;padding:8px;font-size:10px}.angle-hint{font-size:10px;color:#d1ac97;text-align:center}.listening-panel{padding:26px 0;border-top:1px solid #ddbd9d55;border-bottom:1px solid #ddbd9d55}.listening-panel h2{font-family:Georgia,serif;font-size:clamp(32px,4vw,54px);font-weight:normal;line-height:1.05;letter-spacing:-.045em;margin:14px 0}.listening-panel>p{line-height:1.5}#recordArtist{font-size:18px;color:#ead4b2}#recordInfo{font-size:10px;letter-spacing:.08em;text-transform:uppercase}#recordDescription{font-size:13px;color:#d5b9a3;min-height:40px}.transport{display:flex;gap:8px;margin:25px 0 20px}.transport button{background:transparent;border:1px solid #dfc5a677;color:inherit;padding:13px 18px}.transport #playRecord{flex:1;background:#ead9b9;color:#2b211c;border-color:#ead9b9;font-weight:800;font-size:12px}.seek-label{display:flex;justify-content:space-between;font-size:10px}#seek{width:100%;margin:12px 0;accent-color:#dfc093}.volume-label{display:flex;gap:12px;align-items:center;font-size:10px}.volume-label input{width:100px;accent-color:#dfc093}#playerNotice{font-size:11px;min-height:32px;color:#dfc8b1}.record-buy{display:flex;justify-content:space-between;gap:12px;align-items:center}.record-buy strong{font-size:28px}.record-buy a{font-size:11px}.collection{max-width:1400px;margin:auto;padding:65px 5vw 80px}.collection-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.collection h2{font-family:Georgia,serif;font-weight:normal;font-style:italic;font-size:clamp(38px,5vw,64px);letter-spacing:-.05em;margin:12px 0 25px}#resultCount{font-size:11px;color:#b2a38c}.browse-tools{display:flex;gap:24px;border-top:1px solid #dbc9a733;padding:24px 0 35px}.browse-tools label{display:grid;gap:8px;font-size:10px;letter-spacing:.06em}.browse-tools label:first-child{flex:1}.browse-tools input,.browse-tools select{background:#23211c;color:#e9dcbf;border:1px solid #dbc9a733;padding:12px;border-radius:0;min-width:0}.disc-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}.sleeve{width:100%;text-align:left;border:0;background:none;color:inherit;padding:0}.sleeve-art{display:block;position:relative;aspect-ratio:1;overflow:hidden;background:var(--sleeve-color,#74533f);box-shadow:5px 9px 18px #0006;transition:transform .3s,box-shadow .3s;border:1px solid #ffffff22}.sleeve-art:before{content:"";position:absolute;width:80%;height:80%;border:25px solid #e6d1a644;border-radius:50%;left:18%;top:30%}.sleeve-art .fallback-type{position:absolute;inset:15px;font-family:Georgia,serif;font-size:clamp(20px,3vw,38px);line-height:1;letter-spacing:-.06em;overflow-wrap:anywhere}.sleeve-art .fallback-code{position:absolute;bottom:12px;left:15px;font-size:8px;letter-spacing:.15em}.sleeve-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sleeve:hover .sleeve-art{transform:translateY(-8px) rotate(-2deg);box-shadow:10px 18px 25px #0008}.sleeve[aria-pressed="true"] .sleeve-art{outline:2px solid #ecd9b0;outline-offset:5px}.sleeve-meta{display:block;margin-top:18px}.sleeve-meta strong{display:block;font-size:14px}.sleeve-meta small{display:block;color:#bcae96;font-size:11px;margin-top:6px;line-height:1.5}.sleeve-price{display:block;font-size:12px;margin-top:10px}.sleeve-status{font-size:9px;text-transform:uppercase;float:right;color:#bcae96}button:focus-visible,input:focus-visible,select:focus-visible,.deck-stage:focus-visible{outline:2px solid #f1cc92;outline-offset:5px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:950px){.room-layout{grid-template-columns:1fr;gap:15px}.deck-stage{height:auto;aspect-ratio:1.45;max-width:700px;margin:auto}.listening-panel{max-width:700px;width:100%;margin:auto}.disc-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.listening-room{padding:25px 6vw 35px}.room-heading h1{font-size:50px}.room-layout{margin-top:30px}.deck-stage{aspect-ratio:1.2}.turntable{width:94%}.power-plate{font-size:5px;gap:5px}.power-plate i{width:14px;height:9px}.deck-caption{font-size:7px;letter-spacing:0}.disc-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.collection{padding:40px 6vw}.browse-tools{flex-direction:column;gap:12px}.sleeve-art:before{border-width:15px}.sleeve-art .fallback-type{font-size:25px}.sleeve-status{float:none;display:block;margin-top:6px}.collection-heading{align-items:center}#resultCount{max-width:70px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.turntable{transform:rotateX(15deg)}}