/* Clear recovery feedback above real video, independent of the page theme. */
.web-player .wp-notice {
  width: min(580px, calc(100% - 32px)); box-sizing: border-box;
  background: #141a24; color: #ffffff; border: 1px solid #d4b45a;
  border-radius: 16px; padding: 14px 18px; font-family: var(--font);
  font-size: 15px; line-height: 1.85; text-align: center;
  white-space: normal; overflow-wrap: anywhere;
}
.web-player .wp-recovery {
  position: absolute; inset-inline: 16px; bottom: max(110px, env(safe-area-inset-bottom));
  display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; z-index: 4;
}
.web-player .wp-recovery.hidden { display: none; }
#web-player .wp-recovery button {
  width: auto; min-height: 48px; padding: 10px 22px; border-radius: 14px;
  background: #f4ce73; color: #201700; border: 1px solid #ffe5ab;
  font: 700 15px/1.6 var(--font); box-shadow: 0 4px 18px #0008;
}
#web-player .wp-recovery button:focus-visible { outline: 3px solid white; outline-offset: 4px; }
#play-modal .play-note { font-size: 14px; line-height: 1.8; opacity: 1; color: var(--text-dim); }
.acct .profile-save-status, .acct .acct-setting-label, .acct .acct-security-state {
  font-size: 14px; line-height: 1.8;
}
.acct .profile-save-status.is-error { color: #ffb4ab; }
html[data-theme="light"] .acct .profile-save-status.is-error { color: #a71920; }
.acct input, .acct button { font-family: var(--font); }