/* Life Legally Single — Creator Onboarding. Scoped to .lls-co / .lls-co-join-btn. */
.lls-co{--p:#6427b0;--p2:#7C3AED;--pl:#a97ef5;--ink:#1a1030;--gold:#D89B1E;--lilac:#f3eefb;--line:#e4d8f5;--muted:#6b5b7b;
  max-width:640px;margin:0 auto;font-family:inherit;color:var(--ink)}
.lls-co *{box-sizing:border-box}
.lls-co-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 26px}
.lls-co-center{text-align:center}
.lls-co-eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--p);margin:0 0 8px}
.lls-co-h{font-size:24px;line-height:1.15;margin:0 0 8px;color:var(--ink)}
.lls-co-sub{font-size:15px;line-height:1.55;color:var(--muted);margin:0 0 18px}
.lls-co-hint{font-size:13px;color:var(--muted);margin:12px 0 0;min-height:16px}
.lls-co-gbtn{display:flex;justify-content:center;margin:8px 0 0}
.lls-co-btn{display:inline-block;background:var(--p);color:#fff;text-decoration:none;font-weight:700;
  padding:13px 26px;border-radius:24px;font-size:15px;border:0;cursor:pointer;transition:background .15s}
.lls-co-btn:hover{background:#52208f;color:#fff}
.lls-co-btn.ghost{background:transparent;color:var(--p);border:1px solid var(--line)}
.lls-co-btn.ghost:hover{background:var(--lilac);color:var(--p)}
.lls-co-btn[disabled]{opacity:.5;cursor:not-allowed}

.lls-co-badge{width:52px;height:52px;border-radius:50%;background:var(--lilac);color:var(--p);
  display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 14px}
.lls-co-badge.is-muted{background:#f1eef5;color:var(--muted)}

.lls-co-step{font-size:12px;color:var(--muted);margin:0 0 4px}
.lls-co-q{font-size:20px;font-weight:600;margin:0 0 4px;color:var(--ink)}
.lls-co-echo{font-size:14px;color:var(--muted);margin:0 0 16px;line-height:1.5}

.lls-co-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.lls-co-niche{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;background:#fff;
  border:1px solid var(--line);border-radius:14px;cursor:pointer;text-align:center;font-size:13px;color:var(--ink);transition:border-color .12s}
.lls-co-niche i{font-size:22px;color:var(--muted)}
.lls-co-niche:hover{border-color:var(--pl)}
.lls-co-niche.on{background:var(--lilac);border:2px solid var(--p);color:var(--p)}
.lls-co-niche.on i{color:var(--p)}
.lls-co-niche small{display:block;font-size:11px;color:var(--muted);font-weight:400}

.lls-co-toggle{display:flex;gap:10px;align-items:flex-start;margin:18px 0 4px;padding:12px 14px;
  background:#fff;border:1px solid var(--line);border-radius:14px}
.lls-co-toggle input{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:var(--p)}
.lls-co-toggle label{cursor:pointer}
.lls-co-toggle .t{font-size:14px;font-weight:600;color:var(--ink)}
.lls-co-toggle .d{font-size:12px;color:var(--muted);line-height:1.5;margin-top:2px}

.lls-co-idrow{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--lilac);
  border:1px solid var(--line);border-radius:14px;margin-bottom:18px}
.lls-co-av{width:40px;height:40px;border-radius:50%;background:var(--p);color:#fff;display:flex;
  align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}
.lls-co-idrow .nm{font-size:14px;font-weight:600;color:var(--ink);margin:0}
.lls-co-idrow .em{font-size:12px;color:var(--muted);margin:0;overflow:hidden;text-overflow:ellipsis}
.lls-co-tag{margin-left:auto;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;
  background:#fff;color:var(--p);white-space:nowrap}

.lls-co-lbl{font-size:14px;font-weight:600;color:var(--ink);margin:16px 0 6px}
.lls-co-fine{font-size:12px;color:var(--muted);margin:0 0 8px}
.lls-co input[type=text],.lls-co input[type=url],.lls-co input[type=number],.lls-co textarea{
  width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font-size:14px;font-family:inherit;color:var(--ink);background:#fff}
.lls-co input:focus,.lls-co textarea:focus{outline:none;border-color:var(--p);box-shadow:0 0 0 3px rgba(100,39,176,.12)}
.lls-co textarea{min-height:64px;resize:vertical}

.lls-co-chips{display:flex;flex-wrap:wrap;gap:8px}
.lls-co-chip{padding:8px 14px;background:#fff;border:1px solid var(--line);border-radius:20px;cursor:pointer;font-size:13px;color:var(--ink)}
.lls-co-chip:hover{border-color:var(--pl)}
.lls-co-chip.on{background:var(--lilac);border:1.5px solid var(--p);color:var(--p)}

.lls-co-inline{display:flex;align-items:center;gap:10px;margin-top:4px}
.lls-co-inline .pre{font-size:13px;color:var(--muted)}
.lls-co-linkrow{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.lls-co-linkrow i{font-size:18px;color:var(--muted)}

.lls-co-actions{display:flex;gap:10px;margin-top:22px}
.lls-co-actions .lls-co-btn{flex:1;text-align:center}
.lls-co-note{font-size:12px;color:var(--muted);text-align:center;margin:10px 0 0}
.lls-co-err{color:#9a3b3b;font-size:13px;margin:10px 0 0;min-height:16px;text-align:center}

/* Header button */
.lls-co-join-btn{display:inline-flex;align-items:center;background:var(--p,#6427b0);color:#fff;border:none;
  font-weight:700;text-decoration:none;padding:9px 18px;border-radius:22px;font-size:14px;line-height:1;white-space:nowrap;transition:transform .12s}
.lls-co-join-btn:hover{transform:translateY(-1px);color:#1a1030}
.lls-co-join-li{display:flex;align-items:center}