/* Interpret the reference as a quiet editorial sleeve, with palette-coloured shapes. */
.album-dialog{isolation:isolate;position:fixed;width:calc(100% - 24px);max-width:398px;padding:25px 23px 23px;border-radius:24px;background:#fffaf2;color:#30251f;border:1px solid #fff9;box-shadow:0 20px 75px #21150f4d;overflow-x:hidden;max-height:calc(100dvh - 28px)}
.album-dialog:before,.album-dialog:after{content:'';position:absolute;pointer-events:none;z-index:-1;background:var(--album-accent,#9a361d);opacity:.13}
.album-dialog:before{width:180px;height:180px;right:-95px;top:-56px;border-radius:38% 45% 30% 60%;transform:rotate(24deg)}
.album-dialog:after{width:120px;height:175px;right:-98px;bottom:72px;border-radius:60% 30% 35% 50%;transform:rotate(-25deg);opacity:.2}
.album-dialog>.eyebrow{display:none}
.album-invitation{font-family:Lora,Georgia,serif;font-size:30px;font-weight:500;line-height:1.02;letter-spacing:-.045em;margin:0 40px 15px 0;max-width:240px}
.album-invitation em{font-weight:500}
.album-close{top:16px;right:15px;width:38px;height:38px;min-width:38px;border:1px solid #eee4d8;background:#fffdf8;box-shadow:0 3px 12px #3020180a;font-size:26px;color:#30251f;z-index:6}
.album-discs{--disc-size:clamp(175px,55vw,216px);--disc-offset:clamp(130px,42vw,165px);height:calc(var(--disc-size) + 31px);margin:0 -23px 8px;overflow:hidden}
.album-disc-track .album-record[data-position="-1"],.album-disc-track .album-record[data-position="1"]{opacity:.34}
.album-record .disc-surface{box-shadow:0 9px 18px #30201722}
.album-record .disc-centre{width:60%}
.album-discs #album-sound{width:43px;height:43px;bottom:10px;right:calc(50% - var(--disc-size)/2 - 2px);background:#fffbf4;border:1px solid #e0d2c1;box-shadow:0 4px 12px #3020171c}
.album-selection{margin:0 0 22px;padding:0;text-align:center;min-height:0}
.album-selection #album-page{display:block;margin:0 0 10px;font-size:9px;line-height:1.4;letter-spacing:1.8px;color:#8c7767}
.album-selection #album-page:after{content:' · SWIPE';letter-spacing:1.5px}
.album-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.album-title-row h2{font-family:Lora,Georgia,serif;font-size:44px;font-weight:500;line-height:1.12;letter-spacing:-.045em;margin:0}
.album-title-row button{flex:none;width:40px;height:40px;min-width:40px;min-height:40px;padding:10px;background:transparent;border:1px solid #645549;border-radius:50%;display:grid;place-items:center;color:#30251f}
.album-title-row .phone-arrow svg{width:20px;height:20px}
.album-selection #album-track{display:none}
.album-selection p{font-family:Lexend,Arial,sans-serif;font-size:12px;line-height:1.55;letter-spacing:0;max-width:290px;min-height:38px;color:#887361;margin:0 auto}
.album-apply{background:var(--album-accent);min-height:51px;padding:14px 17px;border-radius:12px;color:#fffaf3;font-size:15px;font-weight:500}
.album-apply .phone-arrow svg{width:23px;height:23px}
/* The record protrudes below its frosted player, while the mute control remains clear. */
.bottom-dock .mini-player,.bottom-dock.tabs-visible .mini-player{height:116px;gap:6px;padding:6px}
.bottom-dock .record-control{width:82px;height:82px;min-width:82px;min-height:82px;margin-bottom:-18px;flex:none}
.bottom-dock .record,.bottom-dock .mini-player:before{width:82px;height:82px}
.bottom-dock .record-label{width:60px;height:60px}
.bottom-dock .mini-player:before{bottom:-12px;left:50%;margin-left:-41px;background:#0002}
@media(max-height:670px){.album-dialog{padding-top:21px;padding-bottom:20px}.album-invitation{font-size:26px;margin-bottom:8px}.album-discs{--disc-size:165px;--disc-offset:125px;height:189px;margin-bottom:5px}.album-title-row h2{font-size:37px}.album-selection{margin-bottom:15px}.album-selection #album-page{margin-bottom:7px}.album-title-row{margin-bottom:7px}.album-selection p{font-size:11px;min-height:34px}}
@media(prefers-reduced-motion:reduce){.album-disc-track,.album-disc-track .album-record{transition:none!important}}
/* Palette-led album labels, with a readable name and an intimate home-detail photograph. */
.album-record .named-album-cover,.mini-album-cover{position:relative;display:block;overflow:hidden;border-radius:50%;background:var(--cover-colour)!important;color:#fff5e7;isolation:isolate;border:1px solid #fff3}
.named-album-cover .cover-photo,.mini-album-cover .cover-photo{position:absolute;left:0;right:0;bottom:0;height:36%;background-image:var(--cover-photo);background-size:cover;background-position:50% 70%;z-index:-1}
.named-album-cover:after,.mini-album-cover:after{content:'';position:absolute;inset:7%;border:1px solid #fff5;border-radius:50%;pointer-events:none}
.cover-brand,.cover-title,.cover-edition{position:absolute;left:0;right:0;text-align:center;white-space:nowrap}
.named-album-cover .cover-brand{top:14%;font-family:Lexend,Arial,sans-serif;font-size:4.5px;letter-spacing:.85px;line-height:1}
.named-album-cover .cover-title{top:25%;font-family:Lora,Georgia,serif;font-weight:500;font-size:29px;letter-spacing:-1.3px;line-height:1.1;text-shadow:0 1px 2px #0001}
.named-album-cover .cover-edition{top:57%;font-family:Lexend,Arial,sans-serif;font-size:4px;letter-spacing:.65px;line-height:1}
.named-album-cover i,.mini-album-cover i{position:absolute;left:calc(50% - 2.5px);top:calc(50% - 2.5px);width:5px;height:5px;border-radius:50%;background:#fff2dc;box-shadow:0 0 0 1px #2b1d1555}
/* The whole record, including its printed label, turns clockwise as one piece. */
.album-record .named-album-cover,.bottom-dock .mini-album-cover{animation:none!important}
.mini-album-cover .cover-title{top:24%;font-family:Lora,Georgia,serif;font-size:13px;font-weight:500;letter-spacing:-.55px;line-height:1.1}
.mini-album-cover .cover-brand,.mini-album-cover .cover-edition{display:none}
@media(max-height:670px){.named-album-cover .cover-title{font-size:23px}.named-album-cover .cover-brand{font-size:3.5px;letter-spacing:.5px}.named-album-cover .cover-edition{font-size:3px}}
@media(prefers-reduced-motion:reduce){.album-record .named-album-cover,.bottom-dock .mini-album-cover{animation:none!important}}

/* One constant-speed rotation owner per disc; selection and mute cannot restart it. */
.album-record .disc-surface,.bottom-dock .record{animation:record-spin 16s linear infinite normal!important;animation-play-state:running!important}
.album-invitation{max-width:none;margin-right:0;font-size:clamp(24px,7.6vw,30px)}
.album-invitation em{white-space:nowrap}
@media(prefers-reduced-motion:reduce){.album-record .disc-surface,.bottom-dock .record{animation:none!important}}