body.cd-open{overflow:hidden}
.cd-dialog{--cd-accent:var(--cyan);width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;color:var(--paper);background:#101114;overflow:auto}
.cd-dialog::backdrop{background:#000d}
.cd-shell{min-height:100%;display:flex;flex-direction:column;padding:25px clamp(20px,4vw,70px);background:radial-gradient(ellipse at 30% 45%,#25282c,transparent 65%)}
.cd-header,.cd-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 18px;border-bottom:1px solid var(--line)}
.cd-header>.mono{font-size:11px;letter-spacing:.1em}.cd-close,.cd-footer button{min-height:44px;border:1px solid var(--line);padding:10px 18px;background:none;color:var(--paper);font:12px var(--mono);cursor:pointer}
.cd-close:hover,.cd-footer button:hover{background:var(--paper);color:var(--ink)}
.cd-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.8fr);gap:5vw;align-items:center;flex:1;padding:25px 0 35px}
.cd-art-area{min-width:0}.cd-scene{--case:min(27vw,41vh,380px);height:clamp(300px,59vh,570px);display:grid;place-items:center;perspective:1600px;touch-action:pan-y;cursor:grab}
.cd-jewel{width:var(--case);height:var(--case);position:relative;transform-style:preserve-3d;transform:rotateX(calc(-8deg + var(--tilt-x,0deg))) rotateY(calc(-16deg + var(--tilt-y,0deg)));transition:transform 1.2s cubic-bezier(.2,.7,.15,1);filter:none}
.cd-dialog[data-view=inside] .cd-jewel{transform:translateX(48%) rotateX(calc(-6deg + var(--tilt-x,0deg))) rotateY(calc(-6deg + var(--tilt-y,0deg)))}
.cd-dialog[data-view=back] .cd-jewel{transform:rotateX(var(--tilt-x,0deg)) rotateY(calc(180deg + var(--tilt-y,0deg)))}
.cd-plastic{position:absolute;inset:0;border:3px solid #ced7dcaa;border-radius:4px;transform-style:preserve-3d;box-shadow:inset 0 0 0 2px #101114, inset 0 0 0 5px #ffffff30,0 14px 30px #0007;background:#24262b}
.cd-base{transform:translateZ(0px)}.cd-tray{position:absolute;inset:4%;background:repeating-linear-gradient(90deg,#181a1d 0 2px,#25282d 3px 4px);border:1px solid #92999f;display:grid;place-items:center;overflow:hidden}
.cd-disc{width:94%;aspect-ratio:1;border-radius:50%;position:relative;border:2px solid #dedee2;background:conic-gradient(from 30deg,#c8c9cf,#f6edf4,#7d9d9c,#d4c2ea,#f4f2cf,#8c9ead,#ededee,#c8c9cf);box-shadow:0 5px 10px #000, inset 0 0 0 7px #fafafa44;overflow:hidden}
.cd-disc img{width:100%;height:100%;object-fit:cover;opacity:.58;mix-blend-mode:multiply}.cd-disc>span{position:absolute;top:17%;left:0;right:0;text-align:center;color:#fff;font:clamp(22px,4vw,60px) var(--display);text-shadow:0 1px 4px #000}
.cd-disc:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 50deg,transparent 10%,#fff9 17%,transparent 25%,transparent 55%,#fffa 66%,transparent 74%);mix-blend-mode:screen;pointer-events:none}
.cd-disc i,.cd-hub{position:absolute;width:16%;aspect-ratio:1;left:42%;top:42%;border-radius:50%;background:#25272c;border:6px solid #bec2c6;box-shadow:0 0 0 3px #fff5}.cd-hub{width:9%;left:45.5%;top:45.5%;border:2px dashed #999;background:#17181a}
.cd-lid{transform-origin:left center;transform:translateZ(12px);transition:transform 1.25s cubic-bezier(.2,.7,.15,1);background:transparent}
.cd-dialog[data-view=inside] .cd-lid{transform:translateZ(12px) rotateY(-180deg)}
.cd-cover,.cd-inner{position:absolute;inset:3%;backface-visibility:hidden;overflow:hidden;background:var(--ink)}
.cd-cover{transform:translateZ(1px)}.cd-cover img{width:100%;height:100%;object-fit:cover}.cd-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#fff4,transparent 35%,transparent 65%,#fff2);box-shadow:inset 0 0 0 2px #fffa}
.cd-inner{transform:rotateY(180deg) translateZ(1px);background:var(--cd-accent)}
.cd-inner-photo{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15);mix-blend-mode:multiply;opacity:.85}
.cd-inner:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0b0dee,transparent 85%)}
.cd-inner-type{position:absolute;inset:8%;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;color:#fff}.cd-inner-type strong{font:clamp(24px,4.3vw,64px)/.95 var(--display)}.cd-inner-type .mono{font-size:clamp(6px,.7vw,10px)}
.cd-spine{position:absolute;top:0;bottom:0;left:-7px;width:12px;background:repeating-linear-gradient(0deg,#bbb8 0 1px,#333 2px 4px);transform:rotateY(-90deg);transform-origin:right;display:grid;place-items:center}.cd-spine span{writing-mode:vertical-rl;font:12px var(--mono)}
.cd-rear{transform:rotateY(180deg) translateZ(5px);backface-visibility:hidden;background:var(--cd-accent);padding:7%;color:var(--ink)}
.cd-back-print{height:100%;display:flex;flex-direction:column}.cd-back-print>.mono{font-size:clamp(6px,.8vw,11px)}.cd-back-print h3{font:clamp(14px,2vw,28px)/1.05 var(--display);text-transform:uppercase;margin:5% 0 6%}.cd-back-print ol{padding:0;margin:0;list-style:none}.cd-back-print li{display:grid;grid-template-columns:15px 1fr auto;gap:5px;padding:4% 0;border-top:1px solid #0004;font:clamp(8px,.9vw,13px)/1.1 var(--body)}.cd-back-print li>span,.cd-back-print time{font:clamp(6px,.6vw,9px) var(--mono)}.cd-back-print footer{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:8%;font:clamp(5px,.6vw,8px)/1.4 var(--mono)}.cd-barcode{width:28%;background:repeating-linear-gradient(90deg,#151515 0 2px,transparent 2px 4px,#151515 4px 5px,transparent 5px 8px);height:22px}
.cd-views{display:flex;justify-content:center;gap:6px}.cd-views button{min-height:46px;padding:10px 14px;background:transparent;border:1px solid #ffffff40;color:var(--paper);font:12px var(--mono);cursor:pointer}.cd-views button[aria-pressed=true]{color:var(--ink);background:var(--cd-accent);border-color:var(--cd-accent)}.cd-hint{text-align:center;font-size:9px;color:var(--muted);margin:17px 0 0}
.cd-info{min-width:0}.cd-meta{color:var(--cd-accent);font-size:11px}.cd-info h2{font:clamp(30px,3.6vw,58px)/1.03 var(--display);text-transform:uppercase;margin:15px 0 25px;overflow-wrap:anywhere}.cd-view-label{font-size:9px;color:var(--muted);min-height:2em}.cd-tracklist{list-style:none;padding:0;margin:0 0 26px}.cd-tracklist li{display:grid;grid-template-columns:22px 1fr 35px;gap:8px;border-top:1px solid var(--line);padding:13px 0;font:20px/1.15 var(--body)}.cd-tracklist strong{font-weight:500}.cd-tracklist span,.cd-tracklist time{font:10px var(--mono);color:var(--muted);padding-top:4px}.cd-listen{font-size:17px;padding:14px 20px;min-height:48px}.cd-credit{font:11px/1.5 var(--body);color:var(--muted);margin:15px 0}.cd-footer{padding:16px 0 0;border-top:1px solid var(--line);border-bottom:0}.cd-counter{font-size:11px}
.release-open{margin:0 0 12px;display:block;min-height:48px;padding:12px 18px;background:var(--cyan);color:var(--ink);border:0;font:18px var(--body);cursor:pointer}
.cd-back-print li{padding:2.7% 0}.cd-back-print footer{padding-top:4%}.cd-back-print h3{margin:4% 0}.cd-dialog .cd-back-print footer{flex-shrink:0}
@media(max-width:1000px){.cd-layout{grid-template-columns:1fr;gap:35px}.cd-scene{--case:min(39vw,340px);height:440px}.cd-info{width:100%;max-width:650px;margin:auto}.cd-info h2{font-size:40px}.cd-back-print h3{font-size:22px}.cd-back-print li{font-size:14px}.cd-back-print li>span,.cd-back-print time{font-size:9px}.cd-inner-type strong{font-size:48px}}
@media(max-width:600px){.cd-shell{padding:12px 16px 20px}.cd-header>.mono{font-size:8px;max-width:160px;line-height:1.5}.cd-close{padding:8px 12px;font-size:10px}.cd-layout{padding-top:10px;gap:28px}.cd-scene{--case:39vw;height:270px;perspective:900px}.cd-dialog[data-view=front] .cd-jewel,.cd-dialog[data-view=back] .cd-jewel{scale:1.45}.cd-jewel{transition:transform 1s,scale 1s}.cd-inner-type{gap:6px}.cd-inner-type strong{font-size:clamp(20px,6vw,36px)}.cd-inner-type .mono{font-size:5px}.cd-views{gap:4px}.cd-views button{font-size:10px;padding:10px 9px;flex:1}.cd-hint{font-size:7px}.cd-info h2{font-size:34px;margin:10px 0 18px}.cd-back-print h3{font-size:12px}.cd-back-print li{font-size:7px;padding:3.5% 0;grid-template-columns:10px 1fr 16px}.cd-back-print li>span,.cd-back-print time{font-size:5px}.cd-back-print>.mono{font-size:5px}.cd-barcode{height:12px}.cd-footer button{font-size:9px;padding:10px}.cd-disc>span{font-size:26px}}
@media(max-width:600px){.cd-back-print h3{font-size:10px;line-height:1.02;margin:3% 0}.cd-back-print li{padding:2% 0;font-size:6px;line-height:1.1}.cd-back-print footer{font-size:4px;padding-top:2%}.cd-back-print time,.cd-back-print li>span{font-size:4px}.cd-barcode{height:8px}}
@media(prefers-reduced-motion:reduce){.cd-jewel,.cd-lid{transition:none!important}}