.pilot-mark { display:grid; place-items:center; width:35px; height:35px; border-radius:11px;
  background:var(--cta-bg); color:var(--cta-fg); font-size:21px; }
.product-mark { font-size:36px; font-weight:800; }
fieldset { border:0; margin:0; padding:0; min-width:0; }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
  clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.pilot-banks { margin:0 0 17px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.pilot-bank { position:relative; cursor:pointer; }
.pilot-bank input { position:absolute; opacity:0; }
.pilot-bank:has(:checked) { background:var(--accent-soft); border-color:var(--accent-strong); }
.pilot-bank:has(:focus-visible) { box-shadow:var(--focus); }
.pilot-label { display:block; color:var(--text-muted); font-size:13px; font-weight:700; margin:0 0 5px; }
#key, #pairing { width:100%; min-height:44px; padding:9px 12px; background:var(--surface-inset);
  color:var(--text); border:1px solid var(--surface-border); border-radius:var(--radius-sm); font:inherit; }
#key:focus-visible, #pairing:focus-visible { outline:none; box-shadow:var(--focus); }
#create { width:100%; margin-top:14px; }
.pilot-code { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:8px; }
.pilot-code button { min-height:44px; }
.pilot-status { margin:16px 0; }
.pilot-status div { display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:9px 0;
  border-bottom:1px solid var(--surface-border); }
.pilot-status dt { color:var(--text-muted); }
.pilot-status dd { margin:0; text-align:right; }
#message { margin:12px 0 0; color:var(--notice); }
#message:empty { display:none; }
.under-card { margin-bottom:28px; }
@media(max-width:400px) { .pilot-code { grid-template-columns:1fr; } }