/* Subtle Liquid Glass: floating layers only (bars, dock, sheets, toasts, home cards). Content stays 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(42,16,69,.14);
  --glass-blur:18px; --glass-sat:160%; --solid-surface:#ffffff;
  --ease:cubic-bezier(.2,.8,.2,1); --t-fast:120ms; --t-med:220ms; --t-slow:340ms;
}
@media (prefers-color-scheme:dark){:root{
  --glass-bg:rgba(36,24,58,.52); --glass-border:rgba(255,255,255,.16);
  --glass-hl:inset 0 1px 0 rgba(255,255,255,.2); --glass-shadow:0 8px 28px rgba(0,0,0,.45); --solid-surface:#241838;
}}
.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}}

/* Modal sheets sit over busy content, so they get a firmer tint for readable text */
.sheet.glass,#modal .sheet{background:rgba(255,255,255,.9)}
@media (prefers-color-scheme:dark){.sheet.glass,#modal .sheet{background:rgba(30,26,44,.92)}}
@media (prefers-reduced-transparency:reduce){.sheet.glass,#modal .sheet{background:var(--solid-surface)}}