:root {
  --bg: #0a0f19;
  --bg-2: #111827;
  --card: #151c2b;
  --orange: #ee5e10;
  --text: #f3f4f6;
  --muted: #9ca3af;
  --line: rgba(255,255,255,.08);
  --radius: 6px;
  --btn-radius: 6px;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--text); font-family: Manrope, system-ui, sans-serif; }
a { color: var(--orange); text-decoration: none; }
.btn,
.btn-accent,
.btn-ghost,
.btn-compute,
.btn-upgrade,
.chip,
.opt-chip,
.btn-close,
.accordion-button {
  border-radius: var(--btn-radius) !important;
}
.btn-accent {
  background: var(--orange);
  color: #fff;
  border: 0;
  padding: .7rem 1.3rem;
  font-weight: 500;
  font-size: 16px;
}
.btn-accent:hover { background: #ff6a1a; color: #fff; }
.btn-ghost {
  background: transparent;
    color: #fff;
    border: 1px solid rgb(255 255 255);
    padding: .7rem 1.3rem;
}
.btn-ghost:hover { background: rgba(255,255,255,.06); color: #fff; }
.form-control, .form-select {
  background: #0d1320;
  border: 1px solid var(--line);
  color: #fff;
  border-radius: var(--radius);
}
.form-control:focus, .form-select:focus {
  background: #0d1320;
  color: #fff;
  border-color: var(--orange);
  box-shadow: 0 0 0 .2rem rgba(238,94,16,.2);
}
.lp-logo { align-items: center; gap: .5rem; color: #fff; font-weight: 800; font-size: 1.25rem; }
.lp-badge {
  background: var(--orange);
  color: #fff;
  padding: .35rem .7rem;
  border-radius: var(--radius);
  font-weight: 800;
}
.chip {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: .4rem .85rem;
  color: #fff;
  background: #121826;
  font-size: .9rem;
}
.chip.active { border-color: var(--orange); color: var(--orange); }

/* Toast notifications — fixed, no layout shift */
.ugc-toast-host {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  gap: .55rem;
  width: min(420px, calc(100vw - 1.5rem));
  pointer-events: none;
}
.ugc-toast {
  pointer-events: auto;
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  padding: .85rem 1rem;
  border-radius: 6px;
  border: 1px solid var(--line);
  background: #151c2b;
  color: #f3f4f6;
  box-shadow: 0 12px 40px rgba(0,0,0,.45);
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity .2s ease, transform .2s ease;
  max-height: 40vh;
  overflow: auto;
}
.ugc-toast.show { opacity: 1; transform: translateY(0); }
.ugc-toast-ok { border-color: rgba(34,197,94,.45); background: linear-gradient(180deg, #14301f, #151c2b); }
.ugc-toast-err { border-color: rgba(239,68,68,.5); background: linear-gradient(180deg, #3a1515, #151c2b); }
.ugc-toast-body {
  flex: 1;
  min-width: 0;
  font-size: .9rem;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.ugc-toast-close {
  flex: 0 0 auto;
  border: 0;
  background: transparent;
  color: #9ca3af;
  font-size: 1.25rem;
  line-height: 1;
  padding: 0 .15rem;
  cursor: pointer;
}
.ugc-toast-close:hover { color: #fff; }
@media (max-width: 576px) {
  .ugc-toast-host { left: .75rem; right: .75rem; width: auto; }
}