/* V32. Header controls: mirror the notification bell. No banner image edits. */
.masthead { position:relative; }
#ll32SoundButton {
  display:grid;
  place-items:center;
  position:absolute;
  top:12px;
  left:15px;
  width:43px;
  height:43px;
  border:1px solid rgba(255,255,255,.6);
  background:rgba(46,7,58,.6);
  color:#e8bd65;
  border-radius:50%;
  z-index:3;
  cursor:pointer;
  box-shadow:0 2px 8px rgba(35,0,38,.5);
  padding:0;
  flex-shrink:0;
}
#ll32SoundButton:hover {background:#4d135eaa;}
#ll32SoundButton:focus-visible {outline:3px solid #f4ce7a;outline-offset:2px;}
#ll32SoundButton .ll32-sound-waves {display:none;}
#ll32SoundButton.ll32-sound-on .ll32-sound-waves {display:inline;}
#ll32SoundButton.ll32-sound-on .ll32-sound-slash {display:none;}
/* The native feed should scroll naturally, not snap or flip. */
.app-shell.feed-mode > main#content {scroll-snap-type:none!important;scroll-padding-top:0!important;}
.feed-mode #content > .post-card {scroll-snap-align:none!important;scroll-snap-stop:normal!important;scroll-margin-top:0!important;transform:none!important;will-change:auto!important;}
/* Small viewports: both header controls shrink together so the name remains unobstructed. */
@media (max-width:350px) {
  #alertsBtn.notification, #ll32SoundButton {width:36px;height:36px;top:9px;}
  #alertsBtn.notification {right:9px;}
  #ll32SoundButton {left:9px;}
  #alertsBtn.notification svg, #ll32SoundButton svg {width:20px;height:20px;}
}