.room-browser{grid-column:1/-1;min-width:0;margin-top:15px;border-top:1px solid #ffffff25;padding-top:24px}.room-tabs{display:flex;gap:28px;border-bottom:1px solid #ffffff20;margin-bottom:25px}.room-tabs>button{padding:0 0 15px;font:24px Georgia,serif;color:#948881;border-bottom:2px solid transparent;display:flex;gap:12px;align-items:center}.room-tabs>button[aria-pressed=true]{color:#f1e5d9;border-color:#c38e8a}.room-tabs span{font:10px var(--sans);border:1px solid #fff2;border-radius:20px;padding:4px 7px}.room-filters{display:flex;gap:22px;align-items:end}.room-filters label{display:flex;flex-direction:column;gap:9px;color:#b8a69b;font-size:10px}.room-search{flex:1}.room-filters input[type=search],.room-filters select{width:100%;font:13px var(--sans);background:#1d1a19;border:1px solid #6d55514a;border-radius:0;color:#e9dfd5;padding:13px 15px;min-height:44px}.room-filters select{min-width:155px}.room-filters .singles-filter{display:flex;flex-direction:row;align-items:center;min-height:44px;max-width:190px;line-height:1.6}.singles-filter input{width:17px;height:17px;accent-color:#bb7b7b;flex-shrink:0}.room-results-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:27px 0 18px;font-size:9px;color:#ab9b91}.room-results-heading>span:last-child{font-size:7px;letter-spacing:1px;color:#7e7470}#room-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.room-song{padding:0;text-align:left;min-width:0;display:flex;gap:13px;align-items:center;transition:background .2s}.room-song-art{width:82px;aspect-ratio:1;flex-shrink:0;position:relative;display:block}.room-song-art img{width:100%;height:100%;object-fit:cover;display:block;box-shadow:4px 5px 10px #0005}.room-song-art i{position:absolute;inset:0;display:grid;place-content:center;font-size:23px;font-style:normal;background:#160f1166;opacity:0;transition:opacity .2s}.room-song:hover .room-song-art i,.room-song:focus-visible .room-song-art i{opacity:1}.room-song[aria-pressed=true] .room-song-art{outline:1px solid #c7958e;outline-offset:4px}.room-song>span:last-child{min-width:0}.room-song small{display:block;font-size:8px;color:#c4988e;margin-bottom:7px}.room-song strong{font:14px/1.3 Georgia,serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:400;color:#eaded3}.room-song em{display:block;font:8px/1.5 var(--sans);color:#82776f;margin-top:7px}.room-pages{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px}.room-pages button{border:1px solid #9c7b7155;width:44px;height:40px;font-size:18px}.room-pages button:disabled{opacity:.25;cursor:default}.room-pages span{font-size:10px;color:#b7a69c}.room-empty{grid-column:1/-1;color:#baaaa0;padding:30px 0}.single-selected .record-info h3{font-size:clamp(27px,3.3vw,48px);line-height:1.1;overflow-wrap:anywhere}.single-selected .label-name{font-size:clamp(8px,1.05vw,15px);padding-inline:5%;padding-bottom:12%}.single-note{color:#a99b91;font-size:12px;line-height:1.9;margin:25px 0}.single-tools{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:10px;margin:20px 0}.single-tools button{font-size:11px;color:#d3a59c;padding:9px 0}.single-tools a{color:#a99b91}.single-selected .record-actions .solid{font-size:12px;line-height:1.5}.record-shelf{margin-top:0}.room-browser:has(+.record-shelf:not([hidden])){margin-bottom:-25px}.room-song:focus-visible,.room-tabs button:focus-visible{outline:2px solid #c7958e;outline-offset:5px}
@media(max-width:1050px){#room-results{grid-template-columns:repeat(2,minmax(0,1fr))}.room-song-art{width:92px}.room-filters{flex-wrap:wrap}.room-filters .singles-filter{max-width:none}.room-results-heading>span:last-child{max-width:210px;text-align:right;line-height:1.5}}
@media(max-width:700px){.room-browser{padding-top:20px;margin-top:0}.room-tabs>button{font-size:22px}.room-filters{gap:15px}.room-search{flex-basis:100%}.room-filters label:has(select){flex:1}.room-filters .singles-filter{flex:1;font-size:9px}.room-filters select{min-width:0}.room-results-heading>span:last-child{display:none}#room-results{gap:22px 16px}.room-song{display:block}.room-song-art{width:100%;margin-bottom:13px}.room-song strong{font-size:15px}.room-song small{font-size:9px}.room-song em{font-size:9px}.single-selected .record-info h3{font-size:32px}.single-selected .label-name{font-size:9px}.room-tabs{gap:25px}.single-note{font-size:12px}.room-pages{margin-bottom:10px}}
#preview-vinyl{display:block;width:100%;text-align:left;padding:13px 0;margin-top:8px;border-bottom:1px solid #1c171322;color:#77353c;font-size:11px}
.classic-single{background:none;box-shadow:none}.classic-single .disc-texture{visibility:visible;filter:none}.classic-single .disc-label{inset:33%;box-shadow:0 0 0 1px #101010;background:#080808}.classic-single .disc-label-art{opacity:.55}.record-table{aspect-ratio:1.12}.physical-sleeve{width:71%;left:-2%;top:12%;transform:rotate(-8deg)}.physical-record{width:68%;left:30%;top:4%}.disc-playing .physical-record{left:30%;top:4%}.disc-playing .physical-sleeve{transform:translateX(-15%) rotate(-12deg)}
@media(max-width:700px){.record-table{aspect-ratio:1.08}.physical-sleeve{width:71%;left:0;top:15%}.physical-record{width:68%;left:31%;top:5%}.disc-playing .physical-record{left:31%;top:5%}.disc-playing .physical-sleeve{transform:translateX(-10%) rotate(-12deg)}}
.classic-single .disc-label{inset:auto;left:32.25%;top:31.25%;width:35.5%;height:35.5%;box-shadow:0 0 0 1px #090909}.classic-single .spindle{left:49%;top:48%;width:2%;height:2%;box-shadow:0 0 0 1px #39332e}.classic-single .disc-label-art{object-position:center;opacity:.62}
.classic-single{transform-origin:50% 49%}.classic-single .spindle{z-index:3}
/* The record label is the original artwork; metadata lives beside the record. */
.disc-label>span{display:none}.disc-label .disc-label-art{opacity:1;object-fit:cover;object-position:center;width:100%;height:100%}