.payload {
  margin: 0 0 14px;
  padding: 13px 15px;
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: var(--g-radius-card);
  background: var(--g-sunken);
  font: 400 13px/1.9 var(--g-mono);
  color: var(--text-secondary);
}

.payload span { display: block; white-space: nowrap; }
.payload .secret { display: inline; color: var(--g-danger-text); }
.payload .red { display: inline; color: var(--g-live-text); }
.payload .arrow { color: var(--text-muted); }

.feed {
  padding: 14px 16px 2px;
  border: 1px solid var(--border);
  border-radius: var(--g-radius-card);
  overflow-x: auto;
  background:
    linear-gradient(90deg, var(--g-sunken) 30%, transparent) left / 44px 100%,
    linear-gradient(-90deg, var(--g-sunken) 30%, transparent) right / 44px 100%,
    radial-gradient(farthest-side at 0 50%, rgba(240, 243, 255, .07), transparent) left / 16px 100%,
    radial-gradient(farthest-side at 100% 50%, rgba(240, 243, 255, .07), transparent) right / 16px 100%;
  background-color: var(--g-sunken);
  background-repeat: no-repeat;
  background-attachment: local, local, scroll, scroll;
}

.feed table { min-width: 460px; }
.feed .table { background: none; }

.feed-head {
  margin: 0 0 12px;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--text-primary);
}

.feed-head .tab {
  margin-left: 10px;
  padding: 3px 10px;
  border: 1px solid var(--border);
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--text-muted);
}

.feed-head .tab.on { color: var(--text-primary); background: var(--bg-surface); }
.feed-head .tab em { font-style: normal; color: var(--g-warn-text); }

.feed .rule {
  padding: 2px 8px;
  border: 1px solid var(--g-danger-line);
  border-radius: 6px;
  background: var(--g-danger-dim);
  color: var(--g-danger-text);
  font: 650 11.5px/1.6 var(--g-mono);
  text-transform: uppercase;
  letter-spacing: .04em;
}

.feed .fp { font-family: var(--g-mono); font-size: 13px; color: var(--text-secondary); }
.feed table { margin-bottom: 12px; }

.term .term-a { color: var(--text-primary); }
.term .red { color: var(--g-live-text); }

.chat {
  padding: 15px 17px;
  border: 1px solid var(--border);
  border-radius: var(--g-radius-card);
  background: var(--g-sunken);
}

.chat .chat-you {
  max-width: 82%;
  margin: 0 0 14px auto;
  padding: 11px 14px;
  border: 1px solid var(--border);
  border-radius: 14px 14px 4px 14px;
  background: var(--bg-surface);
  font: 400 12.5px/1.6 var(--g-mono);
  color: var(--text-secondary);
  overflow-wrap: anywhere;
}

.chat .chat-ai { margin: 0; color: var(--text-primary); }
.chat .chat-ai .red { font-family: var(--g-mono); font-size: 13px; color: var(--g-live-text); }

.quote {
  margin: 0 0 12px;
  padding: 11px 14px;
  border-left: 2px solid var(--g-warn);
  background: var(--bg-surface);
  color: var(--text-secondary);
}

.kw { color: var(--text-primary); font-weight: 600; }