/* Served without CSS optimization: the bundled stylesheet currently drops the
   standard backdrop-filter declaration while retaining only the WebKit alias. */
.app-screen :is(.provider-card, .quiet-note, .example-record, .journal-record, .workout-record, .leaderboard-entry, .leaderboard-standing, .device-result, .device-callout, .kitchen-field, .demo-account, .permission-note, .context-pill, .context-attachment, .photo-attachment, .composer-menu, .daily-score-card, .health-metric-list, .score-explanation) {
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
}
.app-screen :is(.secondary-button, .profile-button, .icon-button, .chat-suggestions > button, .message-user, .capability-tabs > button) {
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
}
.app-screen .app-tabs, .app-screen .composer {
  backdrop-filter: blur(24px) saturate(150%);
  -webkit-backdrop-filter: blur(24px) saturate(150%);
}
.app-screen .app-sheet, .app-screen .composer-menu {
  backdrop-filter: var(--sheet-filter);
  -webkit-backdrop-filter: var(--sheet-filter);
}
.direction-tabs, .detail-card, .map-step, .reviewer-note, .task-journey-card {
  backdrop-filter: blur(18px) saturate(135%);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
}