/* Opt-in full-height reader; musical sizes and the iframe stay unchanged. */
#expandFollow, .expanded-follow-tools button {
  border: 1px solid rgba(167,139,250,.22);
  border-radius: 12px;
  background: rgba(167,139,250,.1);
  backdrop-filter: blur(18px);
  color: #e8e0ff;
  padding: 7px 12px;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
#expandFollow:hover, .expanded-follow-tools button:hover { background: rgba(167,139,250,.2); }
.expanded-follow-tools {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  min-height: 48px;
  padding: max(5px, env(safe-area-inset-top)) 8px 5px;
  background: rgba(23,30,48,.85);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(167,139,250,.12);
}
#expandedFollowTitle {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #c8c3df;
  font-size: 12px;
}
.now-playing.follow-reading-expanded {
  inset: 0;
  height: 100dvh;
  z-index: 65;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.follow-reading-expanded > .now-head,
.follow-reading-expanded .now-info,
.follow-reading-expanded .now-tabs { display: none; }
.follow-reading-expanded .now-layout {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0;
  width: 100%;
  height: auto;
  min-height: 0;
  max-width: none;
  margin: 0;
}
.follow-reading-expanded .now-content { flex: 1; width: 100%; min-height: 0; }
.follow-reading-expanded #followFrame { border-radius: 0; min-height: 0; }
@media (max-width: 400px) {
  #expandFollow { font-size: 11px; padding: 7px 8px; }
  .now-head-actions:has(#expandFollow:not([hidden])) { gap: 5px; }
}