.beta-onboarding {
  position: fixed;
  z-index: 150;
  right: 18px;
  bottom: 18px;
  width: min(360px, calc(100vw - 28px));
  color: #edf5ff;
  border: 1px solid #29405f;
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(17, 29, 49, .98), rgba(7, 16, 31, .98));
  box-shadow: 0 22px 64px rgba(0, 0, 0, .38);
  font-family: "Aptos Display", "Segoe UI", sans-serif;
  overflow: hidden;
}
.beta-onboarding__head { display:flex; justify-content:space-between; gap:16px; padding:17px 18px 12px; }
.beta-onboarding__head strong { display:block; font-size:1rem; }
.beta-onboarding__head p { margin:4px 0 0; color:#9fb0c7; font-size:.78rem; line-height:1.35; }
.beta-onboarding__toggle { align-self:flex-start; border:0; color:#9fb0c7; background:transparent; font-weight:900; cursor:pointer; }
.beta-onboarding__progress { height:3px; background:#1a2940; }
.beta-onboarding__progress span { display:block; height:100%; background:linear-gradient(90deg,#0e79ff,#18d2e7); transition:width .3s ease; }
.beta-onboarding__steps { display:grid; gap:7px; padding:12px; }
.beta-onboarding__step { display:flex; align-items:center; gap:11px; width:100%; padding:11px 12px; color:#edf5ff; text-align:left; border:1px solid #29405f; border-radius:12px; background:#142238; cursor:pointer; }
.beta-onboarding__step:hover { border-color:#18d2e7; background:#172b45; }
.beta-onboarding__step.is-done { color:#9fb0c7; background:#0c192b; }
.beta-onboarding__check { display:grid; place-items:center; flex:0 0 25px; height:25px; border-radius:8px; color:#a8bdd6; background:#233652; font-size:.8rem; font-weight:900; }
.beta-onboarding__step.is-done .beta-onboarding__check { color:#05231b; background:#7bf1bd; }
.beta-onboarding.is-collapsed .beta-onboarding__steps,
.beta-onboarding.is-collapsed .beta-onboarding__head p { display:none; }
.beta-onboarding.is-collapsed { width:auto; max-width:calc(100vw - 28px); }
.beta-onboarding.is-collapsed .beta-onboarding__head { padding:11px 13px; align-items:center; }
.beta-onboarding.is-collapsed .beta-onboarding__progress { display:none; }
.assistant-feedback { display:flex; align-items:center; gap:7px; margin:7px 2px 12px; color:#9fb0c7; font-size:.75rem; }
.assistant-feedback button { min-width:30px; min-height:28px; border:1px solid #52647d; border-radius:9px; color:#dfeaff; background:#17243a; cursor:pointer; }
.assistant-feedback button:hover, .assistant-feedback button.is-selected { border-color:#18d2e7; color:#fff; background:#173653; }
.assistant-feedback__report { display:grid; gap:7px; width:100%; margin-top:7px; }
.assistant-feedback__report select, .assistant-feedback__report textarea { width:100%; border:1px solid #52647d; border-radius:9px; color:#edf5ff; background:#101d30; padding:8px; font:inherit; }
.assistant-feedback__report textarea { min-height:54px; resize:vertical; }
.assistant-feedback__thanks { color:#7bf1bd; font-weight:800; }
@media (max-width: 720px) {
  .beta-onboarding { right:12px; bottom:calc(90px + env(safe-area-inset-bottom)); width:calc(100vw - 24px); }
  .beta-onboarding__head { padding:14px 15px 10px; }
  .beta-onboarding__steps { grid-template-columns:1fr; }
}