/* Browser-native backdrop filters, served without the bundler's CSS prefix pruning.
   Keep content opaque; apply glass only to navigation / tool surfaces. */
@supports ((backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px))) {
  html[data-onward-appearance="liquid-glass"]:not([data-onward-transparency="reduce"]) .ow-sidebar,
  html[data-onward-appearance="liquid-glass"]:not([data-onward-transparency="reduce"]) .ow-mobile-header,
  html[data-onward-appearance="liquid-glass"]:not([data-onward-transparency="reduce"]) .ow-mobile-nav {
    background: rgba(255, 255, 255, .78);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
  }
  html[data-onward-appearance="liquid-glass"]:not([data-onward-transparency="reduce"]) .ow-discovery-search,
  html[data-onward-appearance="liquid-glass"]:not([data-onward-transparency="reduce"]) .ow-rail-section,
  html[data-onward-appearance="liquid-glass"]:not([data-onward-transparency="reduce"]) .ow-report-dialog {
    background: rgba(255, 255, 255, .84);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
  }
}
html[data-onward-appearance="liquid-glass"][data-onward-transparency="reduce"] .ow-sidebar,
html[data-onward-appearance="liquid-glass"][data-onward-transparency="reduce"] .ow-mobile-header,
html[data-onward-appearance="liquid-glass"][data-onward-transparency="reduce"] .ow-mobile-nav,
html[data-onward-appearance="liquid-glass"][data-onward-transparency="reduce"] .ow-discovery-search,
html[data-onward-appearance="liquid-glass"][data-onward-transparency="reduce"] .ow-rail-section {
  background: #fff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
@media (prefers-reduced-transparency: reduce) {
  html[data-onward-appearance="liquid-glass"] .ow-sidebar,
  html[data-onward-appearance="liquid-glass"] .ow-mobile-header,
  html[data-onward-appearance="liquid-glass"] .ow-mobile-nav,
  html[data-onward-appearance="liquid-glass"] .ow-discovery-search,
  html[data-onward-appearance="liquid-glass"] .ow-rail-section {
    background: #fff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

/* Glass 2.0: separate regular navigation from elevated transient controls.
   Composed Moment text and content cards remain opaque. */
@supports ((backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px))) {
  html[data-onward-appearance="liquid-glass"]:not([data-onward-transparency="reduce"]) .ow-sidebar,
  html[data-onward-appearance="liquid-glass"]:not([data-onward-transparency="reduce"]) .ow-mobile-nav,
  html[data-onward-appearance="liquid-glass"]:not([data-onward-transparency="reduce"]) .ow-mobile-header {
    background:rgba(250,252,255,.72);
    border-color:rgba(255,255,255,.72);
    box-shadow:inset 0 1px rgba(255,255,255,.86),0 14px 28px rgba(76,100,176,.09);
    backdrop-filter:blur(13px) saturate(1.12);
    -webkit-backdrop-filter:blur(13px) saturate(1.12);
  }
  html[data-onward-appearance="liquid-glass"]:not([data-onward-transparency="reduce"]) .ow-report-dialog,
  html[data-onward-appearance="liquid-glass"]:not([data-onward-transparency="reduce"]) .ow-discovery-search,
  html[data-onward-appearance="liquid-glass"]:not([data-onward-transparency="reduce"]) .ow-rail-section {
    background:rgba(251,253,255,.84);
    border-color:rgba(255,255,255,.76);
    box-shadow:inset 0 1px rgba(255,255,255,.90),0 17px 36px rgba(74,103,181,.12);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
  html[data-onward-appearance="liquid-glass"]:not([data-onward-transparency="reduce"]) :is(.ow-composer-toolbelt button,.ow-create-tabs button,.ow-theme-toggle,.ow-theme-card) {
    background:rgba(255,255,255,.82);
    border-color:rgba(130,157,216,.29);
    box-shadow:inset 0 1px rgba(255,255,255,.84),0 5px 16px rgba(79,105,165,.06);
  }
  html[data-onward-appearance="liquid-glass"]:not([data-onward-transparency="reduce"]) :is(.ow-composer-toolbelt button,.ow-create-tabs button,.ow-theme-toggle):hover {
    border-color:rgba(86,113,217,.48);
    box-shadow:inset 0 1px rgba(255,255,255,.91),0 9px 23px rgba(72,97,174,.12);
  }
}
html[data-onward-appearance="liquid-glass"][data-onward-transparency="reduce"] :is(
  .ow-sidebar,.ow-mobile-nav,.ow-mobile-header,.ow-rail-section,.ow-discovery-search,
  .ow-report-dialog,.ow-composer-toolbelt button,.ow-create-tabs button,.ow-theme-toggle,.ow-theme-card
) {
  background:var(--ow-surface);
  backdrop-filter:none;-webkit-backdrop-filter:none;
  box-shadow:none;
}
@media (prefers-reduced-transparency:reduce) {
  html[data-onward-appearance="liquid-glass"] :is(
    .ow-sidebar,.ow-mobile-nav,.ow-mobile-header,.ow-rail-section,.ow-discovery-search,
    .ow-report-dialog,.ow-composer-toolbelt button,.ow-create-tabs button,.ow-theme-toggle,.ow-theme-card
  ){
    background:var(--ow-surface);
    backdrop-filter:none;-webkit-backdrop-filter:none;
    box-shadow:none;
  }
}

/* Performance pass: expensive blur belongs only to floating navigation and
   ephemeral dialogs; discovery cards use a glass *tint*, not live backdrop
   sampling over multiple full-height surfaces. */
@supports ((backdrop-filter:blur(8px)) or (-webkit-backdrop-filter:blur(8px))) {
 html[data-onward-appearance="liquid-glass"]:not([data-onward-transparency="reduce"]) .ow-sidebar,
 html[data-onward-appearance="liquid-glass"]:not([data-onward-transparency="reduce"]) .ow-mobile-header,
 html[data-onward-appearance="liquid-glass"]:not([data-onward-transparency="reduce"]) .ow-mobile-nav {
   backdrop-filter:blur(10px);
   -webkit-backdrop-filter:blur(10px);
 }
 html[data-onward-appearance="liquid-glass"]:not([data-onward-transparency="reduce"]) :is(.ow-discovery-search,.ow-rail-section) {
   background:rgba(252,253,255,.92);
   backdrop-filter:none;
   -webkit-backdrop-filter:none;
 }
 html[data-onward-appearance="liquid-glass"]:not([data-onward-transparency="reduce"]) .ow-report-dialog {
   backdrop-filter:blur(8px);
   -webkit-backdrop-filter:blur(8px);
 }
}