.member-setup { margin:var(--sp-5) 0; padding:var(--sp-5); border:1px solid var(--hair); border-radius:var(--r-lg); background:var(--paper); color:var(--ink); overflow:hidden; }
.member-setup[hidden], .member-setup [hidden], .first-run[hidden] { display:none; }
.ms-heading { display:flex; align-items:center; gap:var(--sp-3); }
.ms-duck { flex:none; display:grid; place-items:center; width:42px; height:42px; border-radius:44% 56% 49% 51%; background:var(--accent-lime); color:var(--brand-ink); transform:rotate(-5deg); }
.ms-duck svg { width:28px; height:28px; transform:rotate(5deg); }
.ms-copy { flex:1; min-width:0; }
.ms-copy strong { display:block; font:var(--w-mid) var(--fs-3)/1.3 var(--body); letter-spacing:-.025em; }
.ms-copy p { margin:var(--sp-1) 0 0; color:var(--dim); font-size:var(--fs-1); line-height:1.5; max-width:70ch; }
.ms-modes { display:flex; flex:none; gap:var(--sp-1); padding:var(--sp-1); background:var(--soft); border-radius:var(--r-pill); }
.ms-modes button { border:0; border-radius:var(--r-pill); padding:var(--sp-2) var(--sp-3); background:transparent; color:var(--dim); font:var(--w-mid) var(--fs-1) var(--body); cursor:pointer; }
.ms-modes button[aria-pressed="true"] { background:var(--ink); color:var(--paper); }
.ms-stages { display:flex; list-style:none; padding:0; margin:var(--sp-5) 0 var(--sp-3); gap:var(--sp-3); }
.ms-stages:empty { display:none; }
.member-setup[data-complete="true"] .ms-stages, .member-setup[data-complete="true"] .ms-footer { display:none; }
.ms-stages li { flex:1; min-width:0; position:relative; padding-top:var(--sp-3); border-top:2px solid var(--hair); font-size:var(--fs-1); color:var(--dim); }
.ms-stages li::before { content:''; position:absolute; top:-2px; left:0; width:100%; height:2px; background:var(--duck-deep); transform:scaleX(0); transform-origin:left; }
.ms-stages li[data-complete="true"]::before { transform:scaleX(1); }
.ms-stages li[data-complete="true"] { color:var(--duck-deep); }
.ms-stages li[aria-current="step"] { color:var(--ink); font-weight:var(--w-mid); }
.ms-stages a { color:inherit; text-decoration:none; display:flex; align-items:center; gap:var(--sp-2); line-height:1.35; }
.ms-stages a:hover { text-decoration:underline; }
.ms-mark { flex:none; font-size:var(--fs-0); display:grid; place-items:center; width:20px; height:20px; border:1px solid var(--hair); border-radius:50%; }
[data-complete="true"] > a > .ms-mark { background:var(--duck-bg); border-color:var(--duck-deep); }
.ms-footer { display:flex; align-items:center; gap:var(--sp-3); font-size:var(--fs-1); color:var(--dim); }
.ms-footer > span { flex:1; }
.member-setup a:focus-visible, .member-setup button:focus-visible { outline:2px solid var(--duck-deep); outline-offset:4px; }
.ap-journey { max-width:1160px; margin:0 auto; padding:0 var(--sp-6); }
.first-run { margin:var(--sp-4) 0; padding:var(--sp-4) var(--sp-5); border-left:3px solid var(--duck-deep); background:var(--panel); border-radius:0 var(--r-md) var(--r-md) 0; }
.first-run strong { font:var(--w-mid) var(--fs-2) var(--body); }
.first-run p { font-size:var(--fs-1); color:var(--dim); margin:var(--sp-2) 0; }
.first-run .ms-stages { margin-bottom:0; }
@keyframes ms-hello { 0% { transform:rotate(-12deg) translateY(4px); } 60% { transform:rotate(3deg); } 100% { transform:rotate(-5deg); } }
@keyframes ms-connect { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@media (prefers-reduced-motion:no-preference) {
  .member-setup.ms-arrived .ms-duck { animation:ms-hello 480ms var(--ease-settle) both; }
  .ms-stages li.ms-new[data-complete="true"]::before { animation:ms-connect 420ms var(--ease-settle) both; }
}
@media (max-width:700px) {
  .member-setup { padding:var(--sp-4); }
  .ms-heading { flex-wrap:wrap; align-items:flex-start; }
  .ms-copy strong { font-size:var(--fs-2); }
  .ms-modes { margin-left:54px; }
  .ms-stages { flex-wrap:wrap; row-gap:var(--sp-4); }
  .ms-stages li { flex:1 1 40%; }
  .ms-footer { flex-wrap:wrap; }
  .ms-footer > span { flex-basis:100%; }
  .ap-journey { padding:0 var(--sp-4); }
}