#cockpit-onboarding {
  box-sizing: border-box;
  width: min(900px, calc(100% - 24px));
  max-width: none;
  max-height: calc(100dvh - 24px);
  padding: 0;
  overflow: auto;
  overscroll-behavior: contain;
  border: 0;
  border-radius: 20px;
  color-scheme: light dark;
}
#cockpit-onboarding::backdrop { background: #101828b8; }
#cockpit-onboarding [role="alert"] { margin-top: 12px; }
#cockpit-onboarding { --co-bg:light-dark(#f5f7fa,#121c2a); --co-paper:light-dark(#ffffff,#1a2738); --co-ink:light-dark(#17365c,#e5eefb); --co-text:light-dark(#21374e,#e0e7f1); --co-muted:light-dark(#586b80,#b2c0d2); --co-line:light-dark(#dbe3ed,#3b4c61); --co-soft:light-dark(#eaf1f8,#24374e); --co-selected:light-dark(#dceaf5,#29445e); --co-accent:light-dark(#1d668f,#9dd8f3); --co-action:light-dark(#17365c,#c8def5); --co-action-text:light-dark(#ffffff,#17304a); --co-coral:light-dark(#ab4d2e,#ffc0a2); --co-coral-bg:light-dark(#fff0e8,#493426); color:var(--co-text); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:15px; line-height:1.5; }
#cockpit-onboarding * { box-sizing:border-box; }
#cockpit-onboarding button:focus-visible { outline:3px solid var(--co-accent); outline-offset:3px; }
#cockpit-onboarding button:disabled { opacity:.45; cursor:not-allowed; }
#cockpit-onboarding .co-app { background:var(--co-bg); border:1px solid var(--co-line); border-radius:20px; overflow:hidden; }
#cockpit-onboarding .co-main { padding:32px; min-width:0; background:var(--co-paper); }
#cockpit-onboarding h1,#cockpit-onboarding h2,#cockpit-onboarding h3,#cockpit-onboarding p { margin:0; }
#cockpit-onboarding h1 { font-size:32px; line-height:1.18; letter-spacing:-.035em; color:var(--co-ink); font-weight:650; max-width:540px; }
#cockpit-onboarding h3 { font-size:16px; color:var(--co-ink); font-weight:600; }
#cockpit-onboarding .co-sub { color:var(--co-muted); margin-top:12px; }
#cockpit-onboarding .co-small { color:var(--co-muted); font-size:12px; }
#cockpit-onboarding .co-progress-head { display:flex; gap:12px; justify-content:space-between; margin-bottom:9px; font-size:12px; color:var(--co-muted); }
#cockpit-onboarding .co-progress { height:4px; background:var(--co-soft); margin-bottom:26px; border-radius:10px; overflow:hidden; }
#cockpit-onboarding .co-progress-fill { height:100%; background:var(--co-accent); }
#cockpit-onboarding .co-options { display:grid; gap:9px; margin:24px 0; }
#cockpit-onboarding .co-option { display:flex; align-items:center; gap:12px; width:100%; text-align:left; padding:14px 16px; min-height:55px; border:1px solid var(--co-line); border-radius:12px; background:var(--co-paper); color:var(--co-text); }
#cockpit-onboarding .co-option:hover { background:var(--co-soft); }
#cockpit-onboarding .co-option[aria-pressed="true"] { background:var(--co-selected); border-color:var(--co-accent); }
#cockpit-onboarding .co-option span:last-child { overflow-wrap:anywhere; }
#cockpit-onboarding .co-check { width:22px; height:22px; flex:0 0 22px; border:1px solid var(--co-line); border-radius:6px; background:var(--co-paper); display:grid; place-items:center; color:transparent; font-size:14px; }
#cockpit-onboarding .co-option[aria-pressed="true"] .co-check { background:var(--co-action); color:var(--co-action-text); border-color:var(--co-action); }
#cockpit-onboarding .co-option.co-radio .co-check { border-radius:50%; }
#cockpit-onboarding .co-note { background:var(--co-coral-bg); color:var(--co-coral); padding:13px 15px; border-radius:10px; margin-top:16px; font-size:13px; }
#cockpit-onboarding .co-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:26px; flex-wrap:wrap; }
#cockpit-onboarding .co-primary { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:11px 20px; border:1px solid var(--co-action); border-radius:10px; background:var(--co-action); color:var(--co-action-text); font-weight:550; }
#cockpit-onboarding .co-link { min-height:44px; border:0; padding:8px 0; background:transparent; color:var(--co-accent); text-decoration:underline; text-underline-offset:4px; }
#cockpit-onboarding .co-welcome { display:grid; gap:24px; padding:44px 32px; max-width:740px; }
#cockpit-onboarding .co-result-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:24px 0; }
#cockpit-onboarding .co-result-card { background:var(--co-bg); border:1px solid var(--co-line); border-radius:12px; padding:18px; min-width:0; }
#cockpit-onboarding .co-result-card h3 { margin:10px 0 6px; }
@media(max-width:650px) { #cockpit-onboarding .co-main,#cockpit-onboarding .co-welcome { padding:25px 20px; } #cockpit-onboarding h1 { font-size:28px; } }
@media(max-width:390px) { #cockpit-onboarding .co-result-grid { grid-template-columns:1fr; } #cockpit-onboarding .co-primary { width:100%; } #cockpit-onboarding .co-option { padding:12px; } }