@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@1,600&family=IBM+Plex+Mono:wght@400;500&family=Anton&family=Nunito:wght@900&display=swap');
:root { color-scheme:dark; font-family:'DM Sans',sans-serif; color:#f4f4f1; background:#0c0c0d; font-synthesis:none; --columns:4; }
* { box-sizing:border-box; }
body { margin:0; --header-height:78px; --glass:rgba(34,35,38,.67); --glass-border:#ffffff25; --pill-radius:48px; --panel-font:'Space Grotesk',sans-serif; }
button,a,input { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
button { font:inherit; cursor:pointer; } a { color:inherit;text-decoration:none; }
button:focus-visible,a:focus-visible,input:focus-visible { outline:2px solid #fff;outline-offset:-4px; }
header { height:var(--header-height);position:relative;display:flex;align-items:center;justify-content:center;background:#0c0c0d; }
.wordmark { font:700 34px 'Space Grotesk',sans-serif;letter-spacing:-2.7px;line-height:1;padding:10px; }
.icon-button { display:grid;place-items:center;flex:none;width:38px;height:38px;padding:9px;border:0;background:transparent;color:inherit;border-radius:50%;transition:background .2s,transform .2s; }
.icon-button:hover { background:#ffffff12; } .icon-button:active { transform:scale(.92); } .icon-button:disabled { opacity:.3;cursor:wait; }
.icon-button svg { display:block;width:100%;height:100%; }
#shuffle { position:absolute;left:24px;color:#c5c5c5; }
.album-grid { display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:0; }
.album-button { position:relative;display:block;width:100%;aspect-ratio:1;border:0;padding:0;overflow:hidden;background:#131313;color:inherit; }
.cover { display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .5s; }
.album-button:hover .cover { transform:scale(1.025); }
.album-button[aria-expanded=true] .cover { transform:scale(1.045);filter:brightness(.83); }
.album-button[aria-expanded=true]::after { content:'';position:absolute;bottom:0;left:calc(50% - 7px);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ffffff80; }
.missing { background:radial-gradient(ellipse at 30% 25%,#252527,transparent 65%),#141416; }
.missing[data-sequence="10"] { background:radial-gradient(ellipse at 65% 65%,#28282b,transparent 55%),#121214; }
.missing[data-sequence="11"] { background:linear-gradient(125deg,#151518 20%,#262629 49%,#131315 52%); }
.missing[data-sequence="12"] { background:radial-gradient(ellipse at center,#222224, #111113 70%); }
.panel-shell { height:0;overflow:hidden;background:var(--album-bg,#242424);transition:background-color .5s; }
.album-detail { position:relative;display:grid;grid-template-columns:minmax(230px,1fr) minmax(0,2fr);gap:6vw;padding:48px 5vw;color:#fff; }
.detail-meta { align-self:start; }
.detail-num { display:block;font-size:12px;letter-spacing:.08em;color:#ffffff80;margin-bottom:18px; }
.album-detail h2 { font:500 clamp(30px,3.5vw,54px)/1.05 var(--panel-font);letter-spacing:-1.9px;margin:0;max-width:450px; }
.detail-close { position:absolute;right:18px;top:12px;width:32px;height:32px;border:0;background:none;color:#ffffff7a;font-size:26px; }
.detail-close:hover { color:#fff; }
.track-list { list-style:none;margin:0;padding:0; }
.detail-tracks { max-height:438px;overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#ffffff25 transparent;padding-right:12px; }
.track-row { border-bottom:1px solid #ffffff0a; }
.track-button { width:100%;display:flex;align-items:center;text-align:left;gap:18px;border:0;background:none;color:inherit;padding:13px 12px;min-height:48px;transition:background .18s; }
.track-button:hover,.track-button:focus-visible { background:#ffffff0b; }
.track-number { width:21px;flex:none;text-align:center;font-variant-numeric:tabular-nums;font-size:11px;color:#ffffff50; }
.track-number::after { content:attr(data-number); }
.track-button:hover .track-number::after { content:'▶';color:#fff;font-size:10px; }
.track-button[data-playing=true] .track-number::after { content:'♫';color:#fff; }
.track-title { flex:1;font-size:14px;line-height:1.4; }
.detail-empty { color:#ffffff60;font-size:14px;padding:15px 0; }
.loading,.error { padding:60px 5vw;color:#aaa; }
body:has(#player:not([hidden])) { padding-bottom:120px; }
#player { position:fixed;z-index:20;bottom:22px;left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 28px));padding:13px 17px 12px;border:1px solid var(--glass-border);border-radius:var(--pill-radius);background:linear-gradient(135deg,#ffffff12,transparent 48%),var(--glass);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);box-shadow:0 14px 55px #0006,inset 0 1px 0 #ffffff22,inset 0 -1px 0 #0002; }
.pill-main { display:flex;gap:12px;align-items:center; }
.now-playing { display:flex;gap:11px;align-items:center;min-width:0;flex:1; }
.now-playing img { width:42px;height:42px;object-fit:cover;border-radius:50%;box-shadow:0 1px 8px #0003; }
.now-playing>div { min-width:0; }
.now-playing strong,.now-playing span { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.now-playing strong { font-size:13px;font-weight:500; }
.now-playing span { font-size:10px;color:#ffffff70;margin-top:4px; }
.transport { display:flex;gap:0;align-items:center; }
.transport svg { fill:currentColor;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round; }
#toggle-play { width:42px;height:42px;background:#ffffff15; }
#toggle-play .pause-shape { display:none; }
#toggle-play[data-paused=false] .pause-shape { display:block; }
#toggle-play[data-paused=false] .play-shape { display:none; }
#close-player { width:28px;height:28px;padding:6px;color:#ffffff65;margin-left:0; }
#close-player svg { fill:none;stroke:currentColor;stroke-width:1.5; }
.pill-timeline { display:flex;align-items:center;gap:9px;padding:8px 9px 0 10px; }
.pill-timeline>span { font-size:9px;font-variant-numeric:tabular-nums;color:#ffffff60; }
#seek { appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:3px;border-radius:10px;background:linear-gradient(to right,#ffffffbd var(--progress,0%),#ffffff25 var(--progress,0%));cursor:pointer; }
#seek::-webkit-slider-thumb { -webkit-appearance:none;width:8px;height:8px;border-radius:50%;background:#eee; }
#seek::-moz-range-thumb { width:8px;height:8px;border:0;border-radius:50%;background:#eee; }
#source-toggle { border:0;background:none;color:#ffffff75;font-size:9px;padding:0;white-space:nowrap; }
#soundcloud-player { margin-top:12px;overflow:hidden;border-radius:15px; }
#soundcloud-player iframe { width:100%;height:110px;border:0;display:block; }
#soundcloud-player.source-collapsed { position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none;margin:0; }
#soundcloud-player.source-collapsed iframe { width:300px;height:110px; }
#player-status { margin:7px 10px 0;font-size:10px;color:#ffffff90; }
#audio { display:none; }
[hidden] { display:none!important; }
/* Five directions share one behavior, with independent type and glass treatments. */
body[data-variant="2"] { --header-height:92px;--glass:rgba(47,39,33,.66);--panel-font:'Cormorant Garamond',Georgia,serif; }
[data-variant="2"] header { background:#100f0e; }
[data-variant="2"] .wordmark { font:italic 600 49px/.9 'Cormorant Garamond',Georgia,serif;letter-spacing:-2px; }
[data-variant="2"] .album-detail h2 { font-style:italic;font-size:clamp(38px,4.5vw,66px);letter-spacing:-1.4px; }
[data-variant="2"] .detail-num { font-size:11px;letter-spacing:.14em; }
[data-variant="2"] .now-playing strong { font:italic 600 20px/1 'Cormorant Garamond',Georgia,serif; }
body[data-variant="3"] { --header-height:68px;--glass:rgba(21,27,31,.77);--pill-radius:25px;--panel-font:'IBM Plex Mono',monospace; }
[data-variant="3"] .wordmark { font:500 24px 'IBM Plex Mono',monospace;letter-spacing:5px;padding-left:15px; }
[data-variant="3"] .detail-num { font:400 10px 'IBM Plex Mono',monospace;letter-spacing:1px; }
[data-variant="3"] .album-detail h2 { font-size:clamp(25px,3vw,43px);letter-spacing:-1.7px;line-height:1.12; }
[data-variant="3"] .track-number,[data-variant="3"] .now-playing strong { font-family:'IBM Plex Mono',monospace; }
[data-variant="3"] .now-playing img { border-radius:8px; }
body[data-variant="4"] { --header-height:96px;--glass:rgba(19,19,20,.82);--pill-radius:32px;--panel-font:'Anton',sans-serif; }
[data-variant="4"] .wordmark { font:400 48px 'Anton',sans-serif;letter-spacing:1px;text-transform:uppercase; }
[data-variant="4"] .album-detail h2 { font-weight:400;text-transform:uppercase;letter-spacing:-.3px;font-size:clamp(34px,4.3vw,64px); }
[data-variant="4"] .detail-num { text-transform:uppercase;letter-spacing:.2em;font-size:10px; }
[data-variant="4"] .now-playing img { border-radius:12px; }
body[data-variant="5"] { --header-height:84px;--glass:rgba(83,87,100,.3);--glass-border:#ffffff40;--pill-radius:55px;--panel-font:'Nunito',sans-serif; }
[data-variant="5"] .wordmark { font:900 37px 'Nunito',sans-serif;letter-spacing:-2.5px; }
[data-variant="5"] .album-detail h2 { font-weight:900;letter-spacing:-1.8px; }
[data-variant="5"] #player { box-shadow:0 16px 65px #0005,inset 0 2px 3px #ffffff30,inset 0 -2px 8px #ffffff0b; }
[data-variant="5"] #toggle-play { background:#ffffff26; }
@media(max-width:1000px) { :root { --columns:3; } .album-detail { grid-template-columns:1fr 1.5fr;gap:35px; } }
@media(max-width:650px) {
 :root { --columns:2; } body { --header-height:68px; } #shuffle { left:13px; } .wordmark { font-size:30px; }
 body[data-variant="2"] { --header-height:78px; } [data-variant="2"] .wordmark { font-size:43px; }
 body[data-variant="3"] { --header-height:64px; } [data-variant="3"] .wordmark { font-size:20px;letter-spacing:3px; }
 body[data-variant="4"] { --header-height:82px; } [data-variant="4"] .wordmark { font-size:40px; }
 body[data-variant="5"] { --header-height:72px; } [data-variant="5"] .wordmark { font-size:33px; }
 .album-detail { display:block;padding:28px 20px 24px; } .detail-num { margin-bottom:10px;font-size:11px; } .album-detail h2 { font-size:32px;max-width:90%;letter-spacing:-1.2px;margin-bottom:22px; } .detail-tracks { max-height:360px;padding:0; } .track-button { padding:12px 3px; } .track-title { font-size:14px; } .detail-close { right:9px;top:9px; }
 #player { bottom:max(14px,env(safe-area-inset-bottom));padding:11px 12px;width:calc(100% - 22px); } .pill-main { gap:6px; } .now-playing { gap:8px; } .now-playing img { width:35px;height:35px; } .now-playing strong { font-size:12px; } .now-playing span { max-width:155px;font-size:9px; } .transport .icon-button { width:30px;height:34px;padding:8px; } .transport #toggle-play { width:36px;height:36px; } #close-player { width:23px;height:23px;padding:5px; } .pill-timeline { padding-top:8px;gap:7px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { transition:none!important;animation:none!important;scroll-behavior:auto!important; } }

.header-right { position:absolute;right:22px;display:flex;align-items:center;gap:22px; }
#views { display:flex;gap:2px; }
#views button { color:#666; }
#views button[aria-pressed=true] { color:#eee;background:#ffffff0b; }
#artist-links { display:flex;gap:14px;font-size:11px;color:#aaa; }
.song-grid .album-button[data-playing=true]::after { content:'♫';position:absolute;bottom:12px;right:12px;background:#111b;backdrop-filter:blur(15px);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:white; }
@media(max-width:650px) { .header-right{right:10px;gap:8px} #views .icon-button{width:30px;height:34px;padding:7px} #artist-links{display:none} }

/* The expanded row carries the artwork's color, with contrasting text. */
#shuffle,.album-shuffle { border:1px solid #ffffff35;background:#ffffff08;box-shadow:inset 0 1px 0 #ffffff0a; }
#shuffle:hover { border-color:#ffffff75;background:#ffffff15; }
.album-detail { color:var(--panel-ink,#fff); }
.detail-num,.detail-empty { color:color-mix(in srgb,var(--panel-ink,#fff) 65%,transparent); }
.detail-close,.track-number { color:color-mix(in srgb,var(--panel-ink,#fff) 55%,transparent); }
.detail-close:hover,.track-button:hover .track-number::after,.track-button[data-playing=true] .track-number::after { color:var(--panel-ink,#fff); }
.track-row { border-color:color-mix(in srgb,var(--panel-ink,#fff) 10%,transparent); }
.track-button:hover,.track-button:focus-visible { background:color-mix(in srgb,var(--panel-ink,#fff) 8%,transparent); }
.detail-tracks { scrollbar-color:color-mix(in srgb,var(--panel-ink,#fff) 25%,transparent) transparent; }
.album-shuffle { margin-top:22px;width:38px;height:38px;color:var(--panel-ink,#fff);border-color:color-mix(in srgb,var(--panel-ink,#fff) 35%,transparent);background:color-mix(in srgb,var(--panel-ink,#fff) 7%,transparent); }
.album-shuffle:hover { background:color-mix(in srgb,var(--panel-ink,#fff) 15%,transparent); }
.album-button[aria-expanded=true]::after { border-bottom-color:var(--selected-color,#242424); }
@media(max-width:650px) { .detail-meta { position:relative;padding-bottom:1px; } .album-detail h2 { margin-bottom:16px; } .album-shuffle { margin:0 0 16px; } }

/* Oversized, softened artwork supplies the color field behind the entire row. */
.panel-shell { position:relative;isolation:isolate; }
.panel-shell::before,.panel-shell::after { content:'';position:absolute;pointer-events:none;z-index:-1; }
.panel-shell::before { inset:-18px;background-image:var(--album-art);background-position:center 48%;background-size:cover;filter:blur(12px) saturate(1.15);opacity:.7;transform:scale(1.025); }
.panel-shell::after { inset:0;background:linear-gradient(115deg,color-mix(in srgb,var(--album-bg) 86%,transparent) 0%,color-mix(in srgb,var(--album-bg) 58%,transparent) 48%,color-mix(in srgb,var(--album-bg) 42%,transparent) 100%),linear-gradient(0deg,color-mix(in srgb,var(--album-bg) 40%,transparent),transparent 55%); }
@media(max-width:650px) { .panel-shell::before { inset:-12px;filter:blur(9px) saturate(1.1);background-position:62% center; } .panel-shell::after { background:linear-gradient(155deg,color-mix(in srgb,var(--album-bg) 80%,transparent),color-mix(in srgb,var(--album-bg) 54%,transparent) 65%,color-mix(in srgb,var(--album-bg) 72%,transparent)); } }

/* Distinct identities on one shared, edge-to-edge collection. */
#friends-link { color:#aaa;border:1px solid #ffffff26; }
#friends-link:hover { color:#fff;border-color:#ffffff60; }
body { padding-bottom:0; }
.site-footer { padding:24px 8px calc(24px + env(safe-area-inset-bottom));text-align:center;color:#929292;font-size:10px;letter-spacing:.045em; }
#player { bottom:max(18px,env(safe-area-inset-bottom)); }
body:has(#player:not([hidden])) { padding-bottom:120px; }
.album-summary { grid-column:1/-1;margin:0;font-size:11px;letter-spacing:.04em;color:color-mix(in srgb,var(--panel-ink,#fff) 65%,transparent);font-variant-numeric:tabular-nums; }
.album-detail { row-gap:26px; }
.more-tile { aspect-ratio:1;display:grid;place-items:center;background:#0c0c0d; }
.see-more { width:56px;height:56px;display:grid;place-items:center;padding:16px;border:1px solid #ffffff35;border-radius:50%;color:#aaa;background:#ffffff05;transition:color .2s,background .2s,transform .2s,border-color .2s; }
.see-more svg { width:100%;height:100%; }
.see-more:hover { color:#fff;background:#ffffff10;border-color:#ffffff65;transform:translateY(3px); }
.see-more:active { transform:translateY(3px) scale(.94); }
body[data-site="friends"] { --columns:3;--header-height:124px;--panel-font:'Cormorant Garamond',Georgia,serif;--glass:#232621bb;--pill-radius:18px;background:#111410;color:#e8ecd9; }
[data-site="friends"] header { background:#111410; }
[data-site="friends"] .wordmark { display:flex;flex-direction:column;align-items:center;font:italic 600 40px/.78 'Cormorant Garamond',Georgia,serif;text-transform:lowercase;letter-spacing:-1.4px;transform:rotate(-3deg);padding:12px 20px; }
[data-site="friends"] .friends-word:last-child { margin-left:26px; }
[data-site="friends"] .album-detail h2 { font:italic 600 clamp(36px,4.6vw,70px)/.95 'Cormorant Garamond',Georgia,serif;text-transform:lowercase;letter-spacing:-1.6px; }
[data-site="friends"] .detail-num { font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.12em; }
[data-site="friends"] #shuffle,[data-site="friends"] #friends-link { color:#d2d8bd;border-color:#d2d8bd44; }
[data-site="friends"] .site-footer { background:#111410ed;color:#9a9e8e; }
[data-site="friends"] .now-playing img { border-radius:4px; }
@media(max-width:650px) {
 body[data-site="friends"] { --columns:2;--header-height:102px; }
 [data-site="friends"] .wordmark { font-size:35px; }
 .album-summary { margin-top:22px; }
}
/* A quiet glass reflection that follows the artwork without obscuring it. */
.album-button::before { content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,#ffffff17 0%,#ffffff07 32%,transparent 48%,#ffffff04 72%,transparent 100%);box-shadow:inset 0 1px 0 #ffffff20,inset 1px 0 0 #ffffff0b,inset 0 -1px 0 #00000024;transition:opacity .45s ease;opacity:.85; }
.album-button:hover::before { opacity:1;background:linear-gradient(135deg,#ffffff22 0%,#ffffff0a 34%,transparent 51%,#ffffff06 75%,transparent 100%); }
.album-button:focus-visible { outline:2px solid #f5f5f0;outline-offset:-5px;z-index:2; }
.album-button:active .cover { transform:scale(1.012); }
.album-button[aria-expanded=true]::after { z-index:2; }
[data-site="friends"] .album-button::before { background:linear-gradient(145deg,#f6f2dc16,transparent 46%,#f6f2dc05); }
@media(hover:none) { .album-button:hover .cover { transform:none; }.album-button[aria-expanded=true] .cover { transform:scale(1.025); } }

/* Recognizable cover detail beneath the title, with quiet text surfaces. */
.detail-art { display:block;width:100%;max-width:320px;aspect-ratio:1;object-fit:contain;object-position:center;margin-top:22px; }
.album-blurb { font:400 13px/1.65 'DM Sans',sans-serif;white-space:pre-line;overflow-wrap:anywhere;max-width:36em;margin:8px 0 0;color:color-mix(in srgb,var(--panel-ink,#fff) 88%,transparent); }
.detail-art + .album-shuffle { margin-top:4px; }
.album-blurb + .album-shuffle { margin-top:18px; }
@media(max-width:650px) { .detail-art { max-width:260px;aspect-ratio:1;margin-top:12px; }.album-blurb { margin:4px 0 18px; } }

/* Album titles fill their metadata column on both edges. */
.album-detail h2 { width:100%;max-width:none;text-align:justify;text-align-last:justify;overflow-wrap:anywhere; }
@media(max-width:650px) { .detail-meta { padding-top:18px; } }

.detail-meta { width:100%;max-width:320px; }
@media(max-width:650px) { .detail-meta { max-width:260px; } }
.track-private { display:inline-flex;align-items:center;margin-left:8px;vertical-align:middle;opacity:.65; }.track-private svg { width:15px;height:15px; }

.track-column { min-width:0;display:flex;flex-direction:column;align-self:start; }
.album-actions { display:flex;justify-content:flex-end;gap:8px;margin:0 0 16px; }
.album-actions .icon-button { margin:0;border:1px solid color-mix(in srgb,var(--panel-ink,#fff) 35%,transparent);background:color-mix(in srgb,var(--panel-ink,#fff) 7%,transparent);color:inherit; }
.track-column .album-summary { text-align:right;margin:18px 0 0;line-height:1.6; }
.album-flip { width:100%;aspect-ratio:1;margin-top:22px;perspective:1000px; }
.album-flip-inner { width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,1,.36,1); }
.album-flip.is-flipped .album-flip-inner { transform:rotateY(180deg); }
.album-flip-front,.album-flip-back { position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden; }
.album-flip-front { padding:0;border:0;background:transparent;color:inherit; }
.album-flip-front .detail-art { margin:0;max-width:none;width:100%;height:100%; }
.flip-hint { position:absolute;bottom:10px;right:10px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#1119;color:#fff;font-size:20px;backdrop-filter:blur(8px); }
.album-flip-back { transform:rotateY(180deg);background:color-mix(in srgb,var(--album-bg) 88%,#111);color:var(--panel-ink);border:1px solid color-mix(in srgb,var(--panel-ink) 20%,transparent);padding:40px 20px 20px;display:flex; }
.album-flip-back .album-blurb { overflow:auto;margin:0;max-width:none;width:100%;font-size:13px;scrollbar-width:thin; }
.flip-return { position:absolute;top:8px;right:10px;border:0;background:none;color:inherit;font-size:23px;width:28px;height:28px; }
@media(max-width:650px) { .album-flip { margin-top:12px; }.track-column { margin-top:24px; } }

/* Shared credits and Imaginary Friends finishing details. */
.site-footer span { display:block;line-height:1.8; }
[data-site="friends"] .album-detail h2 { text-align:left;text-align-last:left; }

[data-site="friends"] .detail-meta .album-summary { text-align:left;margin-top:18px;line-height:1.6; }

/* Equal mastheads; global shuffle joins the player during playback. */
body[data-site="stillmids"],body[data-site="friends"],body[data-site="midas"] { --header-height:124px; padding-bottom:84px; }
body[data-site="stillmids"]:has(#player:not([hidden])),body[data-site="friends"]:has(#player:not([hidden])) { padding-bottom:120px; }
body > #shuffle { position:fixed;z-index:20;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);width:68px;height:44px;padding:11px 22px;border-radius:999px;background:linear-gradient(135deg,#ffffff18,transparent 60%),var(--glass);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);box-shadow:0 8px 30px #0005,inset 0 1px 0 #ffffff22; }
#player #shuffle { position:static;transform:none;flex-shrink:0; }
@media(max-width:600px) {
 body[data-site="stillmids"],body[data-site="friends"],body[data-site="midas"] { --header-height:104px; }
 #player #shuffle { width:30px;height:30px;padding:7px; }
 body:has(#player #shuffle) .now-playing { min-width:0;flex:1; }
 body:has(#player #shuffle) .now-playing div { min-width:0; }
 body:has(#player #shuffle) .now-playing span { max-width:100%; }
}

/* Soft light on identity details. */
[data-site="stillmids"] .wordmark { transition:text-shadow .35s ease,color .35s ease; }
[data-site="stillmids"] .wordmark:hover,[data-site="stillmids"] .wordmark:focus-visible { color:#fff;text-shadow:0 0 12px #ffffff55,0 0 32px #ffffff30; }
.site-footer span:last-child { position:relative;isolation:isolate;width:fit-content;margin-inline:auto;transition:color .3s ease,text-shadow .3s ease; }
.site-footer span:last-child::before { content:"";position:absolute;z-index:-1;inset:-10px -28px;border-radius:50%;background:radial-gradient(ellipse,#e8ecd92b,transparent 70%);filter:blur(8px);opacity:0;transform:scale(.8);transition:opacity .35s ease,transform .35s ease;pointer-events:none; }
.site-footer span:last-child:hover { color:#e8ecd9;text-shadow:0 0 14px #e8ecd955; }
.site-footer span:last-child:hover::before { opacity:1;transform:scale(1); }
@media(prefers-reduced-motion:reduce) { [data-site="stillmids"] .wordmark,.site-footer span:last-child,.site-footer span:last-child::before { transition:none; } }

[data-site="midas"] #friends-link { display:none; }
[data-site="midas"] .wordmark { font-size:clamp(28px,5vw,48px);letter-spacing:.01em;transition:text-shadow .35s; }
[data-site="midas"] .wordmark:hover { text-shadow:0 0 12px #ffffff55,0 0 32px #ffffff30; }