.topbar,
.bottom-tabbar,
.modal-panel {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.glass-panel {
  background: var(--color-overlay);
  border: 1px solid rgba(255, 255, 255, 0.46);
  box-shadow: var(--shadow-2);
}

.topbar,
.bottom-tabbar,
.modal-panel {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.42);
  box-shadow: var(--shadow-2);
  border-radius: 18px;
}

.upgrade-banner {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.74)),
    radial-gradient(circle at top right, rgba(245, 158, 11, 0.24), transparent 46%);
}

.topbar {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-radius: 0;
  box-shadow: none;
  border-left: 0;
  border-right: 0;
}