:root {
  --lnwio-gold: #d4af37;
  --lnwio-gold2: #f5d76e;
  --lnwio-bg: #0f0f10;
  --lnwio-card: #17181b;
  --lnwio-border: rgba(212,175,55,0.35);
}

.lnwio-body {
  background: radial-gradient(1200px 600px at 20% 0%, rgba(212,175,55,0.15), transparent 60%),
              radial-gradient(1200px 600px at 80% 10%, rgba(245,215,110,0.12), transparent 60%),
              var(--lnwio-bg);
  color: #eee;
}

.lnwio-navbar {
  background: linear-gradient(90deg, #000, var(--lnwio-gold));
  border-bottom: 1px solid var(--lnwio-border);
}

.lnwio-card {
  background: var(--lnwio-card);
  border: 1px solid var(--lnwio-border);
  box-shadow: 0 8px 30px rgba(0,0,0,0.35);
}

.lnwio-btn {
  background: linear-gradient(90deg, var(--lnwio-gold), var(--lnwio-gold2));
  border: none;
  color: #111;
  font-weight: 700;
}
.lnwio-btn:hover { filter: brightness(1.05); }

.lnwio-badge {
  background: rgba(212,175,55,0.18);
  border: 1px solid var(--lnwio-border);
  color: var(--lnwio-gold2);
}

.lnwio-list {
  background: transparent;
  color: #eee;
  border: none;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.lnwio-list:hover {
  background: rgba(212,175,55,0.12);
  color: var(--lnwio-gold2);
}

.lnwio-toast {
  background: var(--lnwio-card);
  border: 1px solid var(--lnwio-border);
  color: #eee;
}