/* Page palette: light editorial surfaces around unchanged dark audio hardware. */
:root{color-scheme:light;--bg:#eef4f6;--panel:#fff;--metal:#26343e;--text:#18364d;--muted:#4e6474;--cyan:#17689e;--amber:#87530c;--line:#c3d5de;--page-accent:#8ae6ed;--page-wash:#d9edf5}
/* Physical objects own their original palette rather than inherit the page inks. */
 .hardware,[data-tape],.deck-utilities,.cover-fallback,#persistent-player{color-scheme:dark;--bg:#0d1319;--panel:#151e26;--metal:#26343e;--text:#eef6fa;--muted:#a6b5bf;--cyan:#8ae6ed;--amber:#f0b45c;--line:#2a3842;color:var(--text)}
/* The home feature has a pearl-blue frame; playback hardware keeps its finish. */
.hero-object .release-case{color-scheme:light;background:linear-gradient(135deg,#fff,#e4eef3 5%,#d5e5ed 95%,#b2cbd8);border-color:#a7c2d1;box-shadow:12px 20px 0 -10px #b6cbd6,20px 34px 50px #27485e26,inset 3px 0 5px #fff9;color:var(--text)}
.hero-object .case-spine{background:repeating-linear-gradient(0deg,transparent,transparent 5px,#658b9f33 6px)}
body{background:radial-gradient(ellipse at 78% 10%,#d9edf5a6,transparent 48%),var(--bg);color:var(--text)}
.site-header{background:#f8fbfcf5;border-color:var(--line)}
.site-footer{background:#f8fbfc;border-color:var(--line)}
.site-header .original-wordmark,.site-footer .original-wordmark{filter:invert(1);mix-blend-mode:multiply}
.site-nav a{color:var(--muted)}.site-nav a:hover,.site-nav a[aria-current]{color:var(--text)}.site-nav .nav-radio{color:var(--cyan)}
.button:not(.bay-load){background:#f8fbfc;border-color:#658394;color:var(--text)}
.button:not(.bay-load):hover{background:#d9edf5;border-color:#17689e}
.button.primary:not(.bay-load){background:var(--page-accent);border-color:#4e8995;color:#18364d}
.button.primary:not(.bay-load):hover{background:#b7f2f5;border-color:#17689e}
.button.quiet:not(.bay-load){background:transparent;border-color:#658394}
.button.quiet:not(.bay-load):hover{background:#d9edf5;border-color:#17689e}
.broadcast-strip{background:#d9edf5;border-color:#bed5e1}.broadcast-symbol{background:#f8fbfc;border-color:#8bb4c8;color:var(--cyan)}
.broadcast-symbol,.broadcast-title{text-decoration:none}.broadcast-symbol:hover{background:#e4f3f8;border-color:var(--cyan)}.broadcast-title:is(:hover,:focus-visible){text-decoration:underline}
.feature-panel,.fact-panel,.video-card{background:#fff;border-color:var(--line)}
.feature-visual{background:radial-gradient(ellipse at 45% 60%,#c4e0eb,transparent 65%),#e4eef3}
.notice{background:#e0edf3;border-left-color:#5a8198;color:#385467}
.track-number,.footer-note{color:#4e6474}
.video-thumb{background:#d9edf5;color:#17689e}
.library-empty{background:#f8fbfc;border-color:var(--line);color:var(--muted)}
.privacy-dialog,.consent-dialog{color-scheme:light;background:#f8fbfc;border-color:#658394;color:var(--text);box-shadow:0 30px 90px #18364d33}
.privacy-dialog::backdrop,.consent-dialog::backdrop{background:#18364d66}
.privacy-dialog button,.consent-dialog button{background:#fff;border-color:#658394;color:#18364d}
.privacy-dialog button:hover,.consent-dialog button:hover{background:#d9edf5;border-color:#17689e}
.privacy-dialog a,.consent-dialog a{color:#17689e}
/* Small page links and page-facing legends remain readable over nearby hardware shadows. */
:root{--cyan:#115e91}.hardware-legend{color:#324e62}
/* Release facts belong to page captions, outside the physical playback artwork. */
.release-card h3,.hero-object .object-caption strong{line-height:1.4;overflow-wrap:anywhere}
.release-card .release-date,.hero-object .release-date{display:inline-block;max-width:100%;font-size:.78rem;font-weight:400;letter-spacing:.025em;line-height:1.6;color:var(--muted)}
.release-date time{white-space:nowrap}
.release-card .release-date time,.hero-object .release-date time{white-space:normal}
.hero-object .object-caption>p{min-width:0;flex:1}
.hero-object .object-caption>.text-link{flex-shrink:0}
.release-top .release-date{line-height:1.6}
[data-release-summary]{white-space:pre-line}
/* Catalog cards keep each release fact in its own aligned, fully visible row. */
.catalog-grid .release-card>a{display:grid;grid-template-rows:auto auto auto auto auto;gap:8px;align-content:start;height:100%}
.catalog-grid .release-card h3{margin:12px 0 0;min-height:2.8em}
.catalog-grid .release-card .card-date,.catalog-grid .release-card .card-artist{margin:0;max-width:none}
.catalog-grid .release-card .card-date{font-size:.78rem;line-height:1.6}
@supports(grid-template-rows:subgrid){
 .catalog-grid{row-gap:8px}
 .catalog-grid .release-card{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:8px;padding-bottom:22px}
 .catalog-grid .release-card>a{grid-template-rows:subgrid;grid-row:span 5}
}
/* Main headings separate the recording name from its supporting version/type. */
.release-heading .title-support,.track-heading .title-support{display:inline-block;max-width:100%;font-size:.56em;line-height:1.3;letter-spacing:-.02em;font-weight:600;vertical-align:baseline}
.release-heading .title-qualifier,.track-heading .title-qualifier{display:inline-block;max-width:100%;overflow-wrap:normal;word-break:normal}
.release-heading.has-title-remix .title-support,.track-heading .title-support{display:block;margin-top:.25em}
@media(max-width:360px){.release-top h1.release-heading[data-release-title]{font-size:2.2rem}}
/* Finite deck progress is page-facing utility chrome; the fascia stays unchanged. */
.deck-stage .deck-utilities{color-scheme:light;--text:#18364d;--muted:#385467;--cyan:#8ae6ed;background:#f8fbfc;border:1px solid #b8ccd8;color:#18364d}
.deck-stage .deck-utilities .local-progress{color:#385467}








/* Intro headlines use the available page width without changing their type scale. */
.page-intro h1{max-width:100%}
/* Local polish: preserve physical hardware while clarifying page and player navigation. */
.page-intro{padding-block:48px 30px;margin-bottom:32px}
.release-jumps{display:flex;flex-wrap:wrap;gap:4px 28px;margin-top:22px;border-top:1px solid var(--line);padding-top:10px}
.release-jumps .text-link{font-size:.83rem}
.track-onward{max-width:none;margin-top:44px;padding-top:22px;border-top:1px solid var(--line)}
[data-source-device],#release-tracks{scroll-margin-top:24px}
[data-source-device]:focus-visible,#release-tracks:focus-visible{outline:2px solid var(--cyan);outline-offset:8px}
.catalog-grid .card-foot small{font-size:12px;line-height:1.5}
.footer-note,.motion-switch{font-size:12px}
.site-footer{padding-bottom:48px}
body.has-active-player .site-footer{padding-bottom:calc(var(--player-clearance,100px) + 36px + env(safe-area-inset-bottom,0px))}
#persistent-player .player-inner{position:relative;display:grid!important;grid-template-columns:minmax(120px,1fr) auto auto minmax(120px,180px);gap:4px 18px;padding:12px 60px 12px 0;align-items:center}
.player-source-link{display:flex;align-items:center;gap:14px;min-width:0;text-decoration:none;color:inherit;border-radius:4px;grid-column:1;grid-row:1}
.player-source-link:hover .player-info strong,.player-source-link:focus-visible .player-info strong{text-decoration:underline;text-underline-offset:4px}
#persistent-player .player-source-link .player-info{min-width:0;flex:1}
#persistent-player .player-source-link .player-symbol{display:flex;width:66px;height:44px;min-width:66px}
#persistent-player .player-status{display:block;grid-column:2;grid-row:1;max-width:140px}
#persistent-player .player-transport{grid-column:3;grid-row:1;margin:0}
#persistent-player .player-volume{display:flex!important;grid-column:4;grid-row:1;min-width:0;margin:0;gap:8px;min-height:44px}
#persistent-player .player-volume input{width:100%;min-width:44px;max-width:140px;min-height:44px;flex:1}
#persistent-player .player-progress:not([hidden]){display:flex;grid-column:1/-1;grid-row:2;order:0;min-width:0;margin-top:4px}
#persistent-player .player-progress input{width:auto;min-width:44px;min-height:44px;flex:1}
#persistent-player .player-close{position:absolute;right:0;top:12px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #78919f;border-radius:50%;background:#263943;color:#eef6fa;font:30px/1 Arial,Helvetica,sans-serif;box-shadow:inset 0 1px 0 #ffffff24}
#persistent-player .player-close:hover{background:#46616e;border-color:#c5f6f7}
#persistent-player .player-close:active{background:#10232d}
#persistent-player .player-close:focus-visible{outline:2px solid #8ae6ed;outline-offset:4px}
@media(max-width:800px){
 .page-intro{padding-block:32px 22px;margin-bottom:26px}
 #persistent-player .player-inner{grid-template-columns:auto minmax(96px,1fr);gap:4px 12px;padding:10px 0}
 #persistent-player .player-source-link{grid-column:1/-1;grid-row:1;padding-right:56px;gap:10px}
 #persistent-player .player-source-link .player-symbol{width:48px;height:32px;min-width:48px;gap:5px}
 #persistent-player .player-status{grid-column:1/-1;grid-row:2;padding-right:56px;max-width:none}
 #persistent-player .player-transport{grid-column:1;grid-row:3}
 #persistent-player .player-volume{grid-column:2;grid-row:3}
 #persistent-player .player-progress:not([hidden]){grid-row:4}
 #persistent-player .player-close{top:10px}
 #persistent-player .player-info strong{max-width:none}
 .site-footer{padding-bottom:36px}
}
@media(max-width:380px){#persistent-player .player-transport{grid-column:1/-1}#persistent-player .player-volume{grid-column:1/-1;grid-row:4}#persistent-player .player-volume input{max-width:none}#persistent-player .player-progress:not([hidden]){grid-row:5}}
@media(min-width:1920px){.hero{grid-template-columns:1.35fr 1fr}.hero h1{max-width:none}.catalog-grid .card-foot small,.footer-note,.motion-switch{font-size:14px}}
@media(min-width:3000px){.hero{grid-template-columns:1.45fr 1fr}.page-intro{padding-block:72px 48px;margin-bottom:48px}.catalog-grid .card-foot small,.footer-note,.motion-switch{font-size:17px}}
.site-footer .motion-switch{margin-top:12px}

#persistent-player .player-mute{white-space:nowrap}
/* R73: a faint panoramic release-art cue, contained behind the existing intro. */
.release-top:has(>[data-release-backdrop]),.track-intro:has(>[data-release-backdrop]){position:relative;isolation:isolate}
.release-top>.release-intro-backdrop,.track-intro>.release-intro-backdrop{position:absolute;inset:0;z-index:-1;display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:center var(--intro-art-y,50%);opacity:.10;pointer-events:none;user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(0deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(0deg,transparent,#000 20%,#000 80%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect;mask-size:100% 100%;mask-repeat:no-repeat}
.release-top:has(>[data-release-backdrop]) :is(.release-meta,[data-release-summary]){color:#385467}
/* R74: roomy recording details, with the same parent-art intro treatment. */
[data-track-detail] .track-layout{grid-template-columns:minmax(0,1fr) minmax(180px,320px);gap:clamp(24px,4vw,64px);max-width:1280px}
.track-layout>.track-editorial{min-width:0;max-width:none}
.track-layout>.track-cover{width:100%;max-width:320px;aspect-ratio:1;align-self:start;justify-self:end}
.track-editorial>section{margin-top:32px}
.track-editorial>section>h2{margin-top:0;margin-bottom:16px}
.track-editorial .track-transport{max-width:none;padding:16px 0 0}
.track-editorial .track-stores .actions{margin-top:16px}
.track-editorial .track-stores a{min-height:44px;max-width:100%;overflow-wrap:anywhere}
.track-editorial .notice{margin-top:24px}
.track-editorial .fact-row{display:grid;grid-template-columns:minmax(90px,.6fr) minmax(0,1fr);gap:12px 24px;align-items:start}
.track-editorial .fact-row>span{min-width:0;overflow-wrap:anywhere}
[data-track-detail] .track-onward{max-width:1280px;margin-top:40px;padding-top:24px}
@media(max-width:820px){[data-track-detail] .track-layout{grid-template-columns:minmax(0,1fr);gap:32px}.track-layout>.track-cover{max-width:240px;justify-self:start}}
/* R77: crop alignment is static under either reduced-motion preference. */
@media(prefers-reduced-motion:reduce){.release-intro-backdrop[data-release-backdrop]{object-position:center!important}}
:root[data-reduced-motion="true"] .release-intro-backdrop[data-release-backdrop]{object-position:center!important}
/* R81: album boundaries decorate the existing seek range without adding targets. */
#persistent-player .player-seek-track{position:relative;display:flex;align-items:center;flex:1;min-width:44px;height:44px}
#persistent-player .player-seek-track input{width:100%;min-width:44px;margin:0}
#persistent-player .player-track-markers{position:absolute;left:8px;right:8px;top:50%;height:8px;transform:translateY(-50%);pointer-events:none;z-index:2}
#persistent-player .player-track-boundary{position:absolute;top:0;width:1px;height:100%;background:#8ae6ed;box-shadow:0 0 0 1px #111b2366;opacity:.8;pointer-events:none}
#persistent-player .player-progress.has-catalog-timeline:not([hidden]){display:grid;grid-template-columns:auto minmax(44px,1fr) auto;gap:0 10px}
#persistent-player .player-timeline-context{grid-column:1/-1;min-width:0;margin:0 0 7px;color:#a6b5bf;font:11px/1.5 Consolas,'Courier New',monospace;overflow-wrap:anywhere}
#persistent-player .player-seek-tooltip{position:absolute;top:0;transform:translate(-50%,calc(-100% - 6px));width:max-content;max-width:min(280px,calc(100vw - 32px));padding:7px 10px;border:1px solid #526b79;border-radius:3px;background:#172630;color:#eef6fa;box-shadow:0 3px 10px #0004;font:11px/1.4 Consolas,'Courier New',monospace;overflow-wrap:anywhere;text-align:center;pointer-events:none;z-index:3}
/* R83: stable release-row controls and truthful per-track selection. */
.track-list [data-release-track-row]{grid-template-columns:32px minmax(0,1fr) auto 44px;gap:16px;padding:20px 12px;min-width:0;position:relative;isolation:isolate}
.track-list [data-release-track-row]::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 0%,#8adce926 6%,#a5e2ee2b 45%,#c5eaf418 80%,transparent 100%);clip-path:inset(0 100% 0 0);opacity:0;transition:clip-path .42s cubic-bezier(.22,.61,.36,1),opacity .32s ease}
.track-list [data-release-track-row].is-active-track::before{clip-path:inset(0 0 0 0);opacity:1}
[data-release-track-row] .release-track-copy{min-width:0}
[data-release-track-row] .release-track-timing{display:flex;flex-direction:column;align-items:flex-end;min-width:0;color:#385467;font:.75rem/1.5 Consolas,'Courier New',monospace;font-variant-numeric:tabular-nums}
[data-release-track-row] .release-track-clock{display:block;inline-size:13ch;max-inline-size:100%;text-align:right;min-height:1.5em}
[data-release-track-row] .release-track-status{display:block;inline-size:7ch;min-height:1.5em;text-align:right;font-size:.625rem;color:#326276}
[data-release-track-row] .release-track-unavailable{display:block;margin-top:5px;font-size:.75rem;color:#4e6474}
[data-release-track-row] .release-track-action{position:relative;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:2px;background:none;color:#115e91;box-shadow:none;transition:color .2s ease}
[data-release-track-row] .release-track-action:hover:not(:disabled){background:none;color:#00718f}
[data-release-track-row] .release-track-action:focus-visible{outline:2px solid #115e91;outline-offset:3px}
[data-release-track-row] .release-track-action:disabled{opacity:.48;cursor:not-allowed}
[data-release-track-row] .release-track-action svg{position:absolute;width:20px;height:20px;pointer-events:none;transition:opacity .18s ease}
[data-release-track-row] .release-track-stop-icon{opacity:0}
[data-release-track-row] [data-row-icon="stop"] .release-track-play-icon{opacity:0}
[data-release-track-row] [data-row-icon="stop"] .release-track-stop-icon{opacity:1}
@keyframes release-row-paused{0%,100%{opacity:.5}50%{opacity:1}}
[data-release-track-row][data-track-state="paused"] .release-track-play-icon{animation:release-row-paused 2.6s ease-in-out infinite}
@media(max-width:600px){
 .track-list [data-release-track-row]{grid-template-columns:max-content minmax(0,1fr) 44px;gap:8px 12px;padding:18px 10px}
 [data-release-track-row] .track-number{grid-column:1;grid-row:1;align-self:start;padding-top:3px}
 [data-release-track-row] .release-track-copy{grid-column:2;grid-row:1}
 [data-release-track-row] .release-track-action{grid-column:3;grid-row:1;align-self:center}
 [data-release-track-row] .release-track-timing{grid-column:2/-1;grid-row:2;flex-direction:row;align-items:center;flex-wrap:wrap;gap:0 8px}
 [data-release-track-row] .release-track-clock,[data-release-track-row] .release-track-status{text-align:left}
}
@media(prefers-reduced-motion:reduce){[data-release-track-row]::before,[data-release-track-row] .release-track-action,[data-release-track-row] .release-track-action svg{transition:none!important;animation:none!important}}
:root[data-reduced-motion="true"] [data-release-track-row]::before,:root[data-reduced-motion="true"] [data-release-track-row] .release-track-action,:root[data-reduced-motion="true"] [data-release-track-row] .release-track-action svg{transition:none!important;animation:none!important}

/* R86: hold gestures belong to winding keys; the rest of the page still scrolls/selects. */
:is([data-media-action="rewind"],[data-media-action="fast-forward"]){touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
:is([data-media-action="rewind"],[data-media-action="fast-forward"]) *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:none}
/* Store choices form one deliberate, evenly sized group on release and track pages. */
:is([data-release-actions],[data-track-links]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:640px;align-items:stretch}
:is([data-release-actions],[data-track-links])>a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:10px 12px;text-align:center;font-size:.82rem;line-height:1.4;overflow-wrap:anywhere}
:is([data-release-actions],[data-track-links]):has(>a:only-child){grid-template-columns:minmax(0,1fr);max-width:220px}
:is([data-release-actions],[data-track-links]):has(>a:nth-child(2):last-child),:is([data-release-actions],[data-track-links]):has(>a:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:580px){
 :is([data-release-actions],[data-track-links]){gap:8px}
 :is([data-release-actions],[data-track-links])>a{padding:10px 7px}
}
@media(max-width:360px){:is([data-release-actions],[data-track-links]){grid-template-columns:minmax(0,1fr)!important;max-width:none}}
/* Short landscape uses a compact transport row and a full-width seek row.
   Portrait retains its approved layout; text enlargement may grow rows naturally. */
@media(orientation:landscape) and (max-height:500px) and (min-width:540px){
 #persistent-player.persistent-player .player-inner{grid-template-columns:minmax(0,1fr) auto minmax(120px,160px);gap:0 12px;min-height:0;padding:6px 52px 6px 0}
 #persistent-player.persistent-player .player-source-link{grid-column:1;grid-row:1;padding-right:0;gap:8px;min-height:44px}
 #persistent-player.persistent-player .player-source-link .player-symbol{width:40px;height:30px;min-width:40px}
 #persistent-player.persistent-player .player-info strong{font-size:.78rem}
 #persistent-player.persistent-player .player-info span{margin-top:2px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #persistent-player.persistent-player .player-status{display:none}
 #persistent-player.persistent-player .player-transport{grid-column:2;grid-row:1;gap:6px}
 #persistent-player.persistent-player .player-transport button{width:44px;height:44px;min-width:44px;min-height:44px;padding:0}
 #persistent-player.persistent-player .player-volume{grid-column:3;grid-row:1;gap:6px;min-height:44px}
 #persistent-player.persistent-player .player-volume input{min-width:44px;max-width:none;margin:0}
 #persistent-player.persistent-player .player-close{position:absolute;grid-area:auto;top:6px;right:0}
 #persistent-player.persistent-player .player-progress:not([hidden]){grid-column:1/-1;grid-row:2;margin-top:0;gap:0 8px}
 #persistent-player.persistent-player .player-progress.has-catalog-timeline:not([hidden]){grid-template-columns:minmax(110px,.7fr) auto minmax(44px,1fr) auto}
 #persistent-player.persistent-player .player-progress.has-catalog-timeline>[data-media-time]{grid-column:2;grid-row:1}
 #persistent-player.persistent-player .player-progress.has-catalog-timeline>.player-seek-track{grid-column:3;grid-row:1}
 #persistent-player.persistent-player .player-progress.has-catalog-timeline>[data-media-duration]{grid-column:4;grid-row:1}
 #persistent-player.persistent-player .player-timeline-context:not([hidden]){display:flex;grid-column:1;grid-row:1;gap:4px;margin:0;line-height:1.3;min-width:0}
 #persistent-player.persistent-player .player-track-detail{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #persistent-player.persistent-player .player-track-local-time{flex-shrink:0;white-space:nowrap}
 #persistent-player.persistent-player .player-seek-track,#persistent-player.persistent-player .player-progress input{min-height:44px;height:44px}
 #persistent-player.persistent-player .media-error:not(:empty){margin:0 0 6px}
}
