/* AI Visibility Report — SayNine tool. SEO Consultant look:
   League Spartan, #031D3D page, #10335F panels, #C6E1FF light, cyan/blue accents. */
.avr, .avr *, .avr *::before, .avr *::after { box-sizing: border-box; }
.avr {
  --page: #031D3D; --panel: #10335F; --card: #0B2647; --light: #C6E1FF;
  --blue: #077DFD; --cyan: #74D8FA; --lime: #CBE389; --coral: #FF9E80; --ink: #ffffff; --ink-dark: #181F35;
  --muted: #B9C0D4; --muted-light: #7F88A2;
  background: var(--page); color: var(--ink);
  font-family: "League Spartan", "Poppins", system-ui, sans-serif;
  padding: clamp(28px, 5vw, 64px) clamp(16px, 4vw, 40px); min-height: 60vh;
}
.avr__inner { width: min(1280px, 100%); margin: 0 auto; }
.avr [hidden] { display: none !important; }
.avr__badge { display: inline-block; background: var(--panel); font-weight: 700; font-size: 14px; border-radius: 100px; padding: 8px 16px; margin-bottom: 18px; }
.avr__title { margin: 0 0 12px; font-weight: 700; font-size: clamp(30px, 4.4vw, 58px); line-height: 1.05; }
.avr__sub { margin: 0 0 clamp(24px, 3vw, 40px); color: var(--muted); font-size: clamp(15px, 1.5vw, 19px); line-height: 1.5; max-width: 720px; }

.avr-btn { font: inherit; font-weight: 700; font-size: 17px; cursor: pointer; border: none; color: #fff; background: var(--blue);
  border-radius: 200px; padding: 15px 28px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; transition: filter .15s; text-decoration: none; }
.avr-btn:hover { filter: brightness(1.08); }
.avr-btn:disabled { opacity: .6; cursor: default; }
.avr-btn--wide { width: 100%; }
.avr-btn--lg { font-size: 19px; padding: 18px 40px; }
.avr-btn--ghost { background: transparent; color: var(--ink); border: 1px solid rgba(255,255,255,.28); }
.avr-btn--ghost:hover { background: rgba(255,255,255,.06); filter: none; }
.avr-error { color: #ffb0a3; font-size: 14px; margin: 6px 0 0; }
.avr-note { color: var(--muted-light); font-size: 13px; margin: 16px 0 0; }
.avr-help { color: var(--muted); font-size: 16px; line-height: 1.5; max-width: 760px; margin: 0 0 26px; }

/* Step 1 */
.avr-form { background: var(--panel); border-radius: 24px; padding: clamp(24px, 3vw, 44px); width: min(560px, 100%); }
.avr-field { display: block; margin-bottom: 18px; }
.avr-field > span { display: block; font-size: 14px; font-weight: 600; color: var(--muted); margin-bottom: 8px; }
.avr-field input, .avr-field select { width: 100%; font: inherit; font-size: 16px; color: var(--ink); background: var(--page); border: none; border-radius: 10px; padding: 15px 16px; }
.avr-field input::placeholder { color: var(--muted-light); }
.avr-field input:focus, .avr-field select:focus { outline: none; box-shadow: 0 0 0 2px var(--blue); }
.avr-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }

/* Loading */
.avr-loading { text-align: center; padding: clamp(50px, 10vw, 120px) 0; }
.avr-spinner { width: 60px; height: 60px; border-radius: 50%; margin: 0 auto 26px; border: 5px solid rgba(116,216,250,.22); border-top-color: var(--cyan); animation: avr-spin 1s linear infinite; }
@keyframes avr-spin { to { transform: rotate(360deg); } }
.avr-loading__title { font-size: clamp(22px, 3vw, 32px); font-weight: 700; margin-bottom: 12px; }
.avr-loading__line { color: var(--muted); font-size: 17px; min-height: 24px; }

