html[data-sly-mood='midnight-cobalt']{--sly-base:#090b1a;--sly-accent:#5948ff;--sly-flare:#ff4fb8}
html[data-sly-mood='first-light']{--sly-base:#2b1729;--sly-accent:#ff7043;--sly-flare:#8b4cff}
html[data-sly-mood='golden-morning']{--sly-base:#13213d;--sly-accent:#ffb000;--sly-flare:#2467d6}
html[data-sly-mood='clear-current']{--sly-base:#061c2b;--sly-accent:#00a9b8;--sly-flare:#1467d2}
html[data-sly-mood='high-color']{--sly-base:#381323;--sly-accent:#ff4f42;--sly-flare:#b72478}
html[data-sly-mood='afterglow']{--sly-base:#241029;--sly-accent:#ff6b1a;--sly-flare:#6a2ea3}
html[data-sly-mood='emerald-hour']{--sly-base:#041d1a;--sly-accent:#ff9c3d;--sly-flare:#087f7a}
html[data-sly-mood='electric-night']{--sly-base:#100b18;--sly-accent:#ef4fce;--sly-flare:#6050ff}
html[data-sly-mood='ruby-voltage']{--sly-base:#23070f;--sly-accent:#ff315b;--sly-flare:#ffb34d}
html[data-sly-mood='violet-current']{--sly-base:#160b2e;--sly-accent:#8b5cff;--sly-flare:#2ed6ff}
html[data-sly-mood='copper-blueprint']{--sly-base:#091b29;--sly-accent:#d97941;--sly-flare:#3ba8d8}
html[data-sly-mood='lime-afterdark']{--sly-base:#101a0a;--sly-accent:#a7e625;--sly-flare:#ff5c8a}

html[data-sly-mood]{
  --opening-bg:var(--sly-base);
  --opening-card:color-mix(in srgb,var(--sly-base) 72%,var(--sly-accent));
  --opening-accent:var(--sly-accent);
  --opening-warm:color-mix(in srgb,var(--sly-accent) 58%,var(--sly-flare));
  --opening-glow:color-mix(in srgb,var(--sly-flare) 28%,transparent);
  --opening-muted:color-mix(in srgb,#f5f1e8 68%,var(--sly-accent));
  --opening-edge:color-mix(in srgb,#fff 48%,var(--sly-accent));
  --opening-paper:color-mix(in srgb,#f4efe4 91%,var(--sly-accent));
  --opening-paper-card:color-mix(in srgb,#fff 95%,var(--sly-accent));
  --opening-ink:color-mix(in srgb,var(--sly-base) 82%,#000);
  --opening-paper-accent:color-mix(in srgb,var(--sly-accent) 58%,var(--sly-base));
  --opening-contrast:color-mix(in srgb,var(--sly-base) 78%,var(--sly-flare));
  --opening-deep:color-mix(in srgb,var(--sly-base) 68%,var(--sly-accent));
  transition:background-color .9s ease,color .9s ease;
}
html[data-sly-transition='out'] body{opacity:.985}
html[data-sly-transition='in'] body{animation:ahr-palette-in .9s ease both}

[data-aheadroom-audio]{
  --ahr-accent:var(--opening-accent,#d9ee86);
  --ahr-surface:color-mix(in srgb,var(--opening-bg,#102522) 92%,#000);
  --ahr-ink:#f7f3e9;
  position:fixed;
  left:clamp(12px,2vw,24px);
  bottom:clamp(12px,2vw,24px);
  z-index:9998;
  width:min(330px,calc(100vw - 24px));
  min-height:54px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:6px 7px;
  border:1px solid color-mix(in srgb,var(--ahr-accent) 52%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--ahr-surface) 94%,transparent);
  color:var(--ahr-ink);
  box-shadow:0 14px 38px #0007;
  backdrop-filter:blur(16px);
  font-family:Arial,sans-serif;
}
[data-aheadroom-audio] audio{display:none}
.ahr-play,.ahr-follow{border:1px solid color-mix(in srgb,var(--ahr-accent) 70%,transparent);color:var(--ahr-ink);cursor:pointer}
.ahr-play{width:42px;height:42px;border-radius:50%;background:var(--ahr-accent);color:#080b0f;font-weight:900}
.ahr-follow{min-height:34px;padding:0 10px;border-radius:999px;background:transparent;font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ahr-follow[aria-pressed='true']{background:color-mix(in srgb,var(--ahr-accent) 20%,transparent)}
.ahr-tools{display:flex;align-items:center;gap:5px}
.ahr-more{position:relative}
.ahr-more summary{width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--ahr-accent) 70%,transparent);border-radius:50%;cursor:pointer;font-size:.72rem;letter-spacing:.08em;list-style:none}
.ahr-more summary::-webkit-details-marker{display:none}
.ahr-more summary:hover,.ahr-more summary:focus-visible{outline:2px solid var(--ahr-accent);outline-offset:2px}
.ahr-panel{position:absolute;right:-7px;bottom:calc(100% + 14px);width:330px;max-height:min(56vh,480px);overflow:auto;overscroll-behavior:contain;padding:18px;border:1px solid color-mix(in srgb,var(--ahr-accent) 58%,transparent);border-radius:18px;background:color-mix(in srgb,var(--ahr-surface) 97%,#000);box-shadow:0 18px 48px #0009;color:var(--ahr-ink)}
.ahr-panel strong{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
.ahr-panel p{margin:12px 0 0;color:color-mix(in srgb,var(--ahr-ink) 82%,transparent);font-size:.78rem;line-height:1.55}
.ahr-panel a{display:inline-flex;margin-top:15px;min-height:42px;align-items:center;padding:0 13px;border:1px solid var(--ahr-accent);border-radius:999px;color:var(--ahr-ink);font-size:.7rem;font-weight:800;text-decoration:none}
.ahr-play:hover,.ahr-play:focus-visible,.ahr-follow:hover,.ahr-follow:focus-visible,.ahr-panel a:hover,.ahr-panel a:focus-visible{outline:2px solid var(--ahr-accent);outline-offset:2px}
.ahr-audio-copy{min-width:0;display:grid;gap:2px}
.ahr-audio-copy strong{font-size:.68rem;letter-spacing:.14em}
.ahr-audio-copy span{overflow:hidden;color:color-mix(in srgb,var(--ahr-ink) 70%,transparent);font-size:.64rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
html.ahr-guided-riding{scroll-behavior:auto!important}
html.ahr-guided-riding body{scroll-snap-type:none!important}
@keyframes ahr-palette-in{from{filter:saturate(.72);opacity:.985}to{filter:none;opacity:1}}
@media(max-width:430px){[data-aheadroom-audio]{right:auto;bottom:82px;width:min(300px,calc(100vw - 24px));grid-template-columns:40px minmax(0,1fr) auto}.ahr-play{width:40px;height:40px}.ahr-follow{padding:0 8px}.ahr-panel{width:min(300px,calc(100vw - 24px));max-height:52vh}}
@media(prefers-reduced-motion:reduce){html[data-sly-mood],html[data-sly-transition='in'] body{transition:none;animation:none}.ahr-play,.ahr-follow{transition:none}}
