.brguide-launcher {
  position: fixed;
  right: 14px;
  bottom: 14px;
  z-index: 1985;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 13px;
  border: 1px solid rgba(34, 211, 238, .42);
  border-radius: 11px;
  background: rgba(11, 14, 20, .91);
  color: #d9fbff;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .38);
  backdrop-filter: blur(12px);
  font: 700 12px/1 'Space Grotesk', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .02em;
  cursor: pointer;
}
.brguide-launcher-open {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  cursor: pointer;
}
.brguide-launcher-dismiss {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  margin: 0 -5px 0 1px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #8b93a7;
  font: 700 16px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  cursor: pointer;
}
.brguide-launcher-dismiss:hover,
.brguide-launcher-dismiss:focus-visible { background: rgba(255,255,255,.1); color: #fff; outline: none; }
.brguide-launcher-open::before {
  content: "?";
  display: grid;
  place-items: center;
  width: 21px;
  height: 21px;
  border: 1px solid #22d3ee;
  border-radius: 50%;
  color: #22d3ee;
  font: 800 13px/1 'Space Grotesk', sans-serif;
}
.brguide-launcher:hover,
.brguide-launcher-open:focus-visible { border-color: #22d3ee; outline: none; }
.brguide-info {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  margin-left: 3px;
  border: 1px solid currentColor;
  border-radius: 50%;
  opacity: .72;
  font: 800 10px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  cursor: help;
}
.brguide-target { cursor: help; }
.brguide-backdrop {
  position: fixed;
  inset: 0;
  z-index: 3200;
  display: none;
  align-items: flex-end;
  justify-content: center;
  padding: 18px;
  background: rgba(3, 6, 11, .72);
  backdrop-filter: blur(7px);
}
.brguide-backdrop.open { display: flex; }
.brguide-panel {
  position: relative;
  width: min(620px, 100%);
  max-height: min(760px, calc(100vh - 36px));
  overflow: auto;
  border: 1px solid #2b3950;
  border-radius: 21px;
  background:
    radial-gradient(circle at 84% 0%, rgba(34, 211, 238, .11), transparent 35%),
    #0f141e;
  color: #e6e8ef;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .62);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.brguide-head { padding: 24px 54px 18px 24px; border-bottom: 1px solid #232a3d; }
.brguide-kicker {
  color: #22d3ee;
  font: 700 10px/1.2 'Space Grotesk', sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.brguide-title {
  margin: 8px 0 0;
  color: #f4f7fb;
  font: 700 clamp(23px, 5vw, 34px)/1.08 'Space Grotesk', -apple-system, sans-serif;
}
.brguide-close {
  position: absolute;
  top: 16px;
  right: 16px;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid #2b3449;
  border-radius: 10px;
  background: #121925;
  color: #b6bdca;
  font-size: 20px;
  cursor: pointer;
}
.brguide-close:hover,
.brguide-close:focus-visible { color: #fff; border-color: #22d3ee; outline: none; }
.brguide-body { padding: 22px 24px 25px; }
.brguide-reading {
  display: none;
  margin: 0 0 18px;
  padding: 15px 17px;
  border-left: 3px solid var(--guide-accent, #22d3ee);
  border-radius: 0 12px 12px 0;
  background: rgba(255, 255, 255, .035);
}
.brguide-reading.show { display: block; }
.brguide-reading strong { display: block; color: #fff; font: 700 19px/1.2 'Space Grotesk', sans-serif; }
.brguide-reading span { display: block; margin-top: 5px; color: #aeb6c5; font-size: 13px; line-height: 1.55; }
.brguide-section { margin: 18px 0 0; }
.brguide-section h3 {
  margin: 0 0 6px;
  color: #8b93a7;
  font: 700 10px/1.2 'Space Grotesk', sans-serif;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.brguide-section p { margin: 0; color: #c8ced9; font-size: 14px; line-height: 1.65; }
.brguide-source { margin-top: 22px; padding-top: 16px; border-top: 1px solid #232a3d; color: #747e91; font-size: 11px; line-height: 1.55; }
.brguide-source a { color: #22d3ee; }
.brguide-private {
  display: flex;
  gap: 11px;
  align-items: flex-start;
  margin-top: 20px;
  padding: 13px 14px;
  border: 1px solid rgba(52, 211, 153, .23);
  border-radius: 12px;
  background: rgba(52, 211, 153, .055);
  color: #9aa5b7;
  font-size: 11.5px;
  line-height: 1.5;
}
.brguide-private b { color: #34d399; }
.brguide-private i { color: #34d399; font-style: normal; font-size: 17px; }
.brguide-speak {
  display: none;
  min-height: 42px;
  margin-top: 16px;
  padding: 0 14px;
  border: 1px solid rgba(34, 211, 238, .46);
  border-radius: 10px;
  background: #121925;
  color: #d9fbff;
  font: 700 12px/1 'Space Grotesk', sans-serif;
  cursor: pointer;
}
.brguide-speak.show { display: inline-flex; align-items: center; justify-content: center; }
.brguide-speak:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.brguide-speech-note {
  display: none;
  margin-top: 7px;
  color: #687287;
  font-size: 10.5px;
  line-height: 1.45;
}
.brguide-speech-note.show { display: block; }
.brguide-ask {
  display: none;
  width: 100%;
  min-height: 46px;
  margin-top: 13px;
  border: 1px solid #22d3ee;
  border-radius: 11px;
  background: #22d3ee;
  color: #061016;
  font: 750 13px/1 'Space Grotesk', sans-serif;
  cursor: pointer;
}
.brguide-ask.show { display: block; }
.brguide-ask:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
body.brguide-open { overflow: hidden; }
body.blenav-open .brguide-launcher,
body.sheet-open .brguide-launcher { opacity: 0; pointer-events: none; }
@media (min-width: 720px) {
  .brguide-backdrop { align-items: center; }
}
@media (max-width: 719px) {
  .brguide-backdrop { padding: 0; }
  .brguide-panel { width: 100%; max-height: 91vh; border-radius: 22px 22px 0 0; border-bottom: 0; }
  .brguide-launcher-open > span { display: none; }
  .brguide-launcher { width: 42px; padding: 0; justify-content: center; }
  .brguide-launcher-open { width: 42px; justify-content: center; }
  .brguide-launcher-dismiss {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 18px;
    height: 18px;
    margin: 0;
    border: 1px solid rgba(255,255,255,.2);
    background: #121925;
    font-size: 14px;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .brguide-backdrop.open .brguide-panel { animation: brguide-rise .24s cubic-bezier(.2,.8,.2,1); }
  @keyframes brguide-rise { from { transform: translateY(16px); opacity: 0; } }
}