/* Step 2 prompts (big) */
.avr-brandline { color: var(--cyan); font-size: 18px; font-weight: 600; margin: 0 0 6px; }
.avr-prompts { display: grid; grid-template-columns: 1fr; gap: 16px; margin-bottom: 30px; }
.avr-prompt { background: var(--panel); border-radius: 18px; padding: 20px 24px; display: flex; flex-direction: row; align-items: flex-start; gap: 16px; }
.avr-prompt__main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.avr-prompt__head, .avr-prompt__top { display: flex; align-items: center; gap: 12px; }
.avr-prompt__no { width: 32px; height: 32px; border-radius: 50%; background: var(--card); color: var(--cyan); font-weight: 700; display: grid; place-items: center; font-size: 15px; flex: none; margin-top: 2px; }
.avr-addprompt { width: 100%; font: inherit; font-weight: 600; font-size: 16px; cursor: pointer; color: var(--cyan);
  background: transparent; border: 1.5px dashed rgba(116,216,250,.4); border-radius: 16px; padding: 18px;
  display: flex; align-items: center; justify-content: center; gap: 10px; }
.avr-addprompt:hover { background: rgba(116,216,250,.07); }
.avr-addprompt__plus { font-size: 20px; font-weight: 700; line-height: 1; }
.avr-addprompt small { color: var(--muted-light); font-weight: 500; }
.avr-addprompt.is-loading { opacity: .6; cursor: default; }
.avr-chip { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--ink-dark); background: var(--cyan); border-radius: 100px; padding: 5px 12px; }
.avr-chip--comparison { background: var(--lime); }
.avr-chip--informational { background: #AAE9FF; }
.avr-chip--local { background: #FFD4C5; }
.avr-regen { font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; color: var(--cyan); background: transparent; border: 1px solid rgba(116,216,250,.35); border-radius: 100px; padding: 6px 14px; margin-left: auto; }
.avr-regen:hover { background: rgba(116,216,250,.12); }
.avr-prompt__text { font: inherit; font-size: 18px; font-weight: 600; color: var(--ink); background: var(--page); border: 1px solid transparent; border-radius: 12px; padding: 13px 16px; width: 100%; resize: vertical; min-height: 52px; line-height: 1.35; }
.avr-prompt__text:focus { outline: none; border-color: var(--blue); }
.avr-prompt__why { color: var(--muted); font-size: 15px; line-height: 1.45; margin: 0; }
.avr-actions { display: flex; gap: 16px; flex-wrap: wrap; align-items: center; }

/* model picker (step 1) */
.avr-field > span small { color: var(--muted-light); font-weight: 400; }
.avr-models-pick { display: flex; flex-wrap: wrap; gap: 8px; }
.avr-mchip { font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 8px;
  color: var(--muted); background: var(--page); border: 1px solid rgba(255,255,255,.12); border-radius: 100px; padding: 8px 14px; }
.avr-mchip__dot { width: 9px; height: 9px; border-radius: 50%; opacity: .4; }
.avr-mchip__x { font-size: 11px; opacity: 0; margin-left: -2px; }
.avr-mchip.is-on { color: var(--ink); border-color: var(--cyan); background: rgba(116,216,250,.08); }
.avr-mchip.is-on .avr-mchip__dot { opacity: 1; }
.avr-mchip.is-on .avr-mchip__x { opacity: .5; }
.avr-mchip.is-on:hover .avr-mchip__x { opacity: 1; }

/* delete-prompt X (step 2) */
.avr-prompt { position: relative; }
.avr-prompt__head { padding-right: 30px; }
.avr-prompt__del { position: absolute; top: 12px; right: 14px; width: 24px; height: 24px; border-radius: 50%;
  border: none; cursor: pointer; background: var(--card); color: var(--muted-light); font-size: 12px; line-height: 1; z-index: 2; }
.avr-prompt__del:hover { background: rgba(255,158,128,.22); color: var(--coral); }

/* country tabs (report with 2 markets) */
.avr-ctabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; }
.avr-ctab { font: inherit; font-size: 16px; font-weight: 700; cursor: pointer; color: var(--muted);
  background: var(--panel); border: 1px solid rgba(255,255,255,.08); border-radius: 100px; padding: 10px 22px; }
.avr-ctab:hover { color: var(--ink); }
.avr-ctab.is-active { background: var(--blue); color: #fff; border-color: var(--blue); }

/* KPI tile: % / fraction / label */
.avr-kpi3 { background: var(--card); border-radius: 16px; padding: 20px; }
.avr-kpi3__pct { font-size: clamp(28px, 3vw, 40px); font-weight: 700; line-height: 1; color: var(--cyan); }
.avr-kpi3__frac { font-size: 15px; color: var(--muted); margin-top: 8px; font-weight: 600; }
.avr-kpi3__lbl { font-size: 13px; color: var(--muted-light); margin-top: 2px; }

/* Free consulting nav CTA */
.avr-navbtn--cta { color: var(--lime); font-weight: 700; text-decoration: none; }
.avr-navbtn--cta:hover { background: rgba(203,227,137,.1); color: var(--lime); }

/* model circles row (Prompts page) */
.avr-mrow { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 6px; }
.avr-mrc { flex: 1 1 0; min-width: 100px; font: inherit; color: var(--ink); cursor: pointer; background: var(--panel);
  border: 1px solid rgba(255,255,255,.06); border-radius: 16px; padding: 14px 8px; display: flex; flex-direction: column;
  align-items: center; gap: 8px; transition: border-color .15s, transform .15s; }
.avr-mrc:hover { border-color: var(--c, var(--blue)); transform: translateY(-2px); }
.avr-mrc.is-active { border-color: var(--c, var(--blue)); box-shadow: 0 0 0 1px var(--c, var(--blue)); }
.avr-mrc .avr-ring { width: 72px; height: 72px; }
.avr-mrc .avr-ring__hole b { font-size: 18px; }
.avr-mrc__name { font-size: 13px; font-weight: 700; }

/* sources table */
.avr-srctools { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.avr-csv { font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; color: var(--cyan); background: var(--card);
  border: 1px solid rgba(116,216,250,.3); border-radius: 100px; padding: 7px 14px; }
.avr-csv:hover { background: rgba(116,216,250,.1); }
.avr-st__key { margin: 0 0 14px; }
.avr-st-wrap { overflow-x: auto; }
.avr-st { width: 100%; border-collapse: collapse; font-size: 14px; }
.avr-st th, .avr-st td { padding: 10px 12px; text-align: center; white-space: nowrap; border-top: 1px solid rgba(255,255,255,.07); }
.avr-st th { color: var(--muted); font-weight: 700; font-size: 13px; border-top: none; }
.avr-st__src { text-align: left !important; font-weight: 600; }
.avr-strow.is-you .avr-st__src { color: var(--cyan); }
.avr-st__z { color: var(--muted-light); opacity: .45; }
.avr-st__tot { font-weight: 700; }
.avr-st__pct { color: var(--cyan); font-weight: 700; }

/* ---------- REPORT ---------- */
.avr-panel { background: var(--panel); border-radius: 22px; padding: clamp(22px, 2.6vw, 34px); }
.avr-panel h3 { margin: 0 0 6px; font-size: clamp(18px, 1.8vw, 24px); font-weight: 700; }
.avr-panel__sub { color: var(--muted); font-size: 14px; margin: 0 0 16px; }

/* gauge / donut */
.avr-gauge { --v: 0; width: 150px; height: 150px; border-radius: 50%; flex: none;
  background: conic-gradient(var(--cyan) calc(var(--v)*1%), rgba(255,255,255,.08) 0); display: grid; place-items: center; }
.avr-gauge__inner { width: 78%; height: 78%; border-radius: 50%; background: var(--panel); display: grid; place-items: center; text-align: center; overflow: hidden; padding: 6px; }
.avr-gauge__num { font-size: 40px; font-weight: 700; line-height: 1; white-space: nowrap; }
.avr-gauge__lbl { font-size: 11px; color: var(--muted); margin-top: 4px; }
.avr-gauge--lg { width: 190px; height: 190px; } .avr-gauge--lg .avr-gauge__num { font-size: 50px; }
.avr-gauge--sm { width: 112px; height: 112px; margin: 0 auto 4px; } .avr-gauge--sm .avr-gauge__num { font-size: 30px; }
.avr-donut { --v: 0; width: 190px; height: 190px; border-radius: 50%; margin: 0 auto;
  background: conic-gradient(var(--cyan) calc(var(--v)*1%), rgba(255,255,255,.1) 0); display: grid; place-items: center; }
.avr-donut__hole { width: 66%; height: 66%; border-radius: 50%; background: var(--panel); display: grid; place-items: center; text-align: center; overflow: hidden; padding: 8px; }
.avr-donut__hole b { font-size: 40px; line-height: 1; white-space: nowrap; } .avr-donut__hole span { font-size: 12px; color: var(--muted); }
.avr-donut-wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.avr-donut-cap { color: var(--muted); font-size: 13px; margin: 12px 0 0; }

/* verdict banner (overview) */
.avr-verdict { border-radius: 20px; padding: clamp(22px, 3vw, 32px); border-left: 5px solid var(--cyan); background: var(--panel); }
.avr-verdict--bad { border-left-color: var(--coral); background: linear-gradient(120deg, rgba(255,158,128,.14), var(--panel)); }
.avr-verdict--ok { border-left-color: var(--blue); }
.avr-verdict--good { border-left-color: var(--lime); background: linear-gradient(120deg, rgba(203,227,137,.12), var(--panel)); }
.avr-verdict__h { margin: 0 0 8px; font-size: clamp(22px, 2.6vw, 30px); font-weight: 700; }
.avr-verdict__p { margin: 0; color: var(--muted); font-size: clamp(15px, 1.6vw, 18px); line-height: 1.5; }

/* model ring cards (by-AI-model view) */
.avr-panel-h { font-weight: 700; font-size: 18px; margin-bottom: 18px; }
.avr-mcards { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; }
.avr-mcard { background: var(--panel); border-radius: 20px; padding: 24px 20px; display: flex; flex-direction: column;
  align-items: center; gap: 14px; border: 1px solid rgba(255,255,255,.05); cursor: pointer; transition: border-color .15s, transform .15s; }
.avr-mcard:hover { border-color: var(--c, var(--blue)); transform: translateY(-2px); }
.avr-mcard.is-open { border-color: var(--c, var(--blue)); box-shadow: 0 0 0 1px var(--c, var(--blue)); }
.avr-mcard:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }
.avr-mcard__head { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 16px; text-align: center; }
.avr-mdot { width: 10px; height: 10px; border-radius: 50%; background: var(--c, var(--blue)); flex: none; }
.avr-mcard__stat { color: var(--muted); font-size: 13px; text-align: center; }
.avr-mcard__stat b { color: var(--ink); font-size: 15px; }
.avr-mcard__more { font-size: 12px; font-weight: 600; color: var(--cyan); opacity: .8; }
.avr-mcard--soon { opacity: .55; cursor: default; }
.avr-mcard--soon:hover { border-color: rgba(255,255,255,.05); transform: none; }

/* model detail drawer (opens when a model card is clicked) */
.avr-mdetail { position: relative; background: var(--panel); border-radius: 20px; padding: clamp(20px, 2.6vw, 30px); border: 1px solid rgba(116,216,250,.25); display: flex; flex-direction: column; gap: 14px; }
.avr-md__close { position: absolute; top: 16px; right: 16px; width: 32px; height: 32px; border-radius: 50%; border: none; cursor: pointer; background: var(--card); color: var(--muted); font-size: 15px; }
.avr-md__close:hover { color: var(--ink); }
.avr-md__head { display: flex; align-items: center; gap: 10px; font-size: 19px; flex-wrap: wrap; padding-right: 48px; }
.avr-md__stat { color: var(--cyan); font-size: 14px; font-weight: 600; margin-left: auto; }
.avr-md__blurb { color: var(--muted); font-size: 15px; line-height: 1.5; margin: 0 0 4px; }
.avr-md__row { background: var(--card); border-radius: 14px; padding: 16px; }
.avr-md__top { display: flex; align-items: flex-start; gap: 12px; }
.avr-md__q { font-weight: 600; font-size: 15px; margin: 0; }
.avr-md__a { color: var(--muted); font-size: 13.5px; line-height: 1.5; margin: 10px 0 0; }
.avr-ring { --v: 0; --c: var(--blue); width: 118px; height: 118px; border-radius: 50%; flex: none;
  background: conic-gradient(var(--c) calc(var(--v)*1%), rgba(255,255,255,.09) 0); display: grid; place-items: center; }
.avr-ring__hole { width: 74%; height: 74%; border-radius: 50%; background: var(--panel); display: grid; place-items: center; overflow: hidden; }
.avr-ring__hole b { font-size: 26px; font-weight: 700; line-height: 1; white-space: nowrap; }
.avr-ring--soon { background: rgba(255,255,255,.06); }
.avr-ring--soon .avr-ring__hole b { color: var(--muted-light); font-size: 22px; }

/* product cards */
.avr-pcards { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.avr-pcard { background: var(--card); border-radius: 16px; padding: 20px; display: flex; flex-direction: column; gap: 14px;
  border: 1px solid rgba(255,255,255,.05); }
.avr-pcard.is-named { border-color: rgba(116,216,250,.3); }
.avr-pcard__name { font-weight: 700; font-size: 17px; }
.avr-pcard__bar { height: 10px; border-radius: 6px; background: rgba(255,255,255,.08); overflow: hidden; }
.avr-pcard__bar > i { display: block; height: 100%; border-radius: 6px; background: linear-gradient(90deg, var(--cyan), var(--blue)); }
.avr-pcard__foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.avr-pcard__pct { color: var(--muted); font-size: 13px; }
.avr-pill { font-size: 12px; font-weight: 700; border-radius: 100px; padding: 5px 12px; }
.avr-pill--yes { background: rgba(116,216,250,.18); color: var(--cyan); }
.avr-pill--no { background: rgba(255,158,128,.15); color: var(--coral); }

/* KPI tiles */
.avr-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px,1fr)); gap: 16px; flex: 1 1 auto; }
.avr-kpis--2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.avr-kpi { background: var(--card); border-radius: 16px; padding: 20px; }
.avr-kpi__num { font-size: clamp(28px, 3vw, 40px); font-weight: 700; line-height: 1; color: var(--cyan); }
.avr-kpi__lbl { font-size: 13px; color: var(--muted); margin-top: 8px; }

