.app-theme-shell {
  background:
    radial-gradient(900px 350px at 0% -5%, rgba(16, 185, 129, 0.09), transparent 55%),
    radial-gradient(600px 300px at 100% 0%, rgba(15, 23, 42, 0.03), transparent 50%),
    var(--app-bg);
}

[data-theme='dark'] .app-theme-shell {
  background:
    radial-gradient(900px 350px at 0% -5%, rgba(52, 211, 153, 0.12), transparent 55%),
    radial-gradient(600px 300px at 100% 0%, rgba(14, 165, 233, 0.08), transparent 50%),
    var(--app-bg);
}

.app-surface {
  background: var(--app-surface);
  border: 1px solid var(--app-border);
  box-shadow: var(--app-shadow-sm);
}

.app-topbar {
  background: color-mix(in srgb, var(--app-surface) 92%, transparent);
  border-bottom: 1px solid var(--app-border);
  backdrop-filter: blur(10px);
}