/* Lightly frosted liquid glass: distinct, visible refractions inside rounded edges. */
.glass-object{--glass-x:72%;--glass-y:18%;--glass-angle:135deg;--glass-strength:.72}
.navigation.glass-object,.pill.glass-object{position:relative;isolation:isolate}
.navigation.glass-object{background:linear-gradient(160deg,#e9e3f52a,#b5a6d10c 70%);border-color:#e9dfff40;backdrop-filter:blur(18px) saturate(1.12);box-shadow:inset 0 1px 2px #ffffff3b,inset 0 -1px 2px #0006,0 8px 25px #0003}
.hero-stamp.glass-object{position:relative;isolation:isolate;background:linear-gradient(160deg,#e0d5ec26,#13101b50);border-color:#ded7e643;backdrop-filter:blur(18px) saturate(1.1);box-shadow:inset 0 1px 2px #ffffff30,0 8px 22px #0002}
.pill.glass-object:not(.light){background:linear-gradient(155deg,#ecddff22,#c7bac90b);border-color:#e8d6ff44;box-shadow:inset 0 1px 2px #ffffff35,inset 0 -1px 2px #0004,0 4px 20px #0002;backdrop-filter:blur(14px) saturate(1.1)}
.pill.glass-object:not(.light):hover{background:linear-gradient(155deg,#f0e4ff32,#c7bac918)}
.listen .pill.glass-object:not(.light){background:linear-gradient(150deg,#42354ee6,#261e31e6);border-color:#fff6;color:#f4eefc;box-shadow:inset 0 1px 2px #ffffff35,0 5px 20px #301c382b}
.listen .pill.glass-object:not(.light):hover{background:linear-gradient(150deg,#53415fe6,#32263ee6)}
.header-action.pill{font-size:11px;padding:12px 18px;gap:18px;white-space:nowrap}.header-action .arrow{font-size:18px}
.glass-shell{position:absolute;inset:0;border-radius:inherit;z-index:4;overflow:hidden;pointer-events:none;contain:paint}.glass-shell *{position:absolute;pointer-events:none}
.glass-rim,.glass-prism{inset:0;border-radius:inherit;padding:1.5px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.glass-rim{background:linear-gradient(var(--glass-angle),#ffffffd9,#e4dcf54a 25%,#ffffff10 53%,#d4ccd945 79%,#ffffffa3);opacity:var(--glass-strength);transition:opacity .3s ease}
.glass-prism{padding:3px;background:conic-gradient(from var(--glass-angle) at 50% 50%,transparent 3%,#96ddfbb0 13%,#dbbbffb0 18%,#fff7 21%,transparent 27%,transparent 57%,#ffcade85 63%,#abdfe285 69%,transparent 78%);opacity:.5;filter:blur(.65px);mix-blend-mode:screen;transition:opacity .3s ease}
.glass-soft-light{inset:0;opacity:.075;transition:opacity .35s ease;background:radial-gradient(ellipse 65% 100% at var(--glass-x) var(--glass-y),#f3edf9,transparent 74%);mix-blend-mode:screen}
.glass-reflection{inset:0;border-radius:inherit;opacity:.11;background:linear-gradient(var(--glass-angle),transparent 16%,#efe8ff12 29%,#fff9 36%,#d2f3f933 41%,transparent 55%);filter:blur(6px);mix-blend-mode:screen;transition:opacity .35s ease}
.glass-shell.is-glass-lit .glass-rim{opacity:.95}.glass-shell.is-glass-lit .glass-prism{opacity:.8}.glass-shell.is-glass-lit .glass-reflection{opacity:.2}.glass-shell.is-glass-lit .glass-soft-light{opacity:.12}
/* Navigation: a broad convex reflection over a softly frosted surface. */
.glass-frost .glass-rim{background:linear-gradient(110deg,#faf8ffed,#d8d4df65 22%,#ffffff16 50%,#d6c5df67 79%,#faf8ffbb)}
.glass-frost .glass-soft-light{background:radial-gradient(ellipse 40% 190% at var(--glass-x) 0%,#f5eefa,transparent 78%);opacity:.1}
.glass-frost .glass-reflection{background:radial-gradient(ellipse 100% 100% at 50% -65%,#fff 12%,#fff4 65%,transparent 75%);filter:blur(1px);opacity:.27}.glass-frost.is-glass-lit .glass-soft-light{opacity:.17}
/* Controls catch small rounded lenses; shine differs from large panels. */
.glass-control .glass-rim{background:linear-gradient(180deg,#fffe,transparent 45%,#d1c6dd66)}
.glass-control .glass-reflection{background:radial-gradient(ellipse 55% 170% at var(--glass-x) -55%,#fff9,transparent 74%);filter:blur(2px);opacity:.26}.glass-control .glass-prism{padding:2.5px;opacity:.57}
.pill.light .glass-soft-light{display:none}.pill.light .glass-rim{opacity:.3}.pill.light .glass-reflection{opacity:.12}
/* Stamp: a cloudy inner glow and opalescent edge. */
.glass-ice .glass-rim{background:linear-gradient(165deg,#fffc,#e8e2ef22 48%,#fff8)}.glass-ice .glass-soft-light{background:radial-gradient(ellipse 130% 130% at 0 0,#d6c5e7,transparent 75%);opacity:.085}
.glass-ice .glass-reflection{background:radial-gradient(ellipse 130% 70% at 50% -20%,#fff9,transparent 95%);opacity:.12}
/* Large panels retain satin depth with a broad pearly reflection. */
.billboard-feature.glass-object{background:radial-gradient(ellipse at 12% 0,#ddd0ed25,transparent 74%),linear-gradient(125deg,#24202dcf,#16141be6 78%);backdrop-filter:blur(12px);box-shadow:inset 0 1px 2px #ffffff21,0 15px 40px #0002}
.glass-satin .glass-rim{background:linear-gradient(var(--glass-angle),#dfd9edcc,#ffffff10 38%,#ddd7e348 82%,#ffffff45);opacity:.65}.glass-satin .glass-prism{padding:3px;opacity:.55}
.glass-satin .glass-reflection{background:linear-gradient(var(--glass-angle),transparent 18%,#dbd1ff33 28%,#ffffff60 35%,#cde7ff25 45%,transparent 66%);opacity:.15;filter:blur(12px)}
.glass-satin .glass-soft-light{background:radial-gradient(ellipse 45% 180% at var(--glass-x) 0%,#c5b9d8,transparent 86%);opacity:.05}.glass-satin.is-glass-lit .glass-reflection{opacity:.24}
.sound-placement .glass-rim{opacity:.52}.sound-placement .glass-reflection{opacity:.1}
/* Album art and photos stay crisp. Only the perimeter refracts light. */
.glass-archive .glass-rim{background:linear-gradient(170deg,#ffffffbb,transparent 38%,#0007 70%,#ffffff70);opacity:.62}.glass-archive .glass-prism{padding:2px;opacity:.43}
.glass-archive .glass-soft-light,.glass-archive .glass-reflection,.glass-photo .glass-soft-light,.glass-photo .glass-reflection{display:none}
.glass-photo .glass-rim{background:linear-gradient(155deg,#fffc,transparent 28%,transparent 82%,#fff9);opacity:.63}.glass-photo .glass-prism{padding:2px;opacity:.46}
.glass-smoke .glass-rim{background:linear-gradient(140deg,#fffb,transparent 38%,#bdb5ce65);opacity:.62}.glass-smoke .glass-reflection,.glass-smoke .glass-soft-light{display:none}.glass-smoke .glass-prism{opacity:.48}
/* Listening panel: curved frosted refraction at its outer corners. */
.listen.glass-object{isolation:isolate}.glass-opal .glass-rim{padding:2px;opacity:.65}.glass-opal .glass-prism{padding:4px;opacity:.62;mix-blend-mode:normal}.glass-opal .glass-soft-light{display:none}
.glass-opal .glass-reflection{inset:-80% -40%;border-radius:50%;padding:8px;background:conic-gradient(from 25deg,#fff0 5%,#faffffb0 17%,#d4eefc90 20%,#e8c1ed75 23%,transparent 28%,transparent 59%,#fff6 66%,transparent 76%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transform:rotate(-25deg);filter:blur(4px);opacity:.34}
/* Hero reflection is confined to the outer border, never the portrait. */
.hero-optics,.hero .lens-field,.listen .lens-field{display:none}
.glass-quiet .glass-rim{padding:2px;background:linear-gradient(160deg,#ffffffa3,transparent 24%,transparent 81%,#c7bdde65);opacity:.6}.glass-quiet .glass-prism{padding:3px;opacity:.41}.glass-quiet .glass-soft-light,.glass-quiet .glass-reflection{display:none}
.glass-shell.is-glass-resting *{transition:none}body.motion-paused .glass-shell *{transition:none!important}
@media(max-width:760px){.header-action.pill{font-size:9px;padding:10px 13px;gap:12px}.header-action .arrow{font-size:16px}.glass-rim{padding:1.2px}.glass-photo .glass-prism{padding:1.5px}.glass-opal .glass-reflection{inset:-10% -95%;transform:rotate(-24deg)}}
@media(max-width:380px){.header-action.pill{font-size:8px;padding:10px 12px;gap:10px}}
@media(prefers-reduced-motion:reduce){.glass-shell *{transition:none!important}}