/* "Neon Soi" — add-your-bar.html. Mirrors claim.css's layout (same card/
   input/label shapes) plus a tag checklist (find-a-bar.css's .tagchip) and a
   file-upload preview (advertise.css's shape) since this form needs both. */

body{display:flex;justify-content:center;background:var(--ink);color:var(--cream);
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:500;margin:0;padding:20px;
  -webkit-font-smoothing:antialiased}
.wrap{max-width:520px;width:100%}
h1{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:clamp(28px,6vw,38px);margin:14px 0 4px;letter-spacing:.5px}
p.lead{color:var(--muted);font-size:14px;margin:0 0 20px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.btn{width:100%;margin-top:18px;padding:13px;font-size:15px}
.split{display:flex;gap:10px}
.split>div{flex:1}
.tagrow{display:flex;flex-wrap:wrap;gap:8px}
.tagchip{background:var(--ink);border:1px solid var(--line);border-radius:100px;padding:7px 14px;
  font-size:12.5px;color:var(--muted);cursor:pointer;user-select:none;transition:.15s}
.tagchip:hover:not(.on){border-color:var(--muted)}
.tagchip.on{background:var(--cyan-soft);border-color:var(--cyan);color:var(--cyan)}