:root{--ink:#f1eee6;--muted:#aaa5af;--panel:#17161c;--line:#3a343f;--accent:#ac4852;--rim:#d39ca9}html,body{background:#0d0d11;color:var(--ink);font-family:Arial,Helvetica,sans-serif}main#room{max-width:1440px;margin:auto;padding:24px clamp(14px,3vw,36px) 32px}.heading{position:relative;gap:20px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:24px;flex-wrap:wrap}.heading>div{min-width:0;flex:1}.eyebrow,.meta,.release-meta,.track-scroll-label,.sound-toggle,.buy,.num{font-family:'Courier New',monospace}.eyebrow{color:#d07b85;font-size:11px;line-height:1.6;letter-spacing:.17em}h1{font-size:clamp(25px,4.5vw,42px);color:var(--ink);line-height:1.08;margin:7px 0 10px}.sub{color:var(--muted);font-size:12px;line-height:1.6}.brand#brand{width:88px;height:88px;flex:0 0 88px;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;border-radius:0}.brand img{animation:none}.dedco-solid{display:block;width:100%;height:100%;pointer-events:none}button,.buy{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;user-select:none;-webkit-user-select:none}button:not(.brand):not(.track-play),.buy{border:1px solid #816473;border-top-color:#d6a7b5;border-radius:7px;background:linear-gradient(#39313d,#25222b);color:var(--ink);box-shadow:inset 0 2px #ffffff17,0 5px #100e14;transition:transform .09s,box-shadow .09s,background .15s}button:not(.brand):not(.track-play):active,button.is-down:not(.brand):not(.track-play),.buy:active{transform:translateY(4px);box-shadow:inset 0 1px #ffffff12,0 1px #100e14}.sound-toggle{min-width:86px;min-height:44px;padding:10px 12px;font-size:10px;font-weight:700;letter-spacing:.07em}.albums{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.album{display:grid;grid-template-columns:64px minmax(0,1fr);align-content:center;column-gap:12px;padding:12px!important;min-height:96px;overflow:hidden}.album img{grid-row:1/3;width:64px;height:64px;aspect-ratio:1;object-fit:cover;border-radius:4px}.album strong{font-size:12px;line-height:1.45;margin:0;align-self:end;overflow-wrap:anywhere}.album small{font-size:10px;line-height:1.6;margin-top:4px;color:#bbb3bf}.album.active{background:linear-gradient(#49303b,#30242c)!important;border-color:var(--rim)!important}.detail{padding:24px clamp(14px,2.5vw,28px);background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-top:26px}.detail h2{font-size:clamp(23px,3.4vw,32px);line-height:1.2;overflow-wrap:anywhere}.meta,.release-meta{color:var(--muted);line-height:1.7;font-size:11px}.purchase-actions{gap:12px;margin:18px 0 22px}.buy{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:12px 16px;font-size:10px;line-height:1.5;letter-spacing:.04em;text-decoration:none}.buy:not(.secondary),.controls button.main{background:linear-gradient(#b9505a,#913b47)!important;border-color:#dc96a0!important;box-shadow:inset 0 2px #ffffff20,0 5px #54222c}.player{background:#101015;border:1px solid #413642;border-radius:10px;padding:18px;margin:20px 0 26px}.bar{grid-template-columns:minmax(0,1fr) auto minmax(100px,.5fr);gap:18px}.now strong{font-size:15px;line-height:1.5}.now span{font-size:11px;color:var(--muted);line-height:1.6}.controls{gap:10px;padding-bottom:5px}.controls button{display:inline-flex;align-items:center;justify-content:center;width:48px!important;min-width:48px;height:48px;min-height:48px;padding:12px;font-size:20px;line-height:1;flex:0 0 48px}.controls button svg{width:21px;height:21px;flex-shrink:0}.controls button.main{border-radius:7px}.seek{gap:12px;font-size:11px;font-variant-numeric:tabular-nums;min-width:0}.seek span{flex-shrink:0}.seek input,.volume{min-height:32px;accent-color:var(--accent)}.right{min-width:0}.volume{width:80px;max-width:100%}.track-scroll-label{font-size:10px;line-height:1.6;letter-spacing:.12em;color:var(--muted);margin-bottom:14px}.tracks{border-color:var(--line)}.tracks li{gap:12px;border-color:#302b35}.track-play{box-shadow:none;background:transparent;border:0;border-radius:5px;padding:14px 5px;min-height:68px;font-size:14px;line-height:1.5;color:#ddd8df}.track-play:hover,.track-play.is-down{background:#242029}.track-play.playing{color:#efa2ac;background:#2c2028}.num{color:#a49aab;font-size:11px}.fire{min-width:58px;min-height:44px;align-self:center;margin:8px 0;padding:10px;font-size:12px}.fire[aria-pressed=true]{border-color:#e08c98!important;background:#492631!important}.fire-status{color:var(--muted);font-size:11px;line-height:1.6;margin-top:16px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f0c099;outline-offset:4px}button:disabled{cursor:default;opacity:.5}
@media(max-width:1000px){.albums{grid-template-columns:repeat(2,minmax(0,1fr))}.bar{grid-template-columns:minmax(0,1fr) auto}.right{display:none}}
@media(max-width:600px){main#room{padding:20px 14px 26px}.heading{gap:12px;padding-bottom:20px}.brand#brand{width:72px;height:72px;flex-basis:72px}.sound-toggle{margin-left:auto;min-height:44px}.heading>div{flex-basis:calc(100% - 88px)}.albums{gap:12px}.album{grid-template-columns:42px minmax(0,1fr);column-gap:8px;padding:10px!important;min-height:82px}.album img{width:42px;height:42px}.album strong{font-size:11px}.album small{font-size:9px}.detail{padding:20px 14px;margin-top:24px}.player{padding:16px 12px}.bar{grid-template-columns:minmax(0,1fr);gap:14px}.controls{justify-content:center}.now{text-align:center}.now strong{font-size:14px}.purchase-actions>*{flex:1 1 150px}.track-play{font-size:13px;gap:8px}.tracks li{gap:8px}.fire{min-width:52px;padding:9px}.track-isrc{font-size:9px}}
@media(max-width:360px){.album{grid-template-columns:1fr;text-align:center}.album img{grid-row:auto;margin:0 auto 8px;width:54px;height:54px}.heading{gap:8px}.brand#brand{flex-basis:60px;width:60px;height:60px}h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){button,.buy{transition:none}}

/* Center the transport independently of metadata and volume widths. */
.bar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.controls{justify-content:center;justify-self:center}
.controls #prev,.controls #next{background:linear-gradient(#493d4b,#28222e);border:1px solid #947482;border-top-color:#e5bdc9;border-bottom-color:#614451;border-radius:7px;box-shadow:inset 0 2px #ffffff20,0 5px #100e14,0 6px 0 1px #654554}
.controls #prev:active,.controls #next:active,.controls #prev.is-down,.controls #next.is-down{transform:translateY(4px);box-shadow:inset 0 1px #ffffff12,0 1px #100e14}
.art-stage{display:grid;place-items:center;padding:28px 16px 34px;perspective:900px;isolation:isolate}
button.album-art{position:relative;display:block;width:min(100%,340px);aspect-ratio:1;padding:0;border:0!important;border-radius:0!important;background:#29212e!important;box-shadow:3px 0 #c3a6b5,3px 3px #8c687e,6px 3px #78536b,6px 6px #614057,9px 6px #4b3147,9px 9px #352338,12px 12px #09090d!important;transform-style:preserve-3d;touch-action:manipulation;transition:none!important}
.album-art img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.album-art::after{content:'';position:absolute;inset:0;border:1px solid #ffffff40;pointer-events:none}
.art-stage .album-art:active,.art-stage .album-art.is-down{transform:none}
@media(max-width:1000px){.bar{grid-template-columns:minmax(0,1fr)}.now{text-align:center}.controls{justify-self:center}.right{display:none}}
@media(max-width:600px){.art-stage{padding:24px 12px 30px}button.album-art{width:min(100%,280px)}}
@media(prefers-reduced-motion:reduce){.album-art{transform:none!important}}