::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgb(var(--scrollbar-thumb));
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgb(var(--scrollbar-thumb-hover));
}

.glass-panel {
  background: rgb(var(--color-panel) / 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgb(var(--color-border) / 0.08);
}

.glass-modal {
  background: rgb(var(--color-panel-strong) / 0.95);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgb(var(--color-border) / 0.1);
  box-shadow: var(--shadow-modal);
}

.bg-glass-header {
  background: rgb(var(--color-panel) / 0.6);
}

.bg-glass-sidebar {
  background: transparent;
  border-color: transparent;
  border-right-color: rgb(var(--color-border) / 0.12);
}

.text-shadow {
  text-shadow: 0 1px 2px rgb(0 0 0 / 0.5);
}