/* VARRD Validation screen: the quant research terminal from the product page,
   rebuilt for the home page frame. Everything under .vsv- so nothing leaks.
   Sizes are in em off .vsv-term, whose font-size JS sets from the frame:
   10px times min(width / 640, height / 400), clamped to 8px to 14px. */

.vsv-term {
  --vsv-dark: #1a1510;
  --vsv-darker: #0d0b08;
  --vsv-card: #1e1a14;
  --vsv-input: #252018;
  --vsv-beige: #f5efe5;
  --vsv-gold: #d4a574;
  --vsv-gold-dk: #b8894e;
  --vsv-gold-lt: #e8c896;
  --vsv-gold-bd: rgba(184, 137, 78, 0.28);
  --vsv-text: #f0e8db;
  --vsv-text-m: #958772;
  --vsv-text-s: #7d6f5a;
  --vsv-green: #10b981;
  --vsv-green-lt: #6ee7b7;
  --vsv-amber: #f59e0b;
  --vsv-amber-lt: #fcd34d;
  --vsv-red-lt: #fca5a5;

  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  font-size: 10px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--vsv-text);
  background: var(--vsv-darker);
  overflow: hidden;
  line-height: 1.4;
}

.vsv-term *,
.vsv-term *::before,
.vsv-term *::after { box-sizing: border-box; }

.vsv-mono { font-family: "JetBrains Mono", "SF Mono", Menlo, monospace; }

/* ---------- title bar ---------- */

.vsv-tbar {
  height: 3em;
  flex-shrink: 0;
  background: #0a0806;
  border-bottom: 1px solid rgba(184, 137, 78, 0.16);
  display: flex;
  align-items: center;
  padding: 0 1.2em;
}

.vsv-dots { display: flex; gap: 0.45em; margin-right: 1em; }

