.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 22px;border-radius:999px;
  font-weight:600;font-size:14px;letter-spacing:.01em;
  transition:.2s;white-space:nowrap;
}
.btn svg{width:16px;height:16px}
.btn-primary{background:var(--ink);color:var(--cream)}
.btn-primary:hover{background:var(--lagoon-2)}
[data-theme="dark"] .btn-primary{background:var(--gold);color:#1B2128}
[data-theme="dark"] .btn-primary:hover{background:var(--lagoon)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn-ghost:hover{background:var(--surface);border-color:var(--ink)}
.btn-gold{background:var(--gold);color:#1B2128}
.btn-gold:hover{background:var(--gold-2);color:#fff}
.btn-sm{padding:9px 14px;font-size:13px}
.chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 10px;border-radius:999px;
  font-size:11px;font-weight:600;letter-spacing:.04em;
  background:var(--lagoon-3);color:var(--lagoon-2);text-transform:uppercase;
}
.chip-gold{background:rgba(201,162,74,.15);color:var(--gold-2)}
.chip-sand{background:var(--sand);color:var(--ink)}
.icon-btn{
  width:44px;height:44px;border-radius:50%;
  border:1px solid var(--line);background:var(--surface);
  display:inline-flex;align-items:center;justify-content:center;
  transition:.2s;
}
.icon-btn:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.icon-btn:disabled{opacity:.35;cursor:not-allowed}
.icon-btn:disabled:hover{background:var(--surface);color:var(--ink)}
.icon-btn svg{width:16px;height:16px}
.divider{height:1px;background:var(--line);margin:24px 0}
.tag-row{display:flex;flex-wrap:wrap;gap:6px}