@layer components{.glass-panel{-webkit-backdrop-filter:blur(var(--blur-glass-card));backdrop-filter:blur(var(--blur-glass-card));border:1px solid;position:relative}.glass-panel--on-light{border-color:var(--color-glass-border-on-light);box-shadow:var(--shadow-mist)}.glass-panel--on-light.glass-panel--soft{background:var(--color-glass-soft-on-light)}.glass-panel--on-light.glass-panel--base{background:var(--color-glass-base-on-light)}.glass-panel--on-light.glass-panel--strong{background:var(--color-glass-strong-on-light)}.glass-panel--on-dark{border-color:var(--color-glass-border-on-dark);box-shadow:var(--shadow-md-dark)}.glass-panel--on-dark.glass-panel--soft{background:var(--color-glass-soft-on-dark)}.glass-panel--on-dark.glass-panel--base{background:var(--color-glass-base-on-dark)}.glass-panel--on-dark.glass-panel--strong{background:var(--color-glass-strong-on-dark)}.glass-panel--radius-xl{border-radius:var(--radius-xl)}.glass-panel--radius-lg{border-radius:var(--radius-lg)}.glass-panel--accent{border-color:var(--color-glass-border-accent);box-shadow:var(--shadow-halo)}}