/* Onward optical glass 4.0 — separate public asset to preserve browser-native
 * backdrop-filter values from bundler prefix pruning. Carefully scoped to
 * Liquid Glass theme and disabled with reduced transparency. */
html[data-onward-appearance="liquid-glass"] {
 --glass-optical-line:rgba(255,255,255,.94);
 --glass-optical-shadow:inset 0 1px 0 rgba(255,255,255,.99),
  inset 1px 0 0 rgba(255,255,255,.65),
  inset 0 -2px 0 rgba(100,126,193,.12),
  0 14px 32px rgba(67,90,155,.15),0 3px 10px rgba(77,106,187,.11);
 --glass-optical-glint:linear-gradient(116deg,
  rgba(255,255,255,.89) 0%,rgba(249,253,255,.68) 26%,
  rgba(228,240,255,.43) 50%,rgba(241,229,255,.7) 78%,
  rgba(255,255,255,.91) 100%);
 --glass-thickness:1px solid rgba(255,255,255,.92);
}
/* A cohesive material family for future real GlassSurface/Navigation/Button. */
html[data-onward-appearance="liquid-glass"] :is(
 .ow-glass-surface,.ow-glass-card,.ow-feed-item,.ow-quick-composer,
 .ow-profile-hero-next,.ow-story-path,.ow-member-story-card,.ow-help-card,
 .ow-ticket-detail,.settings-section
) {
 position:relative;
 background:
  linear-gradient(124deg,rgba(255,255,255,.94),rgba(249,253,255,.82) 47%,rgba(237,242,255,.91)),
  var(--glass-optical-glint);
 border:var(--glass-thickness);
 box-shadow:var(--glass-optical-shadow);
 border-radius:24px;
}
html[data-onward-appearance="liquid-glass"] :is(
 .ow-glass-surface,.ow-glass-card,.ow-feed-item,.ow-quick-composer,
 .ow-profile-hero-next,.ow-story-path,.ow-member-story-card
)::after{
 content:"";position:absolute;inset:1px;pointer-events:none;
 border-radius:inherit;
 border:1px solid transparent;
 border-top-color:rgba(255,255,255,.92);
 border-left-color:rgba(255,255,255,.5);
 border-bottom-color:rgba(112,134,211,.13);
 box-shadow:inset 0 2px 3px rgba(255,255,255,.63);
 opacity:.95;
}
/* Glass app header and floating chrome float over the active iridescent field. */
html[data-onward-appearance="liquid-glass"] :is(
 .ow-glass-navigation,.ow-sidebar,.ow-mobile-header,.ow-mobile-nav,
 .ow-feed-header,.ow-glass-toolbar
) {
 background:
  linear-gradient(126deg,rgba(255,255,255,.70),rgba(236,247,255,.52) 54%,rgba(238,227,255,.64))!important;
 border-color:rgba(255,255,255,.89)!important;
 box-shadow:
  inset 0 1px 0 #fff,
  inset 1px 0 0 rgba(255,255,255,.7),
  inset 0 -2px 0 rgba(113,139,210,.14),
  0 13px 32px rgba(84,105,183,.15)!important;
}
html[data-onward-appearance="liquid-glass"] .ow-feed-header{
 border-radius:23px;
}
html[data-onward-appearance="liquid-glass"] .ow-feed-header:after{
 background:linear-gradient(90deg,rgba(140,181,255,.4),rgba(255,255,255,.9),rgba(182,120,243,.5));
 height:3px;
}
/* Luminous but readable glass actions, no native blur on every post. */
html[data-onward-appearance="liquid-glass"] :is(
 .ow-glass-button,.ow-composer-toolbelt button,.ow-theme-toggle,
 .ow-momentum-action,.ow-glass-chip
){
 border-radius:15px;
 border:1px solid rgba(178,199,239,.62);
 background:linear-gradient(134deg,rgba(255,255,255,.88),rgba(232,242,255,.76));
 box-shadow:inset 0 1px rgba(255,255,255,.99),0 4px 10px rgba(91,121,191,.1);
 transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
html[data-onward-appearance="liquid-glass"] :is(
 .ow-glass-button,.ow-composer-toolbelt button,.ow-theme-toggle,.ow-momentum-action
):hover:not(:disabled){
 transform:translateY(-1px);
 border-color:rgba(120,153,237,.84);
 box-shadow:inset 0 2px rgba(255,255,255,.95),0 8px 19px rgba(80,107,191,.21);
}
html[data-onward-appearance="liquid-glass"] .ow-momentum-action.is-active{
 border-color:rgba(130,163,235,.84);
 background:linear-gradient(120deg,rgba(225,239,255,.98),rgba(230,223,255,.95));
}
html[data-onward-appearance="liquid-glass"] :is(
 .ow-glass-input,.ow-quick-input,.ow-support-form input,.ow-support-form textarea
){
 border:1px solid rgba(153,175,231,.53);
 background:linear-gradient(118deg,rgba(251,253,255,.95),rgba(244,249,255,.9));
 box-shadow:inset 0 2px 5px rgba(85,117,195,.06),inset 0 1px rgba(255,255,255,.9);
 border-radius:13px;
}
html[data-onward-appearance="liquid-glass"] :is(
 .ow-glass-modal,.ow-glass-popover,.ow-pass-panel,.ow-report-dialog
){
 border:1px solid var(--glass-optical-line);
 background:linear-gradient(130deg,rgba(255,255,255,.85),rgba(237,243,255,.83));
 box-shadow:var(--glass-optical-shadow);
 border-radius:22px;
}
@supports ((backdrop-filter:blur(4px)) or (-webkit-backdrop-filter:blur(4px))){
 html[data-onward-appearance="liquid-glass"]:not([data-onward-transparency="reduce"]) :is(
  .ow-glass-navigation,.ow-sidebar,.ow-mobile-header,.ow-mobile-nav,.ow-feed-header
 ) {
  backdrop-filter:blur(8px) saturate(1.3) contrast(1.06)!important;
  -webkit-backdrop-filter:blur(8px) saturate(1.3) contrast(1.06)!important;
 }
 html[data-onward-appearance="liquid-glass"]:not([data-onward-transparency="reduce"]) :is(
  .ow-glass-modal,.ow-glass-popover,.ow-pass-panel,.ow-report-dialog
 ) {
  backdrop-filter:blur(7px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(7px) saturate(1.2)!important;
 }
}
@media(prefers-reduced-motion:reduce){
 html[data-onward-appearance="liquid-glass"] :is(.ow-glass-button,.ow-composer-toolbelt button,.ow-theme-toggle,.ow-momentum-action) {
  transition:none!important;transform:none!important
 }
}
html[data-onward-motion="reduce"][data-onward-appearance="liquid-glass"] :is(.ow-glass-button,.ow-composer-toolbelt button,.ow-theme-toggle,.ow-momentum-action):hover{
 transform:none!important
}
/* Solid, fully readable fallbacks for accessibility and unsupported sampling. */
@supports not ((backdrop-filter:blur(4px)) or (-webkit-backdrop-filter:blur(4px))){
 html[data-onward-appearance="liquid-glass"] :is(.ow-sidebar,.ow-mobile-header,.ow-mobile-nav,.ow-feed-header){
  background:#f4f7ff!important
 }
}
@media(prefers-reduced-transparency:reduce){
 html[data-onward-appearance="liquid-glass"] :is(
  .ow-sidebar,.ow-mobile-header,.ow-mobile-nav,.ow-feed-header,
  .ow-pass-panel,.ow-report-dialog,.ow-glass-popover,.ow-glass-modal
 ) {
  background:#f5f7ff!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 }
}
html[data-onward-appearance="liquid-glass"][data-onward-transparency="reduce"] :is(
 .ow-sidebar,.ow-mobile-header,.ow-mobile-nav,.ow-feed-header,
 .ow-pass-panel,.ow-report-dialog,.ow-glass-popover,.ow-glass-modal
){
 background:#f5f7ff!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
/* Constrain costly desktop backdrop sampling to thin chrome; polished cards
 * remain clear tinted optics without independent per-card blur layers. */
@media(min-width:900px){
 @supports ((backdrop-filter:blur(4px)) or (-webkit-backdrop-filter:blur(4px))){
  html[data-onward-appearance="liquid-glass"]:not([data-onward-transparency="reduce"]) :is(
    .ow-sidebar,.ow-feed-header,.ow-glass-navigation
  ){
   backdrop-filter:blur(5px) saturate(1.18)!important;
   -webkit-backdrop-filter:blur(5px) saturate(1.18)!important;
  }
 }
}