body { font-family: 'Inter', sans-serif; }
.star::before { content: "★"; }

/* Floating notifications (core injects Bootstrap-classed markup via #alert;
   we don't load Bootstrap CSS/JS, so it's restyled here to match the theme). */
#alert .alert {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  background: #ffffff;
  color: rgb(var(--brand-dark));
  border-left: 4px solid rgb(var(--brand-primary));
  border-radius: 0.5rem;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  padding: 0.875rem 1rem;
  font-size: 0.875rem;
  line-height: 1.4;
}
#alert .alert-success { border-left-color: #16a34a; }
#alert .alert-success i.fa-circle-check { color: #16a34a; }
#alert .alert-danger i.fa-circle-exclamation { color: #e31e24; }
#alert .alert i { margin-top: 0.125rem; flex-shrink: 0; }
#alert .alert .btn-close {
  margin-left: auto;
  border: 0;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.125rem;
}
#alert .alert .btn-close:hover { color: rgb(var(--brand-primary)); }
#alert .alert .btn-close::before { content: "\2715"; }