/* Film access and comment sign-in belong below the player. */
.watch-page .watch-access, .watch-page .watch-guest-notice {
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  padding: 18px 20px; margin-top: 14px; border: 1px solid var(--ui-hairline, rgba(255,255,255,.12));
  border-radius: 14px; background: var(--ui-soft, #111820); color: var(--text);
}
.watch-page .watch-access[hidden], .watch-page .watch-guest-notice[hidden],
.watch-page .watch-comments #danmaku-form[hidden] { display: none !important; }
.watch-page .watch-access-copy { flex: 1; min-width: 0; }
.watch-page .watch-access h2, .watch-page .watch-guest-notice h2 {
  margin: 0 0 6px; font-family: var(--ui-font, var(--font)); font-size: 16px; line-height: 1.4; font-weight: 600;
}
.watch-page .watch-access .gate-copy, .watch-page .watch-guest-notice p {
  margin: 0; font-size: 14px; line-height: 1.6; color: var(--muted);
}
.watch-page .watch-access .gate-actions { flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
.watch-page .watch-access .btn, .watch-page .watch-guest-notice .btn {
  min-height: 44px; padding: 10px 16px; border-radius: 10px; font-size: 14px; line-height: 1.4;
  background: #f4f7f8; border-color: #f4f7f8; color: #0b141c; white-space: normal;
}
.watch-page .watch-access .btn::before, .watch-page .watch-guest-notice .btn::before { display: none; }
.watch-page .watch-access .btn.is-secondary {
  background: transparent; border-color: transparent; color: var(--text); text-decoration: underline; text-underline-offset: 3px;
}
.watch-page .watch-access .btn:focus-visible, .watch-page .watch-guest-notice .btn:focus-visible {
  outline: 2px solid #b6def4; outline-offset: 3px;
}
.watch-page .watch-access .btn:disabled, .watch-page .watch-guest-notice .btn:disabled { opacity: .5; cursor: default; }
.watch-page .watch-comments { margin-top: 14px; }
.watch-page .watch-guest-notice { margin-top: 0; }
.watch-page .watch-guest-notice > div { flex: 1; min-width: 0; }
.watch-page .watch-comments #danmaku-form:not([hidden]) { display: flex; }
.watch-page .watch-comments #danmaku-form input:disabled { color: var(--muted); cursor: not-allowed; }
body.watch-page .player-main .stage.is-payment-locked { aspect-ratio: 16 / 9; min-height: 0; }
@media (max-width: 719px) {
  .watch-page .watch-access { flex-direction: column; align-items: stretch; gap: 14px; padding: 16px; }
  .watch-page .watch-access .gate-actions { justify-content: flex-start; }
  .watch-page .watch-access .gate-action { flex: 1 1 auto; }
  .watch-page .watch-access .gate-action.is-secondary { flex-basis: 100%; }
  .watch-page .watch-guest-notice { padding: 14px; gap: 12px; }
  .watch-page .watch-guest-notice .btn { flex: none; }
}