/* hero */
.avr-hero { display: flex; align-items: center; gap: clamp(20px, 3vw, 40px); flex-wrap: wrap; background: var(--panel); border-radius: 22px; padding: clamp(22px, 3vw, 36px); }

/* projection */
.avr-proj__h { font-weight: 700; font-size: 18px; margin-bottom: 20px; }
.avr-proj__bars { display: flex; align-items: flex-end; justify-content: center; gap: clamp(30px, 6vw, 60px); }
.avr-proj__col { height: 180px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 10px; }
.avr-proj__bar { width: 74px; min-height: 8px; border-radius: 12px 12px 0 0; background: var(--muted-light); }
.avr-proj__col--goal .avr-proj__bar { background: linear-gradient(var(--cyan), var(--blue)); }
.avr-proj__col span { font-size: 13px; color: var(--muted); display: flex; flex-direction: column; align-items: center; gap: 2px; }
.avr-proj__col span b { font-size: 26px; color: var(--ink); }
.avr-proj__col--goal span b { color: var(--cyan); }
.avr-proj__cap { color: var(--muted); font-size: 14px; text-align: center; margin: 22px 0 0; }

/* CTAs (compact 3-up) */
.avr-ctas { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.avr-cta { background: linear-gradient(150deg, #0d3a6e, #10335F); border-radius: 18px; padding: 22px; display: flex; flex-direction: column; gap: 14px; justify-content: space-between; }
.avr-cta--plus { background: var(--panel); }
.avr-cta h4 { margin: 0 0 6px; font-size: 19px; } .avr-cta p { margin: 0; color: var(--muted); font-size: 14px; }
.avr-cta .avr-btn { align-self: flex-start; font-size: 15px; padding: 12px 22px; }

/* horizontal bar chart */
.avr-chart { display: flex; flex-direction: column; gap: 14px; }
.avr-hbar { display: flex; align-items: center; gap: 16px; }
.avr-hbar__lbl { flex: 0 0 34%; font-weight: 600; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.avr-hbar__track { flex: 1 1 auto; height: 14px; border-radius: 8px; background: rgba(255,255,255,.08); overflow: hidden; }
.avr-hbar__track > i { display: block; height: 100%; border-radius: 8px; }
.avr-hbar__val { flex: 0 0 auto; width: 110px; text-align: right; color: var(--muted); font-size: 14px; }
.avr-hbar.is-you .avr-hbar__lbl { color: var(--cyan); }
.avr-hbar.is-soon { opacity: .45; }
.avr-soon { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); background: rgba(255,255,255,.08); border-radius: 100px; padding: 2px 8px; margin-left: 6px; }
.avr-you { color: var(--cyan); font-size: 12px; margin-left: 8px; }

/* split (donut + chart) */
.avr-split { display: grid; grid-template-columns: 240px 1fr; gap: 18px; align-items: start; }

/* where AI looks — stack the two bars with a clear gap */
.avr-vs { display: flex; flex-direction: column; gap: 14px; }
.avr-vs__lead { margin: 0 0 4px; font-size: 17px; } .avr-vs__lead b { color: var(--coral); }

/* prompts drilldown */
.avr-view__h { margin: 0 0 6px; font-size: clamp(22px, 2.4vw, 30px); font-weight: 700; }
.avr-view__sub { color: var(--muted); font-size: 15px; margin: 0 0 20px; }
.avr-drill { display: flex; flex-direction: column; gap: 14px; }
.avr-pr { background: var(--card); border-radius: 14px; padding: 20px; }
.avr-pr--gap { outline: 1px solid rgba(255,158,128,.4); }
.avr-pr__q { font-weight: 600; font-size: 17px; margin: 0 0 14px; }
.avr-tags { display: flex; gap: 8px; flex-wrap: wrap; }
.avr-tag { font: inherit; font-size: 13px; font-weight: 700; border-radius: 100px; padding: 7px 14px; border: 1px solid transparent; cursor: pointer; transition: filter .12s, box-shadow .12s; }
.avr-tag--yes { background: rgba(116,216,250,.18); color: var(--cyan); }
.avr-tag--no { background: rgba(255,158,128,.15); color: var(--coral); }
.avr-tag:hover { filter: brightness(1.15); }
.avr-tag.is-active { box-shadow: 0 0 0 2px currentColor inset; }
.avr-pr__hint { color: var(--muted-light); font-size: 13px; margin: 0 0 12px; }
.avr-panes { margin-top: 4px; }
.avr-ans { margin-top: 14px; background: var(--panel); border-radius: 14px; padding: 18px; }
.avr-ans__lbl { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 15px; margin-bottom: 10px; }
.avr-ans__txt { color: var(--muted); font-size: 14px; line-height: 1.6; margin: 0; white-space: pre-wrap; }
.avr-ans__src { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; color: var(--muted-light); font-size: 12px; }

/* per-AI answer skins — each answer looks like it came from that assistant's own chat */
.avr-chat { margin-top: 14px; }
.avr-chat__ui { --ui-bg: var(--panel); --ui-text: var(--ink); --ava-bg: var(--blue); --ava-fg: #fff;
  background: var(--ui-bg); color: var(--ui-text); border-radius: 16px; padding: 16px 18px 18px; border: 1px solid rgba(255,255,255,.06); }
.avr-chat__bar { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.avr-chat__ava { width: 30px; height: 30px; border-radius: 9px; flex: none; display: grid; place-items: center; background: var(--ava-bg); color: var(--ava-fg); }
.avr-chat__ava svg { width: 18px; height: 18px; }
.avr-chat__name { font-weight: 700; font-size: 15px; }
.avr-chat__pill { margin-left: auto; font-size: 11px; font-weight: 700; border-radius: 100px; padding: 3px 10px; }
.avr-chat__pill--yes { background: rgba(25,160,90,.18); color: #1f9d57; }
.avr-chat__pill--no { background: rgba(220,70,60,.16); color: #d6483c; }
.avr-chat__msg { font-size: 14.5px; line-height: 1.6; }
.avr-chat__msg > *:first-child { margin-top: 0; }
.avr-chat__msg > *:last-child { margin-bottom: 0; }
.avr-chat__msg p { margin: 0 0 10px; }
.avr-chat__msg .avr-md-h { font-size: 15.5px; font-weight: 700; margin: 16px 0 8px; line-height: 1.3; }
.avr-chat__msg ul, .avr-chat__msg ol { margin: 8px 0 12px; padding-left: 22px; }
.avr-chat__msg li { margin: 4px 0; }
.avr-chat__msg li::marker { color: currentColor; opacity: .6; }
.avr-chat__msg strong { font-weight: 700; }
.avr-chat__msg code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .9em; background: rgba(127,127,127,.18); border-radius: 5px; padding: 1px 5px; }
.avr-chat__msg a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.avr-chat__empty { margin: 0; opacity: .7; }
.avr-chat--chatgpt .avr-chat__ui { --ui-bg: #343541; --ui-text: #ECECF1; --ava-bg: #10A37F; border-color: #4b4d5a; }
.avr-chat--gemini .avr-chat__ui { --ui-bg: #F0F4F9; --ui-text: #1F1F1F; --ava-bg: linear-gradient(135deg,#4285F4,#9B72CB,#D96570); border-color: #d9e1ec; }
.avr-chat--perplexity .avr-chat__ui { --ui-bg: #202B33; --ui-text: #E7ECEF; --ava-bg: #20B8CD; --ava-fg: #08252b; border-color: #31414c; }
.avr-chat--google_ai_overviews .avr-chat__ui { --ui-bg: #ffffff; --ui-text: #202124; --ava-bg: linear-gradient(135deg,#4285F4,#9B72CB,#EA4335); border-color: #e2e5ea; }
.avr-chat--google_ai_mode .avr-chat__ui { --ui-bg: linear-gradient(180deg,#ffffff,#eef3fb); --ui-text: #202124; --ava-bg: linear-gradient(135deg,#1a73e8,#9B72CB); border-color: #dbe6f7; }
.avr-chat--claude .avr-chat__ui { --ui-bg: #F5F1E8; --ui-text: #3D3929; --ava-bg: #D97757; border-color: #e6dfcf; }

/* sources list + filters */
.avr-srcbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.avr-srcbar .avr-panel-h { margin: 0; }
.avr-srcfilters { display: flex; gap: 8px; flex-wrap: wrap; }
.avr-fchip { font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; color: var(--muted); background: var(--card); border: 1px solid rgba(255,255,255,.08); border-radius: 100px; padding: 6px 14px; }
.avr-fchip:hover { color: var(--ink); }
.avr-fchip.is-active { background: var(--blue); color: #fff; border-color: var(--blue); }
.avr-srclist { display: flex; flex-direction: column; }
.avr-srcrow { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 14px; align-items: center; padding: 12px 0; border-top: 1px solid rgba(255,255,255,.07); }
.avr-srcrow:first-child { border-top: none; }
.avr-srcrow__dom { font-weight: 600; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.avr-srcrow.is-you .avr-srcrow__dom { color: var(--cyan); }
.avr-srcrow__models { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.avr-srcrow__val { color: var(--muted); font-size: 14px; white-space: nowrap; text-align: right; }
.avr-srctag { font-size: 11px; font-weight: 600; color: var(--muted); background: rgba(255,255,255,.07); border-radius: 100px; padding: 3px 9px; }

/* nested nav items (Mentions / Citations under Sources) */
.avr-navbtn--sub { margin-left: 12px; font-size: 15px; padding-top: 9px; padding-bottom: 9px; border-left: 2px solid rgba(255,255,255,.12); border-radius: 0 10px 10px 0; }
.avr-navbtn--sub.is-active { border-left-color: var(--blue); }

/* layout: sidebar + content */
.avr-rep { display: grid; grid-template-columns: 258px minmax(0,1fr); gap: 24px; align-items: start; }
.avr-rep__nav { position: sticky; top: 20px; background: var(--panel); border-radius: 22px; padding: 22px 18px; display: flex; flex-direction: column; gap: 14px; }
.avr-rep__brand { font-weight: 700; font-size: 20px; line-height: 1.15; }
.avr-rep__brand span { display: block; color: var(--muted-light); font-size: 13px; font-weight: 400; margin-top: 2px; }
.avr-rep__menu { display: flex; flex-direction: column; gap: 4px; }
.avr-navbtn { font: inherit; font-size: 16px; font-weight: 600; text-align: left; cursor: pointer; color: var(--muted); background: transparent; border: none; border-radius: 10px; padding: 12px 14px; }
.avr-navbtn:hover { background: rgba(255,255,255,.05); color: var(--ink); }
.avr-navbtn.is-active { background: var(--blue); color: #fff; }
.avr-rep__main { min-width: 0; display: flex; flex-direction: column; gap: 22px; }
.avr-view { display: flex; flex-direction: column; gap: 22px; }
.avr-view > .avr-view__h, .avr-view > .avr-view__sub { margin-bottom: 0; }

@media (max-width: 980px) { .avr-ctas { grid-template-columns: 1fr; } .avr-split { grid-template-columns: 1fr; } }
@media (max-width: 900px) {
  .avr-rep { grid-template-columns: 1fr; }
  .avr-rep__nav { position: static; }
  .avr-rep__menu { flex-direction: row; flex-wrap: wrap; } .avr-navbtn { flex: 1 1 auto; text-align: center; }
}
@media (max-width: 680px) {
  .avr-prompts { grid-template-columns: 1fr; } .avr-hbar__lbl { flex-basis: 44%; }
  .avr-srcrow { grid-template-columns: minmax(0,1fr) auto; }
  .avr-srcrow__models { display: none; }
}