#cd-rack{position:absolute;right:-10px;top:50%;width:262.5px;transform:translateY(-43%);z-index:112;isolation:isolate}#cd-rack[hidden]{display:none}.skin-cd #cassette-rack{visibility:hidden!important;pointer-events:none!important}.skin-cd #cassette-rack *{visibility:hidden!important}
.cd-rack-scene{display:block;width:100%;overflow:visible}.cd-jewel{cursor:pointer}.cd-jewel,.cd-occlusion-shape{transform:translate(var(--seat-x),var(--seat-y));transition:transform 480ms cubic-bezier(.22,.7,.2,1);outline:none}:is(.cd-jewel,.cd-occlusion-shape).is-pulled{transform:translate(calc(var(--seat-x) + var(--pull-x)),calc(var(--seat-y) - 210px)) rotate(-14deg);animation:cd-side-pull 560ms cubic-bezier(.22,.7,.2,1);filter:drop-shadow(10px 20px 14px #27150b33)}.cd-jewel:focus-visible{filter:brightness(1.08)}.cd-jewel[aria-disabled=true]{cursor:wait}
/* Reuse the cassette rack's stroke icons, quiet type and hover disclosure. */
#cd-rack{--rack-controls-opacity:0}#cd-rack:hover,#cd-rack:has(:focus-visible){--rack-controls-opacity:1}
#cd-rack:before{content:"";position:absolute;inset:0 -46px -50px;z-index:-1}
#cd-rack .cd-rack-foot{position:relative;inset:auto;height:30px;padding:0 12px;font-size:9px;letter-spacing:.03em}
#cd-rack .rack-navigation output{font-size:9px;min-width:30px;text-align:center;font-variant-numeric:tabular-nums}
#cd-rack .rack-switch-zone{top:54%}#cd-rack .rack-switch-zone:focus-visible,#cd-rack .rack-navigation button:focus-visible{outline:none;color:#315c85}
#cd-rack .cd-rack-hint{font-size:10px;margin:0;min-height:16px}
@media(hover:none){#cd-rack{--rack-controls-opacity:1}}
@media(min-width:881px){.skin-cd .ensemble.is-browsing .stage{left:calc(50% - 140px)}}
@media(max-width:880px){#cd-rack{width:187.5px;right:-6px}.skin-cd .ensemble.is-browsing .stage{width:calc(100% - 300px);left:calc(50% - 120px)}}
@media(max-width:600px){#cd-rack{position:relative;top:auto;right:auto;transform:none;width:min(232.5px,calc(100% - 48px));margin:240px auto 0}.skin-cd .ensemble.is-browsing{height:auto;min-height:800px;padding-top:330px}.skin-cd .ensemble.is-browsing .stage{top:170px;width:calc(100% - 64px);left:50%;transform:translate(-39.7973%,-50%)}}
@media(prefers-reduced-motion:reduce){.cd-jewel{transition:none}}

.cd-cover-print{padding:55px;font:38px Georgia,serif;line-height:1.4}.cd-spine-print{position:absolute;left:50%;top:36px;writing-mode:vertical-rl;font:26px Georgia,serif;line-height:1;white-space:nowrap;max-height:730px;overflow:hidden;transform:translateX(-50%);letter-spacing:1px}

#cd-rack .tape-booklet{width:94%;right:3%;bottom:calc(100% + 20px);pointer-events:none}
#cd-rack .tape-booklet.is-visible{pointer-events:auto}


/* The CD body keeps the same vertical anchor and size across browsing states. */
body.skin-cd main,body.skin-cd.browsing main{min-height:100svh;padding-top:48px}
.skin-cd .ensemble .stage,.skin-cd .ensemble.is-browsing .stage,.skin-cd .ensemble:not(.is-browsing) .stage{width:min(570px,calc(100% - 120px));top:50%;transform:translate(-39.7972973%,-50%)}
#cd-rack{transform:translateY(-10%)}
@media(max-width:880px){.skin-cd .ensemble .stage,.skin-cd .ensemble.is-browsing .stage,.skin-cd .ensemble:not(.is-browsing) .stage{width:min(510px,calc(100% - 80px))}}
@media(max-width:600px){body.skin-cd main,body.skin-cd.browsing main{padding-top:24px}.skin-cd .ensemble,.skin-cd .ensemble.is-browsing{height:calc(850px + (100vw - 64px)*.90338);min-height:0;padding-top:0}.skin-cd .ensemble .stage,.skin-cd .ensemble.is-browsing .stage,.skin-cd .ensemble:not(.is-browsing) .stage{width:calc(100% - 64px);top:calc(80px + (100vw - 64px)*.45169)}#cd-rack{position:absolute;top:calc(510px + (100vw - 64px)*.90338);right:calc(50% - 116.25px);margin:0;transform:translateY(-10%)}}

.cd-rack-scene{touch-action:none}

@keyframes cd-side-pull{0%{transform:translate(var(--seat-x),var(--seat-y)) rotate(0deg)}50%{transform:translate(var(--seat-x),calc(var(--seat-y) - 340px)) rotate(0deg)}100%{transform:translate(calc(var(--seat-x) + var(--pull-x)),calc(var(--seat-y) - 210px)) rotate(-14deg)}}
@media(prefers-reduced-motion:reduce){.cd-jewel.is-pulled{animation:none}}

:is(.cd-jewel,.cd-occlusion-shape).is-returning{animation:cd-side-return 560ms cubic-bezier(.22,.7,.2,1)}
@keyframes cd-side-return{0%{transform:translate(calc(var(--seat-x) + var(--pull-x)),calc(var(--seat-y) - 210px)) rotate(-14deg)}50%{transform:translate(var(--seat-x),calc(var(--seat-y) - 340px)) rotate(0deg)}100%{transform:translate(var(--seat-x),var(--seat-y)) rotate(0deg)}}
@media(prefers-reduced-motion:reduce){.cd-jewel,.cd-occlusion-shape{transition:none}:is(.cd-jewel,.cd-occlusion-shape).is-pulled,:is(.cd-jewel,.cd-occlusion-shape).is-returning{animation:none}}