#g6-main:has(> .lg-radar) { background: #18191a; }
.lg-radar {
  --radar-card: #242526;
  --radar-line: #3a3b3c;
  --radar-ink: #f2f3f5;
  --radar-muted: #b8bcc5;
  --radar-accent: #75b5ff;
  max-width: 700px;
  margin-inline: auto;
  padding: clamp(12px, 2vw, 28px) clamp(12px, 2.6vw, 32px) 42px;
  color: var(--radar-ink);
  font-family: "Public Sans", system-ui, sans-serif;
}
.lg-radar-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 16px;
  min-height: 62px;
  padding: 0 14px;
  border: 1px solid var(--radar-line);
  border-radius: 10px;
  background: var(--radar-card);
}
.lg-radar-brand { display: flex; align-items: center; gap: 9px; padding-block: 9px; }
.lg-radar-brand h1 { margin: 0; color: var(--radar-ink); font: 850 clamp(1.55rem, 3vw, 2rem)/1 "Public Sans", system-ui, sans-serif; letter-spacing: -.045em; }
.lg-radar-wordmark {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: linear-gradient(145deg, #227bff, #734de2);
  color: #fff;
  font: italic 900 1.8rem/1 system-ui, sans-serif;
}
.lg-radar-top > p { margin: 0; color: var(--radar-muted); font-size: .8rem; }
.lg-radar-embed-notice, .lg-radar-external > header { padding: 12px 15px; }
.lg-radar-embed-notice { border-radius: 9px; background: var(--radar-card); color: var(--radar-muted); font-size: .83rem; }
.lg-radar-embed-notice p { margin: 0; }
.lg-radar-embed-notice button {
  margin-top: 8px;
  min-height: 44px;
  padding: 7px 11px;
  border: 0;
  border-radius: 6px;
  background: #256bd4;
  color: #fff;
  font: inherit;
  font-weight: 750;
  cursor: pointer;
}
.lg-radar-external > header:not([hidden]) { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 10px; }
.lg-radar-external > header span { color: var(--radar-muted); font-size: .78rem; }
.lg-radar-external > header .lg-radar-platform { margin-inline-start: auto; color: var(--radar-accent); font-weight: 750; }
.lg-radar-embed iframe { display: block; width: min(100%, 600px); margin-inline: auto; height: 320px; border: 0; }
.lg-radar-external .lg-radar-actions { border-top: 1px solid var(--radar-line); }
.lg-radar-timeline { display: grid; gap: 14px; min-width: 0; margin-top: 14px; }
.lg-radar-filter-panel, .lg-radar-post, .lg-radar-empty {
  border: 1px solid var(--radar-line);
  border-radius: 14px;
  background: var(--radar-card);
}
.lg-radar-filter-panel { padding: 11px 13px 5px; }
.lg-radar-filter-panel h2 {
  margin: 0;
  color: var(--radar-ink);
  font: 750 1.05rem/1.3 "Public Sans", system-ui, sans-serif;
}
.lg-radar-filters, .lg-radar-pages { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin-top: 4px; }
.lg-radar-filters a, .lg-radar-pages a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 4px 10px;
  color: var(--radar-muted);
  font-size: .82rem;
  font-weight: 750;
  text-decoration: none;
}
.lg-radar-filters a[aria-current] { box-shadow: inset 0 -2px var(--radar-accent); color: var(--radar-accent); }

.lg-radar-post-header { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; padding: 15px 15px 10px; }
.lg-radar-avatar {
  display: grid;
  flex: none;
  place-items: center;
  width: 45px;
  height: 45px;
  border: 1px solid #f9c4ab;
  border-radius: 50%;
  background: linear-gradient(145deg, #ffd6ac, #f6a083);
  color: #2a171b;
  font-size: 1.35rem;
  font-weight: 850;
}
.lg-radar-byline { flex: 1 1 120px; min-width: 0; overflow-wrap: anywhere; }
.lg-radar-byline > a { color: var(--radar-ink); font-size: .98rem; font-weight: 850; text-decoration: none; }
.lg-radar-post-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 3px 5px; margin-top: 3px; color: var(--radar-muted); font-size: .73rem; line-height: 1.35; }
.lg-radar-post-meta img { border-radius: 4px; }
.lg-radar-badge { margin-inline-start: auto; padding: 4px 7px; border: 1px solid var(--radar-line); border-radius: 5px; color: #ffd2ad; font-size: .74rem; font-weight: 700; }
.lg-radar-badge[data-status="confirmed"] { color: #afe5cb; }
.lg-radar-badge[data-status="rumor"] { color: #ffb7bf; }
.lg-radar-post-copy { padding: 0 15px 14px; overflow-wrap: anywhere; }
.lg-radar-post-copy h3 { margin: 0; font: 790 clamp(1.02rem, 1.5vw, 1.23rem)/1.35 "Public Sans", system-ui, sans-serif; }
.lg-radar-post-copy h3 a { color: var(--radar-ink); text-decoration: none; }
.lg-radar-post-copy p { margin: 6px 0 0; color: var(--radar-muted); font-size: .9rem; line-height: 1.5; }
.lg-radar-cover { display: block; }
.lg-radar-cover img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.lg-radar-credit { margin: 0; padding: 5px 15px; color: var(--radar-muted); font-size: .73rem; }
.lg-radar-link-preview li small { display: inline; }
.lg-radar-link-preview { padding: 0 15px; border-block: 1px solid var(--radar-line); background: #1c1d1e; }
.lg-radar-link-preview > a { display: flex; align-items: center; gap: 9px; min-height: 57px; text-decoration: none; }
.lg-radar-link-preview > a { justify-content: space-between; color: var(--radar-ink); }
.lg-radar-link-preview small { display: block; color: var(--radar-muted); font-size: .74rem; overflow-wrap: anywhere; }
.lg-radar-link-preview strong { display: block; font-size: .86rem; overflow-wrap: anywhere; }
.lg-radar-link-preview details { border-top: 1px solid var(--radar-line); color: var(--radar-muted); font-size: .83rem; }
.lg-radar-link-preview summary { padding: 12px 0; cursor: pointer; }
.lg-radar-link-preview ul { padding-inline-start: 18px; }
.lg-radar-link-preview li a { color: var(--radar-accent); overflow-wrap: anywhere; }
.lg-radar svg { width: 19px; height: 19px; flex: none; color: var(--radar-accent); }
.lg-radar-actions { display: flex; gap: 5px; padding: 3px 8px; }
.lg-radar-actions > :is(a, button) {
  display: flex;
  flex: 1 1 0;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  padding: 5px 7px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--radar-muted);
  text-align: center;
  text-decoration: none;
  font: 720 .84rem/1.3 "Public Sans", system-ui, sans-serif;
  cursor: pointer;
}
.lg-radar-actions button[hidden] { display: none; }
.lg-radar-actions > :hover { background: #3a3b3c; color: var(--radar-ink); }
.lg-radar-empty { padding: 15px; }
.lg-radar-empty > p { margin: 7px 0 0; color: var(--radar-muted); font-size: .86rem; line-height: 1.55; }
.lg-radar a:hover { text-decoration: underline; }
.lg-radar :is(a, button, summary):focus-visible { outline: 2px solid #fff3e9; outline-offset: 2px; }