.physical-room{display:block;position:relative;padding:0}.listening-room{min-width:0;position:relative}#sleeve-dialog[data-section=music]{width:min(1340px,94vw)}#sleeve-dialog[data-section=music] .gatefold{grid-template-columns:27% 73%}#music-panel>.listening-room{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start;padding:0 0 20px}#music-panel .cd-library{min-width:0;padding:3px 0 0}#music-panel .cd-deck{min-width:0}.music-feed-heading{margin-top:25px;padding-top:25px;border-top:1px solid #41413b}.music-feed-heading h2{font:34px/1.2 var(--gothic);margin:0 0 8px}.interior-scroll{scroll-padding-top:10px}
@media(max-width:1100px) and (min-width:751px){#sleeve-dialog[data-section=music] .gatefold{grid-template-columns:23% 77%}#music-panel>.listening-room{grid-template-columns:minmax(0,1fr) 300px;gap:22px}#music-panel .disc-tray{width:98px;height:98px}#music-panel .cd-deck{padding:12px}#music-panel .cd-dropzone{gap:8px;padding:8px}}
@media(max-width:900px){#music-panel>.listening-room{grid-template-columns:1fr;gap:18px}#music-panel .cd-deck{width:100%;max-width:470px;justify-self:center}#music-panel .cd-shelf{min-height:156px}#music-panel .shelf-heading h2{font-size:27px}}
@media(max-width:750px){#sleeve-dialog[data-section=music]{width:96vw}#sleeve-dialog[data-section=music] .gatefold{grid-template-columns:1fr}#music-panel>.listening-room{display:flex;flex-direction:column;gap:5px;padding-bottom:20px}#music-panel .cd-library{width:100%}#music-panel .cd-shelf{min-height:176px}#music-panel .cd-deck{max-width:none}#music-panel .shelf-note{margin-top:18px}.music-feed-heading h2{font-size:30px}}
.shelf-heading,.deck-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.shelf-heading h2{font:30px/1 var(--gothic);margin:0}.shelf-heading>span{font-size:7px;letter-spacing:1px;color:#92928c}.shelf-browse{position:relative;margin-top:19px}.shelf-browse>button{position:absolute;top:36px;z-index:2;border:1px solid #565650;background:#151514;width:24px;height:33px;padding:3px;display:grid;place-items:center}.shelf-browse>button svg{width:14px;height:14px}#shelf-back{left:-12px}#shelf-forward{right:-12px}.cd-shelf{display:flex;gap:15px;overflow-x:auto;overflow-y:hidden;padding:11px 10px 12px;scrollbar-width:thin;scrollbar-color:#64645e #191918;min-height:156px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.shelf-cd{position:relative;width:90px;flex:0 0 90px;scroll-snap-align:start;border:0;background:none;padding:0;touch-action:pan-x pan-y;text-align:left;user-select:none;cursor:grab}.shelf-cd:active{cursor:grabbing}.jewel-case{position:relative;display:block;width:90px;height:90px;padding:5px 4px 5px 9px;background:linear-gradient(110deg,#ffffff26,transparent 45%,#ffffff08),#171717;border:1px solid #888880;box-shadow:2px 3px 0 #41413d,5px 8px 9px #0008;transform:rotate(var(--case-angle,-3deg));transition:transform .25s}.jewel-case:before{content:'';position:absolute;left:2px;top:2px;bottom:2px;width:4px;border-left:1px solid #bbb6;border-right:1px solid #9995;background:repeating-linear-gradient(0deg,#7774 0 2px,transparent 2px 4px)}.jewel-case:after{content:'';position:absolute;inset:1px;pointer-events:none;background:linear-gradient(120deg,#ffffff26,transparent 35%,#ffffff05 60%,transparent);border:1px solid #ffffff16}.cd-disc{width:100%;height:100%;display:block;border-radius:50%;position:relative;overflow:hidden;box-shadow:0 0 0 2px #d7d7d1,0 0 0 3px #696962;background:conic-gradient(#bbb,#777,#eee,#888,#bbb);transition:transform .3s;pointer-events:none}.cd-disc img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1);opacity:.88;pointer-events:none}.cd-disc:after{content:'';position:absolute;top:50%;left:50%;width:12px;height:12px;transform:translate(-50%,-50%);border:3px solid #bcbcb7;background:#171717;border-radius:50%;box-shadow:0 0 0 1px #222}.shelf-cd:hover .jewel-case,.shelf-cd:focus-visible .jewel-case{transform:translateY(-5px) rotate(0)}.shelf-cd:hover .cd-disc{transform:rotate(-12deg)}.shelf-cd[aria-pressed=true] .jewel-case{border-color:#eee;box-shadow:2px 3px 0 #aaa,0 0 16px #ffffff16}.cd-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:25px;font-size:8px;line-height:1.55;margin-top:10px;color:#c8c8c1}.cd-artist{display:block;color:#8b8b84;font-size:6px;line-height:1.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;letter-spacing:.3px}.shelf-plank{height:13px;position:relative;background:linear-gradient(#63635c,#30302d 25%,#191918 50%,#2d2d29);border-top:1px solid #a5a59a;border-bottom:2px solid #090909;transform:perspective(450px) rotateX(12deg);box-shadow:0 15px 19px #000a}.shelf-plank:before,.shelf-plank:after{content:'';position:absolute;top:12px;width:9px;height:24px;border-left:2px solid #4b4b47;border-bottom:2px solid #292927;background:#151514;transform:skewY(-30deg)}.shelf-plank:before{left:22px}.shelf-plank:after{right:22px}.shelf-plank i{position:absolute;top:3px;width:3px;height:3px;background:#aaa99f;border:1px solid #111;border-radius:50%}.shelf-plank i:first-child{left:12px}.shelf-plank i:last-child{right:12px}.shelf-note{font-size:8px;line-height:1.8;color:#b1b1aa;margin:21px 0 3px}.shelf-status{font-size:7px;color:#81817b;line-height:1.7;min-height:12px;margin:0 0 14px}.shelf-loading{font-size:9px;color:#aaa;margin:auto}#shelf-retry{background:none;border:0;border-bottom:1px solid #666;font-size:8px;padding:0 0 3px;margin:0 0 18px}
.cd-deck{position:relative;padding:16px 16px 13px;background:linear-gradient(110deg,#282826,#161615 30%,#1c1c1a 75%,#101010);border:1px solid #62625b;border-radius:3px;box-shadow:inset 0 0 0 3px #ffffff03,0 5px 0 #0f0f0e,0 15px 26px #000a}.cd-deck:before,.cd-deck:after{content:'';position:absolute;top:7px;width:4px;height:4px;border-radius:50%;border:1px solid #888;background:linear-gradient(45deg,#333 45%,#aaa 46% 54%,#333 55%)}.cd-deck:before{left:6px}.cd-deck:after{right:6px}.deck-top h2{font:23px/1 var(--gothic);margin:0}.deck-top>span{font-size:6px;letter-spacing:1px;color:#aaa}.deck-display{border:1px solid #55564f;border-top:2px solid #000;box-shadow:inset 0 2px 7px #000;background:#0b0d0b;margin:14px 0;padding:11px 12px;min-height:79px;display:flex;flex-direction:column;gap:5px;color:#cfdbcc}#deck-state{font-size:7px;letter-spacing:2px}#deck-title{font-size:10px;font-weight:400;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#deck-artist{font-size:6px;letter-spacing:.7px;color:#888f84}.cd-dropzone{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #3f3f3a;padding:9px;min-height:126px;transition:border-color .2s,background .2s;background:#111110;position:relative}.cd-dropzone.drop-ready{border:1px dashed #e0e0d8;background:#292927}.cd-dropzone.drop-ready:after{content:'INSERT CD';position:absolute;inset:0;display:grid;place-items:center;background:#141413ed;font-size:15px;letter-spacing:3px;pointer-events:none}.disc-tray{width:106px;height:106px;position:relative;flex-shrink:0;background:radial-gradient(circle,#151515 0 12%,#292928 13% 65%,#383834 66% 68%,#0a0a0a 69%);box-shadow:inset 0 0 8px #000}.tray-disc{position:absolute;inset:5px;border-radius:50%;overflow:hidden;border:2px solid #b5b5ad;box-shadow:0 0 0 2px #64645d;opacity:0;animation:cd-turn 7s linear infinite;animation-play-state:paused}.tray-disc img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);display:block}.tray-disc:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 0deg,#ffffff44 75deg,transparent 95deg 200deg,#ffffff38 260deg,transparent 280deg);pointer-events:none}.disc-hub{position:absolute;width:20px;height:20px;left:50%;top:50%;transform:translate(-50%,-50%);border:5px solid #b8b8b0;z-index:2;border-radius:50%;background:#111;box-shadow:0 0 0 1px #555}.empty-tray{position:absolute;inset:0;display:grid;place-items:center;font-size:6px;letter-spacing:1px;color:#a1a197}.cd-deck:not([data-state=empty]) .tray-disc{opacity:1}.cd-deck:not([data-state=empty]) .empty-tray{display:none}.cd-deck[data-state=playing] .tray-disc{animation-play-state:running}.deck-transport{min-width:0;flex:1}.transport-buttons{display:flex;gap:7px}.transport-buttons button,#deck-eject{background:linear-gradient(#464640,#282826);border:1px solid #6f6f65;border-bottom:2px solid #0a0a09;box-shadow:0 1px 2px #0009;padding:6px;display:grid;place-items:center;min-width:33px;height:32px}.transport-buttons svg{width:15px;height:15px}button:disabled{opacity:.32;cursor:default}#deck-play{min-width:38px}.pause-symbol{display:none}.cd-deck[data-state=playing] .play-symbol{display:none}.cd-deck[data-state=playing] .pause-symbol{display:block}#deck-eject{display:flex;gap:8px;height:25px;margin-top:9px;font-size:7px;width:100%}#deck-eject svg{width:11px;height:11px}.deck-volume{display:flex;align-items:center;gap:8px;font-size:6px;color:#999;margin-top:12px}.deck-volume input{width:100%;height:8px;accent-color:#bbb;min-width:0}.deck-timeline{display:flex;align-items:center;gap:9px;font-size:7px;color:#b4b4aa;margin:12px 0 9px}.deck-timeline input{width:100%;height:9px;min-width:0;accent-color:#ccc}#deck-message{font-size:8px;line-height:1.8;color:#c1c1b6;margin:0 0 7px;min-height:14px}#deck-link{font-size:7px;margin-bottom:9px}.deck-soundcloud{border-top:1px solid #42423b;padding-top:8px}.deck-soundcloud summary{cursor:pointer;font-size:7px;color:#aaa;letter-spacing:.5px;padding:2px 0 7px}#deck-embed>p{font-size:8px;color:#818179;line-height:1.8;margin:5px 0}#deck-embed iframe{width:100%;height:166px;border:0;display:block}.deck-feet{display:flex;justify-content:space-between;position:absolute;bottom:-9px;left:20px;right:20px}.deck-feet i{width:35px;height:7px;background:linear-gradient(#444,#121212);border:1px solid #333;border-radius:0 0 3px 3px}.cd-dragging .shelf-cd{cursor:grabbing}.shelf-cd.is-dragging{opacity:.4}.sc-metadata{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}.sc-metadata iframe{width:1px;height:1px;border:0}@keyframes cd-turn{to{transform:rotate(360deg)}}
@media(min-width:1700px){.jewel-case,.shelf-cd{width:100px}.shelf-cd{flex-basis:100px}.jewel-case{height:100px}.cd-shelf{min-height:166px}}
@media(max-width:1100px) and (min-width:751px){.collection-controls{gap:20px}.selection{min-width:150px}.handling-note{font-size:6px;gap:7px}.cd-deck{padding:13px}.transport-buttons{gap:5px}.transport-buttons button{min-width:30px;padding:5px}.cd-dropzone{gap:10px}}
@media(max-width:750px){.shelf-heading h2{font-size:34px}.shelf-heading>span{font-size:8px}.shelf-browse{margin-top:18px}.jewel-case,.shelf-cd{width:104px}.jewel-case{height:104px}.shelf-cd{flex-basis:104px}.cd-name{font-size:9px;min-height:28px}.cd-artist{font-size:7px}.cd-shelf{min-height:176px;gap:18px}.shelf-note{font-size:9px;margin-top:22px}.shelf-status{font-size:8px;margin-bottom:22px}.cd-deck{padding:18px}.deck-top h2{font-size:27px}.deck-top>span{font-size:7px}.deck-display{min-height:90px;padding:13px}#deck-title{font-size:12px}#deck-state{font-size:8px}#deck-artist{font-size:7px}.disc-tray{width:120px;height:120px}.transport-buttons{gap:7px}.transport-buttons button{height:38px;min-width:36px}#deck-play{min-width:42px}.cd-dropzone{padding:12px;gap:12px}#deck-eject{height:28px;font-size:8px}.deck-volume{font-size:7px}.deck-timeline{font-size:8px;margin-top:16px}#deck-message{font-size:9px}#deck-link{font-size:8px}.deck-soundcloud summary{font-size:8px}#deck-embed iframe{height:166px}}
[hidden]{display:none!important}
.brand{width:155px;height:61px;flex-shrink:0;perspective:650px;display:block}.brand-sculpture{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;animation:brand-turn 16s cubic-bezier(.42,0,.58,1) infinite;will-change:transform}.brand .brand-sculpture img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden}.brand-front{transform:translateZ(3px)}.brand-back{transform:rotateY(180deg) translateZ(3px)}.brand-depth{opacity:.45}.depth-one{transform:translateZ(1px)}.depth-two{transform:translateZ(-1px)}.depth-three{transform:translateZ(-3px)}@keyframes brand-turn{0%,22%{transform:rotateX(-4deg) rotateY(0deg)}47%,62%{transform:rotateX(4deg) rotateY(180deg)}87%,100%{transform:rotateX(-4deg) rotateY(360deg)}}
@media(max-width:750px){.brand{width:112px;height:44px}}
.logo-filters{position:absolute;pointer-events:none}.brand .brand-sculpture img{filter:url(#brand-ink);mix-blend-mode:normal}
#music-panel .shelf-browse{padding:0 14px}#music-panel #shelf-back{left:0}#music-panel #shelf-forward{right:0}
@media(prefers-reduced-motion:reduce){.tray-disc,.brand-sculpture{animation:none!important}.jewel-case,.cd-disc,.cd-dropzone{transition:none!important}}