.glass,
.glass-panel {
  background: var(--glass-surface);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow), var(--glass-inset);
  backdrop-filter: blur(var(--glass-blur)) saturate(1.2);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.2);
}

.glass--soft {
  background: var(--glass-surface-soft);
  border: 1px solid var(--glass-border);
  box-shadow: 0 16px 60px rgba(0, 0, 0, 0.35), var(--glass-inset);
  backdrop-filter: blur(calc(var(--glass-blur) * 0.9)) saturate(1.15);
  -webkit-backdrop-filter: blur(calc(var(--glass-blur) * 0.9)) saturate(1.15);
}

.glass--strong {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.06));
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.5), var(--glass-inset);
  backdrop-filter: blur(calc(var(--glass-blur) * 1.05)) saturate(1.25);
  -webkit-backdrop-filter: blur(calc(var(--glass-blur) * 1.05)) saturate(1.25);
}