/* Radio Хронос · Пылинки эфира · RC3 LAB 22.10.2026
   Только новый слой; существующая палитра, фоны, темы и стили плеера не меняются. */
#rcDust {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  user-select: none;
  transition: opacity 900ms ease;
}
/* Над фоном body и ПОД существующими блоками сайта. position:relative
   не меняет размеры и расположение этих блочных элементов. */
body > .topbar,
body > .hero,
body > #pageMount,
body > footer {
  position: relative;
  z-index: 1;
}
#rcDustToggle {
  position: fixed;
  left: 18px;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  z-index: 1100;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid rgba(232,177,90,.32);
  border-radius: 50%;
  background: rgba(16,17,25,.82);
  color: var(--signal, #E8B15A);
  font: 17px/1 ui-sans-serif,system-ui,sans-serif;
  cursor: pointer;
  opacity: .48;
  transition: opacity 180ms ease, border-color 180ms ease;
  -webkit-tap-highlight-color: transparent;
}
#rcDustToggle:hover,
#rcDustToggle:focus-visible {
  opacity: 1;
  border-color: var(--signal, #E8B15A);
}
#rcDustToggle:focus-visible {
  outline: 2px solid var(--signal, #E8B15A);
  outline-offset: 3px;
}
#rcDustToggle[aria-pressed="false"] { opacity: .27; }
#rcDustToggle.rc-dust-reading { opacity: 0 !important; pointer-events: none; }
@media(max-width:680px) {
  #rcDustToggle { left: 12px; bottom: calc(88px + env(safe-area-inset-bottom, 0px)); width: 30px; height: 30px; }
}
@media(prefers-reduced-motion:reduce) {
  #rcDust, #rcDustToggle { transition: none !important; }
}