/* Shared, deliberately opt-in music controls. */
.music-control{position:relative;flex-shrink:0;pointer-events:auto}.header-music{position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid currentColor;border-radius:50%;background:#fff3dd1c;opacity:.9;box-shadow:0 0 0 4px #fff4dd12;transition:background .2s,opacity .2s}.header-music:hover{background:#fff4dd44;opacity:1}.header-music>svg{width:23px;height:23px;stroke-width:1.6}.header-music .music-state{position:absolute;right:-3px;bottom:-2px;width:16px;height:16px;padding:3px;border-radius:50%;background:#ffedd4;color:#3e2d21;stroke:none;fill:currentColor}.music-pause{display:none}[data-music-toggle][data-playing=true] .music-play{display:none}[data-music-toggle][data-playing=true] .music-pause{display:initial}.music-hint{position:absolute;top:calc(100% + 13px);left:50%;transform:translateX(-50%);width:max-content;max-width:210px;padding:10px 13px;background:#fff4e8ed;color:#583e30;border:1px solid #9e705536;font-size:10px;line-height:1.5;border-radius:7px;box-shadow:0 5px 20px #37211712;pointer-events:none;white-space:nowrap}.music-hint:before{content:"";position:absolute;left:calc(50% - 4px);top:-5px;width:8px;height:8px;transform:rotate(45deg);background:#fff4e8}.header-music[data-playing=true]{box-shadow:0 0 0 4px #fff4dd24}.header-music.needs-retry{border-style:dashed}.dialog-bar .dialog-music{margin-left:auto;margin-right:18px;display:flex;align-items:center;gap:6px;min-height:36px;padding:5px 9px;border:1px solid var(--line);border-radius:20px;font-size:10px}.dialog-music>svg{width:17px;height:17px}.dialog-music .music-play{fill:currentColor;stroke:none}.theme-menu{max-height:calc(100dvh - 102px);overflow-y:auto;overscroll-behavior:contain}.theme-button .album-icon{display:none}.album-swatch{background:repeating-radial-gradient(circle at 45% 45%,#343434 0 2px,#0b0b0b 3px 5px);position:relative}.album-swatch:after{content:"";position:absolute;inset:13px;background:#df754c;border-radius:50%}
@media(max-width:700px){.music-control{margin-left:auto}.header-music{width:38px;height:38px;min-width:38px;box-shadow:none}.header-music>svg{width:21px;height:21px}.site-header{gap:10px}.theme-picker{margin-left:0!important}.music-hint{font-size:9px;padding:9px 11px;max-width:190px}.dialog-bar .dialog-music{margin-right:10px;width:34px;min-height:34px;padding:7px;justify-content:center}.dialog-music>span{display:none}}
@media(max-width:360px){.site-header{gap:8px}.wordmark i{display:none}.header-music{width:36px;height:36px;min-width:36px}}

/* The fifth theme: a black, slowly bending sleeve gallery. */
body[data-theme=album]{--ink:#eeeae3;--muted:#a8a49c;--line:#ded8c52e;background:#040404;color:#eeeae3}body[data-theme=album] .atmosphere,body[data-theme=album] .guides,body[data-theme=album] #stage,body[data-theme=album] .manifesto,body[data-theme=album] .identity,body[data-theme=album] .current-project,body[data-theme=album] .swipe-cue,body[data-theme=album] .canvas-footer,body[data-theme=album] .drag-cursor,body[data-theme=album] .header-note,body[data-theme=album] .view-switch,body[data-theme=album] .music-control{display:none}
body[data-theme=album] .theme-picker{margin-left:auto!important}body[data-theme=album] .theme-button{border-color:#aaa79e55;background:#111111b3;color:#e4e0d9;border-radius:24px}body[data-theme=album] .theme-button .sun-icon,body[data-theme=album] .theme-button .line-icon,body[data-theme=album] .theme-button .tv-icon,body[data-theme=album] .theme-button .game-icon{display:none}body[data-theme=album] .theme-button .album-icon{display:initial}body[data-theme=album] .theme-menu{background:#171717f7;border-color:#eee2;color:#eeeae3}body[data-theme=album] .theme-menu>button:hover,body[data-theme=album] .theme-menu>button[aria-pressed=true]{background:#fff1}body[data-theme=album] .wordmark>span{font-weight:400}body[data-theme=album] .wordmark i{opacity:.65}
body[data-theme=album] .case-dialog:not(.dark-case),body[data-theme=album] .about-dialog{--ink:#351b15;--muted:#734334;--line:#4c251c33;color:#351b15}body[data-theme=album] .case-dialog.dark-case{--ink:#e9e5df;--line:#eee6db33;color:#e9e5df}
.album-view{position:absolute;inset:0;background:#040404;color:#eeeae3;overflow:hidden;isolation:isolate;outline:none}.album-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none;outline:none}.album-canvas.over-cover{cursor:pointer}.album-canvas.is-dragging{cursor:grabbing}.album-edition{position:absolute;left:6vw;right:6vw;top:112px;display:flex;justify-content:space-between;pointer-events:none;color:#8b8a85;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.album-edition p{margin:0}.album-edition span{color:#b9b6ad}.album-current{position:absolute;left:6vw;right:6vw;bottom:139px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px;pointer-events:none}.album-current button,.album-current a{pointer-events:auto}.album-project-copy{max-width:65%;min-width:0}.album-project-copy>span{display:block;color:#797a75;font-size:9px;letter-spacing:.12em;margin-bottom:11px}.album-project-copy h2{font-family:'Helvetica Neue','PingFang SC',sans-serif;font-size:clamp(20px,2.2vw,33px);line-height:1.3;font-weight:300;letter-spacing:-.035em;margin:0}.album-project-copy h2 button{display:flex;align-items:center;gap:20px;text-align:left;min-height:44px}.album-project-copy h2 svg{width:22px;height:22px;stroke-width:1.2;transition:transform .2s}.album-project-copy h2 button:hover svg{transform:translate(3px,-3px)}.album-project-copy>p{font-size:11px;line-height:1.6;color:#a19d94;margin:7px 0 0}.album-browse{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.album-nav{display:flex;align-items:center;gap:16px}.album-nav>button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #9e9b8e44;border-radius:50%}.album-nav>button svg{width:16px;height:16px}#album-index{display:flex;gap:2px}#album-index button{width:23px;height:34px;font-size:8px;color:#6e706b}#album-index [aria-current=true]{color:#eeeee8}.album-secondary{display:flex;align-items:center;gap:19px;color:#777972;font-size:9px;line-height:1.5}.album-secondary a{display:flex;align-items:center;gap:6px}.album-secondary svg{width:12px;height:12px}.album-secondary button{min-height:30px}.album-secondary button:hover,.album-secondary a:hover{color:#efebe0}.album-help{position:absolute;left:50%;top:calc(46% + min(23.5vh,250px));transform:translateX(-50%);font-size:8px;letter-spacing:.1em;color:#5d625e;pointer-events:none;white-space:nowrap}.album-flat{position:absolute;left:0;top:0;border-radius:13px;overflow:hidden;background:#111;color:#fff;text-align:left;transform-origin:center;box-shadow:0 20px 55px #0006}.album-flat img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.album-flat>span{position:absolute;left:0;right:0;bottom:0;padding:45px 19px 19px;background:linear-gradient(transparent,#030608bb);font-size:15px}.album-no-webgl .album-help{display:none}

/* Bottom player doubles as a small, factual three-song selection. */
.album-player{position:fixed;left:6vw;right:6vw;bottom:max(20px,env(safe-area-inset-bottom));max-width:1190px;margin:auto;padding:16px 0 0;z-index:7;border-top:1px solid #ffffff20;color:#e5e1d7;display:flex;align-items:center;gap:24px}.music-record{width:48px;height:48px;flex-shrink:0;--record-color:#c6ba8d;animation:record-spin 16s linear infinite;animation-play-state:paused}.music-record>svg{width:100%;height:100%;stroke-width:.7}.music-record .record-label{fill:var(--record-color);stroke:none}.music-record .record-hole{fill:#111;stroke:none}.music-playing .music-record{animation-play-state:running}.music-track{display:flex;align-items:center;gap:13px;min-width:0;width:280px;flex-shrink:1}.music-track-copy{min-width:0}.music-track-copy strong{display:block;font-size:13px;line-height:1.5;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-track-copy span{display:block;font-size:9px;color:#85877f;line-height:1.5;margin-top:4px}.music-transport{display:flex;gap:5px;align-items:center;flex-shrink:0}.music-transport>button{width:36px;height:44px;display:grid;place-items:center;color:#a8aaa1}.music-transport>button svg{width:17px;height:17px}.music-transport .music-main-play{width:46px;height:46px;border:1px solid #b8b7a357;border-radius:50%;color:#eae6db}.music-main-play svg{width:17px;height:17px;fill:currentColor;stroke:none}.music-scrub{display:flex;align-items:center;gap:11px;flex:1;min-width:90px;color:#72776e;font-size:8px;font-variant-numeric:tabular-nums}.music-scrub input{width:100%;min-width:20px;accent-color:#d2cfbd;height:2px;cursor:pointer}.music-scrub>span{flex-shrink:0}.music-library{position:relative;flex-shrink:0}.music-library>button{display:flex;align-items:center;gap:8px;font-size:9px;color:#92968b;min-height:44px}.music-library>button svg{width:16px;height:16px}.music-invitation{position:absolute;left:0;top:-31px;font-size:8px;letter-spacing:.04em;color:#737b70;pointer-events:none}.music-playing .music-invitation{opacity:0}.music-picker{position:absolute;right:0;bottom:calc(100% + 14px);width:300px;border:1px solid #ffffff26;background:#151615f7;backdrop-filter:blur(18px);padding:16px;border-radius:13px;box-shadow:0 15px 60px #0009}.music-picker>p{color:#777f72;font-size:9px;margin:0 0 9px;letter-spacing:.08em}.music-picker button{display:flex;gap:12px;align-items:center;width:100%;padding:11px 5px;text-align:left;min-height:57px}.music-track-dot{height:29px;width:29px;flex-shrink:0;border-radius:50%;box-shadow:inset 0 0 0 9px #070909c9}.music-picker strong{display:block;font-size:12px;font-weight:400;line-height:1.4}.music-picker small{display:block;font-size:9px;color:#81897b;margin-top:4px}.music-track-check{margin-left:auto;opacity:0}.music-track-check svg{width:15px;height:15px}.music-picker [aria-pressed=true] .music-track-check{opacity:1}.music-picker button:hover{background:#ffffff08}.music-picker [aria-pressed=true]{color:#e8e7cf}.album-player button:focus-visible,.album-view button:focus-visible,.album-player a:focus-visible{outline:1px solid #dad9bd;outline-offset:4px}
@keyframes record-spin{to{rotate:360deg}}
@media(max-width:1000px) and (min-width:701px){.album-player{gap:16px}.music-track{width:230px}.music-scrub{gap:6px}.music-library>button span{display:none}.album-current{bottom:145px}.album-project-copy h2{font-size:25px}}
@media(max-width:700px){.album-edition{top:98px;left:22px;right:22px;font-size:6px;letter-spacing:.06em}.album-current{left:22px;right:22px;bottom:185px;display:block}.album-project-copy{max-width:none}.album-project-copy>span{font-size:7px;margin-bottom:6px}.album-project-copy h2{font-size:22px}.album-project-copy h2 button{min-height:37px;width:100%;justify-content:space-between}.album-project-copy h2 svg{width:20px;height:20px}.album-project-copy>p{font-size:9px;margin-top:4px;max-width:100%}.album-browse{margin-top:12px;flex-direction:row;justify-content:space-between;align-items:center;gap:5px}.album-nav{gap:6px}.album-nav>button{width:28px;height:28px}.album-nav>button svg{width:13px;height:13px}#album-index{gap:0}#album-index button{width:19px;height:28px;font-size:7px}.album-secondary{gap:10px;font-size:7px}.album-secondary a{display:none}.album-help{top:calc(46% + 16vh);font-size:6px}.album-player{left:22px;right:22px;bottom:max(18px,env(safe-area-inset-bottom));padding-top:13px;display:grid;grid-template-columns:minmax(0,1fr) 124px;gap:10px 12px}.music-track{width:auto;gap:9px}.music-record{width:37px;height:37px}.music-track-copy strong{font-size:11px}.music-track-copy span{font-size:8px;margin-top:2px}.music-transport{justify-content:flex-end;gap:1px}.music-transport>button{width:34px;height:44px}.music-transport .music-main-play{width:44px;height:44px}.music-scrub{grid-row:2;grid-column:1/-1;gap:9px;height:17px;font-size:7px;padding-right:75px}.music-library{position:absolute;bottom:-2px;right:0}.music-library>button{font-size:8px;gap:5px;min-height:27px}.music-library>button svg{width:13px;height:13px}.music-picker{width:min(300px,calc(100vw - 44px));bottom:calc(100% + 20px);padding:14px}.music-invitation{top:-25px;font-size:7px}.album-flat>span{padding:30px 13px 13px;font-size:12px}}
@media(max-width:700px) and (max-height:720px){.album-current{bottom:160px}.album-project-copy h2{font-size:19px}.album-project-copy>p{font-size:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.album-browse{margin-top:6px}.album-help{display:none}.album-player{bottom:max(13px,env(safe-area-inset-bottom));padding-top:11px}.music-invitation{top:-23px}.album-edition{top:91px}}
@media(prefers-reduced-motion:reduce){.music-record{animation:none}.album-project-copy h2 svg{transition:none}}

.album-help{top:calc(42% + min(23.3vh,250px) + 8px)}
@media(max-width:700px){.album-help{top:calc(46% + 17.9vh + 10px)}}
@media(max-width:700px) and (max-height:720px){.album-help{display:none}}

#album-fallback{position:absolute;inset:0;touch-action:none;cursor:grab;outline:none}#album-fallback.is-dragging{cursor:grabbing}

/* Reference-video refinement: a continuous sleeve ribbon with minimal outer typography. */
body[data-theme=album],.album-view{background:#000}
.album-current{bottom:139px;align-items:center}.album-project-copy>span,.album-project-copy>p{display:none}.album-project-copy h2{font-size:16px;letter-spacing:-.015em}.album-project-copy h2 button{min-height:36px;gap:15px}.album-project-copy h2 svg{width:16px;height:16px}.album-browse{flex-direction:row;align-items:center;gap:20px}.album-secondary a{display:none}.album-secondary button{font-size:8px}.album-help{display:none}
@media(max-width:700px){.album-current{bottom:185px}.album-project-copy h2{font-size:17px}.album-browse{margin-top:7px;gap:8px}.album-nav{gap:4px}.album-project-copy{max-width:none}.album-secondary button{font-size:7px}}
@media(max-width:700px) and (max-height:720px){.album-current{bottom:160px}.album-project-copy h2{font-size:15px}.album-browse{margin-top:5px}}

@media(min-width:701px){.album-current{bottom:125px}}
