/* Notification card inspired by macOS Liquid Glass; it never changes the video viewport. */
.notification-stack {
  position: fixed;
  z-index: 1001;
  top: max(14px, env(safe-area-inset-top));
  left: max(14px, env(safe-area-inset-left));
  width: min(360px, calc(100vw - 28px));
  max-height: calc(100vh - 28px);
  max-height: calc(100dvh - 28px);
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: auto;
  border-radius: 24px;
}
.tiplay-notification {
  flex: none;
  width: 100%;
  box-sizing: border-box;
  padding: 16px;
  border-radius: 24px;
  border: 1px solid rgb(255 255 255 / 32%);
  background: rgb(244 247 252 / 86%);
  color: #17202c;
  box-shadow: 0 14px 40px rgb(0 0 0 / 22%), inset 0 1px 0 rgb(255 255 255 / 70%);
  backdrop-filter: blur(28px) saturate(160%);
  -webkit-backdrop-filter: blur(28px) saturate(160%);
}
.tiplay-notification[hidden] { display: none; }
.airplay-trust-header { display: flex; align-items: center; gap: 12px; }
.airplay-trust-header img { width: 38px; height: 38px; border-radius: 10px; }
.airplay-trust-header strong { font-size: 16px; }
[data-trust-name], .notification-message { margin: 10px 0 14px; overflow-wrap: anywhere; font-size: 14px; }
.airplay-trust-actions { display: flex; gap: 8px; }
.airplay-trust-actions button { flex: 1; min-height: 40px; margin: 0; border: 0;
  border-radius: 13px; font-size: 14px; color: inherit; background: rgb(110 120 140 / 14%); }
.airplay-trust-actions [data-trust-allow] { color: #fff; background: #126bdf; }
@media (prefers-color-scheme: dark) {
  .tiplay-notification { background: rgb(35 42 54 / 88%); color: #f4f6fa;
    border-color: rgb(255 255 255 / 18%); box-shadow: 0 14px 40px rgb(0 0 0 / 40%); }
}
@media (prefers-reduced-transparency: reduce) { .tiplay-notification { background: #f4f7fc; backdrop-filter: none; } }
@media (prefers-reduced-transparency: reduce) and (prefers-color-scheme: dark) { .tiplay-notification { background: #232a36; } }