/* Subtle Liquid Glass: floating layers only (top bar, site badge, toast). Forms and body text stay solid. */
:root{
  --glass-bg:rgba(255,255,255,.66); --glass-border:rgba(255,255,255,.6);
  --glass-hl:inset 0 1px 0 rgba(255,255,255,.75); --glass-shadow:0 8px 28px rgba(60,20,90,.14);
  --glass-blur:18px; --glass-sat:160%; --solid-surface:#ffffff;
}

.glass{background:var(--solid-surface);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-hl),var(--glass-shadow)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat))}
}
@media (prefers-reduced-transparency:reduce){.glass{background:var(--solid-surface);-webkit-backdrop-filter:none;backdrop-filter:none}}