.vsv-dot { width: 0.95em; height: 0.95em; border-radius: 50%; }
.vsv-dot.r { background: #ff5f57; }
.vsv-dot.y { background: #ffbd2e; }
.vsv-dot.g { background: #28c940; }

.vsv-logo {
  font-size: 1.15em;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: var(--vsv-gold-lt);
}

.vsv-tag {
  font-size: 0.8em;
  color: var(--vsv-text-m);
  margin-left: 0.8em;
  padding: 0.2em 0.7em;
  border: 1px solid rgba(184, 137, 78, 0.18);
  border-radius: 0.4em;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

/* ---------- command bar ---------- */

.vsv-cmd {
  height: 2.8em;
  flex-shrink: 0;
  background: linear-gradient(135deg, #0f0c08, #141008);
  border-bottom: 1px solid rgba(184, 137, 78, 0.2);
  display: flex;
  align-items: center;
  padding: 0 1.2em;
}

.vsv-cmd-spacer { flex: 1; min-width: 0; }

.vsv-steps { display: flex; align-items: center; gap: 0.4em; }

.vsv-step {
  font-size: 0.78em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 0.25em 0.9em;
  border-radius: 0.5em;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.03);
  color: var(--vsv-text-s);
  transition: background 0.4s ease, color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
  white-space: nowrap;
}

.vsv-step.is-active {
  background: rgba(212, 165, 116, 0.18);
  color: var(--vsv-gold-lt);
  border-color: rgba(212, 165, 116, 0.35);
  box-shadow: 0 0 0.8em rgba(212, 165, 116, 0.15);
}

.vsv-step.is-done {
  background: rgba(16, 185, 129, 0.1);
  color: var(--vsv-green-lt);
  border-color: rgba(16, 185, 129, 0.2);
}

.vsv-arrow { font-size: 0.8em; color: var(--vsv-text-s); opacity: 0.4; }

.vsv-cmd-right { flex: 1; min-width: 0; display: flex; justify-content: flex-end; }

.vsv-market {
  font-size: 0.9em;
  font-weight: 600;
  color: var(--vsv-gold-lt);
  background: rgba(212, 165, 116, 0.1);
  border: 1px solid rgba(212, 165, 116, 0.2);
  border-radius: 0.5em;
  padding: 0.25em 0.9em;
  white-space: nowrap;
}

/* ---------- body ---------- */

.vsv-body {
  flex: 1;
  min-height: 0;
  display: flex;
}

/* sidebar */

.vsv-sb {
  width: 19em;
  flex-shrink: 0;
  background: linear-gradient(180deg, #1a1510 0%, #0d0b08 100%);
  border-right: 1px solid rgba(184, 137, 78, 0.15);
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.vsv-sb-hdr {
  padding: 0.7em 1.1em 0.6em;
  font-size: 0.8em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--vsv-text-m);
  border-bottom: 1px solid rgba(184, 137, 78, 0.12);
  display: flex;
  align-items: center;
  gap: 0.6em;
  flex-shrink: 0;
}

.vsv-sb-hdr svg { width: 1.3em; height: 1.3em; color: var(--vsv-gold); flex-shrink: 0; }

.vsv-sb-list {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 0.45em 0.6em;
  display: flex;
  flex-direction: column;
  gap: 0.35em;
}

.vsv-er {
  padding: 0.4em 0.8em;
  border-radius: 0.8em;
  border: 1.5px solid rgba(184, 137, 78, 0.18);
  background: rgba(30, 26, 20, 0.8);
  flex-shrink: 0;
  min-width: 0;
}

.vsv-er.is-strong { border-color: rgba(16, 185, 129, 0.4); background: rgba(16, 185, 129, 0.07); }
.vsv-er.is-marginal { border-color: rgba(245, 158, 11, 0.35); background: rgba(245, 158, 11, 0.06); }
.vsv-er.is-strong.is-active {
  border-color: var(--vsv-green);
  background: rgba(16, 185, 129, 0.12);
  box-shadow: 0 0 0.9em rgba(16, 185, 129, 0.2);
}

.vsv-er-name {
  font-size: 0.9em;
  font-weight: 500;
  color: var(--vsv-text);
  line-height: 1.35;
  margin-bottom: 0.3em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vsv-er.is-strong .vsv-er-name { color: #d1fae5; }
.vsv-er.is-strong.is-active .vsv-er-name { color: var(--vsv-green-lt); }

.vsv-er-meta { display: flex; align-items: center; gap: 0.45em; flex-wrap: nowrap; overflow: hidden; }

.vsv-badge {
  font-size: 0.72em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: 0.15em 0.55em;
  border-radius: 0.45em;
  white-space: nowrap;
}

.vsv-badge.s { background: rgba(16, 185, 129, 0.15); color: var(--vsv-green-lt); border: 1px solid rgba(16, 185, 129, 0.3); }
.vsv-badge.m { background: rgba(245, 158, 11, 0.12); color: var(--vsv-amber-lt); border: 1px solid rgba(245, 158, 11, 0.25); }
.vsv-badge.no { background: rgba(107, 114, 128, 0.12); color: #9ca3af; border: 1px solid rgba(107, 114, 128, 0.2); }

.vsv-er-mkt { font-size: 0.8em; color: var(--vsv-text-m); }

.vsv-er-cross {
  font-size: 0.72em;
  color: rgba(212, 165, 116, 0.7);
  padding: 0.1em 0.4em;
  border: 1px solid rgba(212, 165, 116, 0.2);
  border-radius: 0.3em;
  white-space: nowrap;
  flex-shrink: 0;
}

.vsv-sb-bot {
  padding: 0.6em 0.7em;
  border-top: 1px solid rgba(184, 137, 78, 0.1);
  flex-shrink: 0;
}

.vsv-sb-card {
  background: rgba(184, 137, 78, 0.1);
  border: 1px solid rgba(184, 137, 78, 0.22);
  border-radius: 0.8em;
  padding: 0.5em 0.8em;
  font-size: 0.9em;
  color: var(--vsv-text-m);
  line-height: 1.4;
}

.vsv-sb-card strong { color: var(--vsv-gold-lt); font-weight: 700; }

/* chat */

.vsv-chat {
  flex: 1;
  min-width: 0;
  min-height: 0;
  background: var(--vsv-beige);
  display: flex;
  flex-direction: column;
}

.vsv-msgs {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 1.4em 1.3em 0.6em;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.vsv-msg {
  display: flex;
  gap: 0.7em;
  opacity: 0;
  transform: translateY(0.5em);
  transition: opacity 0.35s ease, transform 0.35s ease;
  flex-shrink: 0;
}

.vsv-msg.is-on { opacity: 1; transform: translateY(0); }
.vsv-msg.is-user { flex-direction: row-reverse; }

.vsv-av {
  width: 2.4em;
  height: 2.4em;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85em;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.vsv-msg.is-ai .vsv-av { background: var(--vsv-dark); color: var(--vsv-gold-lt); border: 1px solid var(--vsv-gold-bd); }
.vsv-msg.is-user .vsv-av { background: var(--vsv-gold-dk); color: #fff; font-size: 0.78em; }

.vsv-bub {
  max-width: 78%;
  padding: 0.7em 1.05em;
  font-size: 1.05em;
  line-height: 1.55;
  color: #2d2519;
}

.vsv-msg.is-ai .vsv-bub {
  background: linear-gradient(135deg, #e8d4b0, #dcc49a);
  border-radius: 1.6em 1.6em 1.6em 0.35em;
  box-shadow: 0 0.2em 0.7em rgba(0, 0, 0, 0.12);
}

.vsv-msg.is-user .vsv-bub {
  background: linear-gradient(135deg, #d4a574, #b8894e);
  border-radius: 1.6em 1.6em 0.35em 1.6em;
  box-shadow: 0 0.2em 0.7em rgba(212, 165, 116, 0.3);
}

.vsv-bub strong { font-weight: 600; }

.vsv-pill {
  display: inline-block;
  background: rgba(16, 185, 129, 0.11);
  color: #059669;
  border: 1px solid rgba(16, 185, 129, 0.25);
  border-radius: 0.45em;
  font-size: 0.85em;
  font-weight: 700;
  padding: 0.05em 0.5em;
  vertical-align: middle;
}

/* typing dots */

.vsv-tdots { display: flex; gap: 0.35em; align-items: center; padding: 0.4em 0.2em; }

.vsv-tdot {
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: #b0a090;
  animation: vsv-td 1.3s infinite ease-in-out;
}

.vsv-tdot:nth-child(2) { animation-delay: 0.17s; }
.vsv-tdot:nth-child(3) { animation-delay: 0.34s; }

@keyframes vsv-td {
  0%, 60%, 100% { transform: translateY(0); opacity: 0.3; }
  30% { transform: translateY(-0.35em); opacity: 1; }
}

/* widget wrapper: an AI avatar beside a card */

.vsv-wmsg {
  display: flex;
  gap: 0.7em;
  opacity: 0;
  transform: translateY(0.5em);
  transition: opacity 0.4s ease, transform 0.4s ease;
  flex-shrink: 0;
}

.vsv-wmsg.is-on { opacity: 1; transform: translateY(0); }
.vsv-wmsg > .vsv-wbody { flex: 1; min-width: 0; }
.vsv-wmsg .vsv-av { background: var(--vsv-dark); color: var(--vsv-gold-lt); border: 1px solid var(--vsv-gold-bd); }

/* chart widget */

.vsv-cw {
  max-width: 44em;
  background: var(--vsv-card);
  border-radius: 1.1em;
  border: 1px solid rgba(184, 137, 78, 0.25);
  overflow: hidden;
  box-shadow: 0 0.3em 1.6em rgba(0, 0, 0, 0.2);
  color: var(--vsv-text);
}

.vsv-cw-hdr {
  padding: 0.7em 1.1em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8em;
  border-bottom: 1px solid rgba(184, 137, 78, 0.12);
}

.vsv-cw-title { font-size: 0.95em; font-weight: 700; letter-spacing: 0.03em; }
.vsv-cw-sub { font-size: 0.8em; color: var(--vsv-text-m); margin-top: 0.1em; }
.vsv-cw-sub .gold { color: var(--vsv-gold); }

.vsv-cw-badge {
  font-size: 0.75em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.2em 0.8em;
  border-radius: 0.5em;
  background: rgba(212, 165, 116, 0.12);
  color: var(--vsv-gold-lt);
  border: 1px solid rgba(212, 165, 116, 0.2);
  white-space: nowrap;
}

.vsv-cw-chart { background: #100e08; }
.vsv-cw-chart svg { display: block; width: 100%; height: auto; }

.vsv-cw-foot {
  padding: 0.8em 1.1em;
  border-top: 1px solid rgba(184, 137, 78, 0.1);
  background: rgba(10, 8, 4, 0.4);
}

.vsv-formula {
  font-family: "JetBrains Mono", "SF Mono", Menlo, monospace;
  font-size: 0.78em;
  color: #a89060;
  line-height: 1.65;
  background: rgba(0, 0, 0, 0.25);
  padding: 0.6em 0.9em;
  border-radius: 0.6em;
  border: 1px solid rgba(184, 137, 78, 0.1);
  margin-bottom: 0.7em;
  white-space: pre;
  overflow: hidden;
}

.vsv-formula .kw { color: #d4a574; }
.vsv-formula .cm { color: #5a6040; font-style: italic; }
.vsv-formula .fn { color: #7ec8a0; }
.vsv-formula .num { color: #e8c896; }

.vsv-cw-stats {
  display: flex;
  align-items: center;
  gap: 1.1em;
  font-size: 0.85em;
  color: var(--vsv-text-m);
  flex-wrap: wrap;
}

.vsv-cw-stats strong { color: var(--vsv-text); }

/* event study widget */

.vsv-es {
  max-width: 44em;
  background: var(--vsv-beige);
  border-radius: 1.1em;
  border: 1px solid rgba(184, 137, 78, 0.28);
  overflow: hidden;
  box-shadow: 0 0.3em 1.4em rgba(0, 0, 0, 0.1);
  color: #332818;
}

.vsv-es-hdr {
  padding: 0.9em 1.1em;
  background: linear-gradient(135deg, #10b981, #15803d);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.8em;
}

.vsv-es-label { font-size: 1.2em; font-weight: 800; color: #fff; letter-spacing: 0.02em; }
.vsv-es-desc { font-size: 0.85em; color: rgba(255, 255, 255, 0.85); margin-top: 0.15em; line-height: 1.4; }
.vsv-es-icon { font-size: 1.9em; line-height: 1; flex-shrink: 0; }

.vsv-es-stats {
  background: rgba(245, 239, 229, 0.6);
  padding: 0.6em 1.1em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8em;
  border-top: 1px solid rgba(184, 137, 78, 0.15);
  border-bottom: 1px solid rgba(184, 137, 78, 0.15);
  font-size: 0.85em;
}

.vsv-es-grp { display: flex; gap: 1.3em; }
.vsv-es-l { color: var(--vsv-text-s); }
.vsv-es-v { font-weight: 600; color: var(--vsv-dark); }

.vsv-kpill {
  display: flex;
  align-items: center;
  gap: 0.3em;
  background: var(--vsv-dark);
  color: var(--vsv-beige);
  padding: 0.25em 0.8em;
  border-radius: 1.4em;
  white-space: nowrap;
}

.vsv-kpill .k { opacity: 0.6; font-size: 0.85em; }

.vsv-es-pat {
  padding: 0.5em 1.1em;
  font-size: 0.8em;
  color: var(--vsv-text-s);
  border-bottom: 1px solid rgba(184, 137, 78, 0.1);
  font-style: italic;
  line-height: 1.45;
}

.vsv-es-tbl { padding: 0.25em 0.6em 0.7em; }

.vsv-es-tbl table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 0.25em;
  font-size: 0.85em;
}

.vsv-es-tbl th {
  font-size: 0.78em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: var(--vsv-text-s);
  padding: 0.35em 0.45em 0.15em;
  text-align: left;
}

.vsv-es-tbl td { padding: 0.4em 0.45em; vertical-align: middle; color: #332818; }
.vsv-es-tbl .r { text-align: right; }
.vsv-es-tbl .c { text-align: center; }

.vsv-es-tbl tr.s td { background: rgba(16, 185, 129, 0.07); }
.vsv-es-tbl tr.m td { background: rgba(245, 158, 11, 0.065); }
.vsv-es-tbl tr.s td:first-child, .vsv-es-tbl tr.m td:first-child { border-radius: 0.5em 0 0 0.5em; }
.vsv-es-tbl tr.s td:last-child, .vsv-es-tbl tr.m td:last-child { border-radius: 0 0.5em 0.5em 0; }

.vsv-dl { color: #16a34a; font-weight: 700; font-size: 0.8em; }
.vsv-ds { color: #dc2626; font-weight: 700; font-size: 0.8em; }
.vsv-dim { color: #9ca3af; }
.vsv-amb { color: #d97706; }
.vsv-grn { color: #059669; font-weight: 600; }

.vsv-vp {
  display: inline-flex;
  align-items: center;
  font-size: 0.8em;
  font-weight: 700;
  padding: 0.15em 0.45em;
  border-radius: 0.4em;
  white-space: nowrap;
}

.vsv-vp.b { background: rgba(16, 185, 129, 0.12); color: #059669; border: 1px solid rgba(16, 185, 129, 0.23); }
.vsv-vp.m { background: rgba(245, 158, 11, 0.1); color: #d97706; border: 1px solid rgba(245, 158, 11, 0.2); }
.vsv-vp.n { background: rgba(107, 114, 128, 0.09); color: #9ca3af; border: 1px solid rgba(107, 114, 128, 0.17); }

/* trade setup widget */

.vsv-tw {
  max-width: 44em;
  background: var(--vsv-card);
  border-radius: 1.1em;
  border: 1px solid rgba(184, 137, 78, 0.28);
  overflow: hidden;
  box-shadow: 0 0.5em 2.2em rgba(0, 0, 0, 0.35);
  color: var(--vsv-text);
}

.vsv-tw-head {
  padding: 0.7em 1.1em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(184, 137, 78, 0.14);
  background: rgba(0, 0, 0, 0.25);
}

.vsv-tw-hl { display: flex; align-items: center; gap: 0.6em; }
.vsv-tw-title { font-size: 0.78em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: var(--vsv-text-m); }

.vsv-tw-dir {
  font-size: 0.9em;
  font-weight: 800;
  padding: 0.15em 0.8em;
  border-radius: 0.45em;
  letter-spacing: 0.04em;
  background: rgba(16, 185, 129, 0.15);
  color: var(--vsv-green-lt);
  border: 1px solid rgba(16, 185, 129, 0.25);
}

.vsv-tw-mkt { font-size: 0.85em; color: var(--vsv-text-m); }

.vsv-tw-body { display: flex; min-height: 13em; }

.vsv-tw-left {
  width: 14.5em;
  flex-shrink: 0;
  padding: 0.8em 1.1em;
  border-right: 1px solid rgba(184, 137, 78, 0.1);
  display: flex;
  flex-direction: column;
  gap: 0.55em;
}

.vsv-tw-fl { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 0.15em; }
.vsv-tw-fl.entry { color: rgba(110, 231, 183, 0.7); }
.vsv-tw-fl.stop { color: rgba(252, 165, 165, 0.7); }
.vsv-tw-fl.target { color: rgba(232, 200, 150, 0.7); }

.vsv-tw-fv { font-size: 1.45em; font-weight: 800; line-height: 1; }
.vsv-tw-fv.entry { color: var(--vsv-green-lt); }
.vsv-tw-fv.stop { color: var(--vsv-red-lt); }
.vsv-tw-fv.target { color: var(--vsv-gold-lt); }

.vsv-tw-fd { font-size: 0.78em; color: var(--vsv-text-m); margin-top: 0.1em; }
.vsv-tw-div { height: 1px; background: rgba(184, 137, 78, 0.1); }

.vsv-tw-row { display: flex; justify-content: space-between; align-items: center; font-size: 0.85em; }
.vsv-tw-sl { color: var(--vsv-text-m); }
.vsv-tw-sv { color: var(--vsv-text); font-weight: 600; }

.vsv-tw-right { flex: 1; min-width: 0; background: #100e08; position: relative; }
.vsv-tw-right svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }

/* input bar */

.vsv-in {
  flex-shrink: 0;
  border-top: 1px solid rgba(184, 137, 78, 0.18);
  padding: 0.85em 1.1em;
  background: var(--vsv-darker);
  display: flex;
  align-items: center;
  gap: 0.7em;
}

.vsv-field {
  flex: 1;
  min-width: 0;
  background: var(--vsv-input);
  border: 1px solid rgba(184, 137, 78, 0.2);
  border-radius: 0.85em;
  padding: 0.6em 1em;
  font-size: 1em;
  color: var(--vsv-text-m);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}

.vsv-field.is-typing { color: var(--vsv-text); }

.vsv-send {
  width: 2.7em;
  height: 2.7em;
  background: var(--vsv-gold-dk);
  border-radius: 0.7em;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.vsv-send svg { width: 1.2em; height: 1.2em; }

/* ---------- narrow (4:5) layout: the library becomes a strip above the chat ---------- */

.vsv-term.vsv-narrow .vsv-body { flex-direction: column; }

.vsv-term.vsv-narrow .vsv-sb {
  width: 100%;
  flex-direction: row;
  align-items: stretch;
  border-right: none;
  border-bottom: 1px solid rgba(184, 137, 78, 0.15);
  height: 5.6em;
  flex-shrink: 0;
}

.vsv-term.vsv-narrow .vsv-sb-hdr {
  width: 7.2em;
  flex-shrink: 0;
  border-bottom: none;
  border-right: 1px solid rgba(184, 137, 78, 0.12);
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.3em;
  line-height: 1.2;
}

.vsv-term.vsv-narrow .vsv-sb-list {
  flex-direction: row;
  align-items: center;
  gap: 0.45em;
  padding: 0.5em 0.6em;
  overflow: hidden;
}

.vsv-term.vsv-narrow .vsv-er {
  width: 11.5em;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.4em 0.7em;
}

.vsv-term.vsv-narrow .vsv-er-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.3em;
}

.vsv-term.vsv-narrow .vsv-er-cross { display: none; }

.vsv-term.vsv-narrow .vsv-sb-bot { display: none; }

.vsv-term.vsv-narrow .vsv-sb-count {
  display: block;
  font-size: 0.85em;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0.02em;
  color: var(--vsv-gold-lt);
}

.vsv-sb-count { display: none; }

.vsv-term.vsv-narrow .vsv-bub { max-width: 88%; }
.vsv-term.vsv-narrow .vsv-tw-body { flex-direction: column; }
.vsv-term.vsv-narrow .vsv-tw-left { width: 100%; border-right: none; border-bottom: 1px solid rgba(184, 137, 78, 0.1); }
.vsv-term.vsv-narrow .vsv-tw-right { flex: 0 0 9em; height: 9em; }
.vsv-term.vsv-narrow .vsv-tag { display: none; }

/* reduced motion: no transitions, everything lands at once */

@media (prefers-reduced-motion: reduce) {
  .vsv-msg, .vsv-wmsg { transition: none; }
  .vsv-tdot { animation: none; }
}