#analysis {
  --analysis-red: #ff6b6b;
  --analysis-red-strong: #ff8585;
  --analysis-gold: var(--gold);
  --analysis-gold-strong: #f1cf6a;
  --analysis-green: var(--green);
  --analysis-green-strong: #16ddb4;
  --analysis-white: #f7f3e8;
  --analysis-ink: var(--text);
  --analysis-accent: var(--analysis-gold);
  --analysis-accent-strong: var(--analysis-gold-strong);
  --analysis-line: color-mix(in srgb, var(--border) 58%, var(--analysis-accent) 42%);
  --analysis-glow: color-mix(in srgb, var(--analysis-accent) 26%, transparent);
  --analysis-glow-soft: color-mix(in srgb, var(--analysis-accent) 16%, transparent);
  --analysis-text-glow: color-mix(in srgb, var(--analysis-accent) 34%, transparent);
  --analysis-signal-surface: color-mix(in srgb, var(--surface) 94%, var(--analysis-accent) 6%);
  --analysis-card-surface: color-mix(in srgb, var(--surface) 96%, var(--analysis-accent) 4%);
  --analysis-card-surface-hot: color-mix(in srgb, var(--surface) 90%, var(--analysis-accent) 10%);
  --analysis-card-rim: color-mix(in srgb, var(--border) 48%, var(--analysis-accent) 52%);
  --analysis-data-surface: rgba(255,255,255,.026);
}

html.light #analysis,
html[data-theme="light"] #analysis,
body.light #analysis {
  --analysis-red: #a93434;
  --analysis-red-strong: #7f1f1f;
  --analysis-gold: #9d6a0d;
  --analysis-gold-strong: #6f4d12;
  --analysis-green: #087864;
  --analysis-green-strong: #075f50;
  --analysis-white: #1f1a12;
  --analysis-ink: #211a10;
  --analysis-line: color-mix(in srgb, var(--border) 46%, var(--analysis-accent) 54%);
  --analysis-glow: color-mix(in srgb, var(--analysis-accent) 20%, transparent);
  --analysis-glow-soft: color-mix(in srgb, var(--analysis-accent) 14%, transparent);
  --analysis-text-glow: color-mix(in srgb, var(--analysis-accent) 28%, transparent);
  --analysis-signal-surface: color-mix(in srgb, #fffaf0 95%, var(--analysis-accent) 5%);
  --analysis-card-surface: color-mix(in srgb, #fffaf0 96%, var(--analysis-accent) 4%);
  --analysis-card-surface-hot: color-mix(in srgb, #fffaf0 90%, var(--analysis-accent) 10%);
  --analysis-card-rim: color-mix(in srgb, var(--border) 38%, var(--analysis-accent) 62%);
  --analysis-data-surface: rgba(255,255,255,.58);
}

html body #analysis #a2-v191-analysis-meaning .a2-v191-hero {
  --analysis-accent: color-mix(in srgb, var(--analysis-white) 70%, var(--analysis-gold) 30%);
  --analysis-accent-strong: var(--analysis-white);
}

html body #analysis #a2-v191-analysis-meaning .a2-v191-decision-grid > .a2-v191-card:nth-child(1),
html body #analysis #a2-v191-analysis-meaning .a2-v191-card:has(.a2-v191-emphasis-red) {
  --analysis-accent: var(--analysis-red);
  --analysis-accent-strong: var(--analysis-red-strong);
}

html body #analysis #a2-v191-analysis-meaning .a2-v191-decision-grid > .a2-v191-card:nth-child(2),
html body #analysis #a2-v191-analysis-meaning .a2-v191-card:has(.a2-v191-emphasis-gold) {
  --analysis-accent: var(--analysis-gold);
  --analysis-accent-strong: var(--analysis-gold-strong);
}

html body #analysis #a2-v191-analysis-meaning .a2-v191-decision-grid > .a2-v191-card:nth-child(3) {
  --analysis-accent: color-mix(in srgb, var(--analysis-white) 62%, var(--analysis-gold) 38%);
  --analysis-accent-strong: var(--analysis-white);
}

html body #analysis #a2-v276-analysis-tools .v276-tool-card:nth-child(2) {
  --analysis-accent: color-mix(in srgb, var(--analysis-green) 64%, var(--analysis-gold) 36%);
  --analysis-accent-strong: var(--analysis-green-strong);
}

html body #analysis #a2-v191-analysis-meaning .a2-v191-rule.good,
html body #analysis #a2-v276-analysis-tools .v276-mini.is-green {
  --analysis-accent: var(--analysis-green);
  --analysis-accent-strong: var(--analysis-green-strong);
}

html body #analysis #a2-v191-analysis-meaning .a2-v191-rule.warn {
  --analysis-accent: var(--analysis-gold);
  --analysis-accent-strong: var(--analysis-gold-strong);
}

html body #analysis #a2-v191-analysis-meaning .a2-v191-rule.stop,
html body #analysis #a2-v276-analysis-tools .v276-mini.is-red {
  --analysis-accent: var(--analysis-red);
  --analysis-accent-strong: var(--analysis-red-strong);
}

html body #analysis :is(
  #analysis-refresh-btn,
  #a2-v191-analysis-meaning .a2-v191-hero,
  #a2-v191-analysis-meaning .a2-v191-card,
  #a2-v191-analysis-meaning .a2-v191-band,
  #a2-v191-analysis-meaning .a2-v191-panel,
  #a2-v191-analysis-meaning .a2-v191-pill,
  #a2-v191-analysis-meaning .a2-v191-helper,
  #a2-v191-analysis-meaning .a2-v191-mini,
  #a2-v191-analysis-meaning .a2-v191-rule,
  #a2-v191-analysis-meaning .a2-v191-meaning-row,
  #a2-v276-analysis-tools .v276-tool-card,
  #a2-v276-analysis-tools .v276-mini,
  #a2-v276-analysis-tools .v276-card-preview,
  #a2-v276-analysis-tools .v276-field,
  #a2-v276-analysis-tools .v276-btn
) {
  --analysis-line: color-mix(in srgb, var(--border) 58%, var(--analysis-accent) 42%);
  --analysis-glow: color-mix(in srgb, var(--analysis-accent) 26%, transparent);
  --analysis-glow-soft: color-mix(in srgb, var(--analysis-accent) 16%, transparent);
  --analysis-text-glow: color-mix(in srgb, var(--analysis-accent) 34%, transparent);
  --analysis-signal-surface: color-mix(in srgb, var(--surface) 94%, var(--analysis-accent) 6%);
  --analysis-card-surface: color-mix(in srgb, var(--surface) 96%, var(--analysis-accent) 4%);
  --analysis-card-surface-hot: color-mix(in srgb, var(--surface) 90%, var(--analysis-accent) 10%);
  --analysis-card-rim: color-mix(in srgb, var(--border) 48%, var(--analysis-accent) 52%);
}

html.light body #analysis :is(
  #analysis-refresh-btn,
  #a2-v191-analysis-meaning .a2-v191-hero,
  #a2-v191-analysis-meaning .a2-v191-card,
  #a2-v191-analysis-meaning .a2-v191-band,
  #a2-v191-analysis-meaning .a2-v191-panel,
  #a2-v191-analysis-meaning .a2-v191-pill,
  #a2-v191-analysis-meaning .a2-v191-helper,
  #a2-v191-analysis-meaning .a2-v191-mini,
  #a2-v191-analysis-meaning .a2-v191-rule,
  #a2-v191-analysis-meaning .a2-v191-meaning-row,
  #a2-v276-analysis-tools .v276-tool-card,
  #a2-v276-analysis-tools .v276-mini,
  #a2-v276-analysis-tools .v276-card-preview,
  #a2-v276-analysis-tools .v276-field,
  #a2-v276-analysis-tools .v276-btn
),
html[data-theme="light"] body #analysis :is(
  #analysis-refresh-btn,
  #a2-v191-analysis-meaning .a2-v191-hero,
  #a2-v191-analysis-meaning .a2-v191-card,
  #a2-v191-analysis-meaning .a2-v191-band,
  #a2-v191-analysis-meaning .a2-v191-panel,
  #a2-v191-analysis-meaning .a2-v191-pill,
  #a2-v191-analysis-meaning .a2-v191-helper,
  #a2-v191-analysis-meaning .a2-v191-mini,
  #a2-v191-analysis-meaning .a2-v191-rule,
  #a2-v191-analysis-meaning .a2-v191-meaning-row,
  #a2-v276-analysis-tools .v276-tool-card,
  #a2-v276-analysis-tools .v276-mini,
  #a2-v276-analysis-tools .v276-card-preview,
  #a2-v276-analysis-tools .v276-field,
  #a2-v276-analysis-tools .v276-btn
),
html body.light #analysis :is(
  #analysis-refresh-btn,
  #a2-v191-analysis-meaning .a2-v191-hero,
  #a2-v191-analysis-meaning .a2-v191-card,
  #a2-v191-analysis-meaning .a2-v191-band,
  #a2-v191-analysis-meaning .a2-v191-panel,
  #a2-v191-analysis-meaning .a2-v191-pill,
  #a2-v191-analysis-meaning .a2-v191-helper,
  #a2-v191-analysis-meaning .a2-v191-mini,
  #a2-v191-analysis-meaning .a2-v191-rule,
  #a2-v191-analysis-meaning .a2-v191-meaning-row,
  #a2-v276-analysis-tools .v276-tool-card,
  #a2-v276-analysis-tools .v276-mini,
  #a2-v276-analysis-tools .v276-card-preview,
  #a2-v276-analysis-tools .v276-field,
  #a2-v276-analysis-tools .v276-btn
) {
  --analysis-line: color-mix(in srgb, var(--border) 46%, var(--analysis-accent) 54%);
  --analysis-glow: color-mix(in srgb, var(--analysis-accent) 20%, transparent);
  --analysis-glow-soft: color-mix(in srgb, var(--analysis-accent) 14%, transparent);
  --analysis-text-glow: color-mix(in srgb, var(--analysis-accent) 28%, transparent);
  --analysis-signal-surface: color-mix(in srgb, #fffaf0 95%, var(--analysis-accent) 5%);
  --analysis-card-surface: color-mix(in srgb, #fffaf0 96%, var(--analysis-accent) 4%);
  --analysis-card-surface-hot: color-mix(in srgb, #fffaf0 90%, var(--analysis-accent) 10%);
  --analysis-card-rim: color-mix(in srgb, var(--border) 38%, var(--analysis-accent) 62%);
}

html body #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-hero,
  #a2-v191-analysis-meaning .a2-v191-card,
  #a2-v191-analysis-meaning .a2-v191-band,
  #a2-v191-analysis-meaning .a2-v191-panel,
  #a2-v276-analysis-tools .v276-tool-card
) {
  border-color: color-mix(in srgb, var(--border) 72%, var(--analysis-accent) 28%) !important;
}

html body #analysis #a2-v191-analysis-meaning :is(
  .a2-v191-hero,
  .a2-v191-card,
  .a2-v191-band,
  .a2-v191-panel
)::before {
  background:
    radial-gradient(circle at 18% 16%, color-mix(in srgb, var(--analysis-accent) 8%, transparent), transparent 34%),
    radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--analysis-accent) 7%, transparent), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.028), transparent 45%, color-mix(in srgb, var(--analysis-accent) 4%, transparent)) !important;
}

html body #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-num,
  #a2-v191-analysis-meaning .a2-v191-kicker,
  #a2-v191-analysis-meaning .a2-v191-helper,
  #a2-v276-analysis-tools .v276-kicker
) {
  display: inline-flex !important;
  align-items: center !important;
  width: max-content;
  max-width: 100%;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  text-shadow: none;
  transition: color .18s ease, opacity .14s ease, filter .18s ease, text-shadow .18s ease !important;
}

html body #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-num,
  #a2-v191-analysis-meaning .a2-v191-kicker,
  #a2-v276-analysis-tools .v276-kicker
)::before {
  content: "";
  flex: 0 0 auto;
  width: 14px;
  height: 1px;
  margin-right: 8px;
  border-radius: 999px;
  background: currentColor;
  opacity: .34;
  box-shadow: none;
  transition: opacity .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}

html body #analysis :is(
  #analysis-refresh-btn,
  #a2-v191-analysis-meaning .a2-v191-hero,
  #a2-v191-analysis-meaning .a2-v191-card,
  #a2-v191-analysis-meaning .a2-v191-band,
  #a2-v191-analysis-meaning .a2-v191-panel,
  #a2-v191-analysis-meaning .a2-v191-pill,
  #a2-v191-analysis-meaning .a2-v191-helper,
  #a2-v191-analysis-meaning .a2-v191-mini,
  #a2-v191-analysis-meaning .a2-v191-rule,
  #a2-v191-analysis-meaning .a2-v191-meaning-row,
  #a2-v276-analysis-tools .v276-tool-card,
  #a2-v276-analysis-tools .v276-mini,
  #a2-v276-analysis-tools .v276-card-preview,
  #a2-v276-analysis-tools .v276-field,
  #a2-v276-analysis-tools .v276-btn
) {
  text-decoration: none !important;
  transition: color .18s ease, border-color .18s ease, background-color .18s ease, background-image .18s ease, box-shadow .18s ease, opacity .14s ease, text-shadow .18s ease !important;
}

html body #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-hero,
  #a2-v191-analysis-meaning .a2-v191-card,
  #a2-v191-analysis-meaning .a2-v191-band,
  #a2-v191-analysis-meaning .a2-v191-panel,
  #a2-v276-analysis-tools .v276-tool-card
):is(:hover, :focus-within, .a2-v254-soft-touch) {
  transform: none !important;
  border-color: var(--analysis-card-rim) !important;
  background-color: var(--analysis-card-surface-hot) !important;
  background-image:
    radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--analysis-accent) 16%, transparent), transparent 58%),
    radial-gradient(circle at 92% 80%, color-mix(in srgb, var(--analysis-accent) 10%, transparent), transparent 46%),
    linear-gradient(135deg, color-mix(in srgb, var(--analysis-accent) 7%, transparent), transparent 44%, color-mix(in srgb, var(--analysis-accent) 5%, transparent)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.060),
    inset 0 0 0 1px color-mix(in srgb, var(--analysis-accent) 28%, transparent),
    inset 0 0 34px color-mix(in srgb, var(--analysis-accent) 9%, transparent),
    0 0 0 1px color-mix(in srgb, var(--analysis-accent) 18%, transparent),
    0 20px 48px rgba(0,0,0,.22),
    0 0 42px color-mix(in srgb, var(--analysis-accent) 20%, transparent) !important;
  filter: none !important;
}

html body #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-hero,
  #a2-v191-analysis-meaning .a2-v191-card,
  #a2-v191-analysis-meaning .a2-v191-band,
  #a2-v191-analysis-meaning .a2-v191-panel
):is(:hover, :focus-within, .a2-v254-soft-touch)::before {
  background:
    radial-gradient(circle at 50% 2%, color-mix(in srgb, var(--analysis-accent) 18%, transparent), transparent 58%),
    radial-gradient(circle at 100% 88%, color-mix(in srgb, var(--analysis-accent) 11%, transparent), transparent 48%),
    radial-gradient(circle at 0% 100%, color-mix(in srgb, var(--analysis-accent) 8%, transparent), transparent 42%),
    linear-gradient(135deg, rgba(255,255,255,.028), transparent 48%) !important;
}

html body #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-hero,
  #a2-v191-analysis-meaning .a2-v191-card,
  #a2-v191-analysis-meaning .a2-v191-band,
  #a2-v191-analysis-meaning .a2-v191-panel,
  #a2-v276-analysis-tools .v276-tool-card
):is(:hover, :focus-within, .a2-v254-soft-touch)::after {
  content: none !important;
  display: none !important;
}

html body #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-hero h2,
  #a2-v191-analysis-meaning .a2-v191-card h3,
  #a2-v191-analysis-meaning .a2-v191-band h3,
  #a2-v191-analysis-meaning .a2-v191-panel h3,
  #a2-v191-analysis-meaning .a2-v191-num,
  #a2-v191-analysis-meaning .a2-v191-kicker,
  #a2-v191-analysis-meaning .a2-v191-intent,
  #a2-v191-analysis-meaning .a2-v191-summary,
  #a2-v191-analysis-meaning .a2-v191-mini strong,
  #a2-v191-analysis-meaning .a2-v191-mini span,
  #a2-v191-analysis-meaning .a2-v191-rule strong,
  #a2-v191-analysis-meaning .a2-v191-rule span,
  #a2-v191-analysis-meaning .a2-v191-meaning-row strong,
  #a2-v191-analysis-meaning .a2-v191-meaning-row span,
  #a2-v276-analysis-tools h3,
  #a2-v276-analysis-tools .v276-kicker,
  #a2-v276-analysis-tools .v276-mini strong,
  #a2-v276-analysis-tools .v276-mini span,
  #a2-v276-analysis-tools .v276-card-name,
  #a2-v276-analysis-tools .v276-score
) {
  transition: color .18s ease, opacity .14s ease, text-shadow .18s ease !important;
}

html body #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-hero:hover h2,
  #a2-v191-analysis-meaning .a2-v191-hero.a2-v254-soft-touch h2,
  #a2-v191-analysis-meaning .a2-v191-card:hover h3,
  #a2-v191-analysis-meaning .a2-v191-card.a2-v254-soft-touch h3,
  #a2-v191-analysis-meaning .a2-v191-band:hover h3,
  #a2-v191-analysis-meaning .a2-v191-panel:hover h3,
  #a2-v276-analysis-tools .v276-tool-card:hover h3,
  #a2-v276-analysis-tools .v276-tool-card:focus-within h3
) {
  color: color-mix(in srgb, var(--analysis-accent-strong) 88%, var(--analysis-ink) 12%) !important;
  text-shadow:
    0 0 1px color-mix(in srgb, var(--analysis-accent) 72%, transparent),
    0 0 24px var(--analysis-text-glow) !important;
}

html body #analysis #a2-v191-analysis-meaning .a2-v191-card:hover .a2-v191-emphasis-red,
html body #analysis #a2-v191-analysis-meaning .a2-v191-card.a2-v254-soft-touch .a2-v191-emphasis-red {
  color: var(--analysis-red-strong) !important;
  text-shadow: 0 0 1px var(--analysis-red), 0 0 24px color-mix(in srgb, var(--analysis-red) 30%, transparent) !important;
}

html body #analysis #a2-v191-analysis-meaning .a2-v191-card:hover .a2-v191-emphasis-gold,
html body #analysis #a2-v191-analysis-meaning .a2-v191-card.a2-v254-soft-touch .a2-v191-emphasis-gold {
  color: var(--analysis-gold-strong) !important;
  text-shadow: 0 0 1px var(--analysis-gold), 0 0 24px color-mix(in srgb, var(--analysis-gold) 30%, transparent) !important;
}

html body #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-hero h2:hover,
  #a2-v191-analysis-meaning .a2-v191-card h3:hover,
  #a2-v191-analysis-meaning .a2-v191-band h3:hover,
  #a2-v191-analysis-meaning .a2-v191-panel h3:hover,
  #a2-v191-analysis-meaning .a2-v191-num:hover,
  #a2-v191-analysis-meaning .a2-v191-kicker:hover,
  #a2-v276-analysis-tools h3:hover,
  #a2-v276-analysis-tools .v276-kicker:hover,
  #a2-v276-analysis-tools .v276-card-name:hover,
  #a2-v276-analysis-tools .v276-score:hover
) {
  color: var(--analysis-accent-strong) !important;
  filter: contrast(1.12) saturate(1.08);
  text-shadow:
    0 0 1px color-mix(in srgb, var(--analysis-accent) 82%, transparent),
    0 0 28px color-mix(in srgb, var(--analysis-accent) 32%, transparent) !important;
}

html body #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-num:hover,
  #a2-v191-analysis-meaning .a2-v191-kicker:hover,
  #a2-v276-analysis-tools .v276-kicker:hover
)::before {
  opacity: .88;
  background: var(--analysis-accent-strong);
  box-shadow: 0 0 14px color-mix(in srgb, var(--analysis-accent) 38%, transparent);
}

html body #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-intent:hover,
  #a2-v191-analysis-meaning .a2-v191-summary:hover,
  #a2-v191-analysis-meaning .a2-v191-card p:hover,
  #a2-v191-analysis-meaning .a2-v191-card li:hover,
  #a2-v276-analysis-tools .v276-tool-card p:hover,
  #a2-v276-analysis-tools .v276-tool-card li:hover
) {
  color: color-mix(in srgb, var(--analysis-ink) 76%, var(--analysis-accent-strong) 24%) !important;
  filter: contrast(1.08) saturate(1.04);
  text-shadow: 0 0 18px color-mix(in srgb, var(--analysis-accent) 18%, transparent) !important;
}

html body #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-hero:hover .a2-v191-kicker,
  #a2-v191-analysis-meaning .a2-v191-card:hover .a2-v191-num,
  #a2-v191-analysis-meaning .a2-v191-card.a2-v254-soft-touch .a2-v191-num,
  #a2-v276-analysis-tools .v276-tool-card:hover .v276-kicker,
  #a2-v276-analysis-tools .v276-tool-card:focus-within .v276-kicker
) {
  color: var(--analysis-accent-strong) !important;
  border-color: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: contrast(1.1) saturate(1.06);
  text-shadow: 0 0 1px var(--analysis-accent), 0 0 22px var(--analysis-text-glow) !important;
}

html body #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-pill:hover,
  #a2-v191-analysis-meaning .a2-v191-mini:hover,
  #a2-v191-analysis-meaning .a2-v191-mini.a2-v278-touch,
  #a2-v191-analysis-meaning .a2-v191-rule:hover,
  #a2-v191-analysis-meaning .a2-v191-rule.a2-v278-touch,
  #a2-v191-analysis-meaning .a2-v191-meaning-row:hover,
  #a2-v191-analysis-meaning .a2-v191-meaning-row.a2-v278-touch,
  #a2-v276-analysis-tools .v276-mini:hover,
  #a2-v276-analysis-tools .v276-mini.a2-v278-touch,
  #a2-v276-analysis-tools .v276-card-preview:hover,
  #a2-v276-analysis-tools .v276-field:hover
) {
  transform: none !important;
  border-color: color-mix(in srgb, var(--analysis-accent) 50%, var(--border) 50%) !important;
  background-color: var(--analysis-data-surface) !important;
  background-image: linear-gradient(90deg, color-mix(in srgb, var(--analysis-accent) 10%, transparent), transparent 42%) !important;
  box-shadow:
    inset 3px 0 0 color-mix(in srgb, var(--analysis-accent) 68%, transparent),
    inset 0 0 0 1px color-mix(in srgb, var(--analysis-accent) 13%, transparent),
    0 0 18px var(--analysis-glow-soft) !important;
  filter: none !important;
}

html body #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-pill:hover,
  #a2-v191-analysis-meaning .a2-v191-mini:hover strong,
  #a2-v191-analysis-meaning .a2-v191-mini.a2-v278-touch strong,
  #a2-v191-analysis-meaning .a2-v191-meaning-row:hover strong,
  #a2-v191-analysis-meaning .a2-v191-rule:hover strong,
  #a2-v191-analysis-meaning .a2-v191-rule.a2-v278-touch strong,
  #a2-v276-analysis-tools .v276-mini:hover strong,
  #a2-v276-analysis-tools .v276-mini.a2-v278-touch strong
) {
  color: var(--analysis-accent-strong) !important;
  text-shadow: 0 0 14px var(--analysis-text-glow) !important;
}

html body #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-mini:hover span,
  #a2-v191-analysis-meaning .a2-v191-mini.a2-v278-touch span,
  #a2-v191-analysis-meaning .a2-v191-rule:hover span,
  #a2-v191-analysis-meaning .a2-v191-rule.a2-v278-touch span,
  #a2-v191-analysis-meaning .a2-v191-meaning-row:hover span,
  #a2-v276-analysis-tools .v276-mini:hover span,
  #a2-v276-analysis-tools .v276-mini.a2-v278-touch span,
  #a2-v276-analysis-tools .v276-card-preview:hover .v276-card-name
) {
  color: color-mix(in srgb, var(--analysis-ink) 84%, var(--analysis-accent-strong) 16%) !important;
  opacity: 1 !important;
  text-shadow: 0 0 12px color-mix(in srgb, var(--analysis-accent) 14%, transparent) !important;
}

html body #analysis #a2-v276-analysis-tools .v276-mini.is-green:hover span,
html body #analysis #a2-v276-analysis-tools .v276-mini.is-green.a2-v278-touch span,
html body #analysis #a2-v191-analysis-meaning .a2-v191-rule.good:hover span,
html body #analysis #a2-v191-analysis-meaning .a2-v191-rule.good.a2-v278-touch span {
  color: color-mix(in srgb, var(--analysis-green-strong) 82%, var(--analysis-ink) 18%) !important;
}

html body #analysis #a2-v276-analysis-tools .v276-mini.is-red:hover span,
html body #analysis #a2-v276-analysis-tools .v276-mini.is-red.a2-v278-touch span,
html body #analysis #a2-v191-analysis-meaning .a2-v191-rule.stop:hover span,
html body #analysis #a2-v191-analysis-meaning .a2-v191-rule.stop.a2-v278-touch span {
  color: color-mix(in srgb, var(--analysis-red-strong) 78%, var(--analysis-ink) 22%) !important;
}

html body #analysis #a2-v276-analysis-tools .v276-card-preview:hover .v276-score {
  color: var(--analysis-gold-strong) !important;
  opacity: 1 !important;
  text-shadow: 0 0 20px color-mix(in srgb, var(--analysis-gold) 26%, transparent) !important;
}

html body #analysis #analysis-refresh-btn:hover,
html body #analysis #analysis-refresh-btn:focus-visible,
html body #analysis #analysis-refresh-btn.a2-v289-refreshing {
  --analysis-accent: var(--analysis-gold);
  --analysis-accent-strong: var(--analysis-gold-strong);
  color: var(--analysis-accent-strong) !important;
  border-color: color-mix(in srgb, var(--analysis-gold) 48%, var(--border) 52%) !important;
  background-color: transparent !important;
  background-image: linear-gradient(90deg, color-mix(in srgb, var(--analysis-gold) 8%, transparent), transparent 54%) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--analysis-gold) 18%, transparent),
    0 0 20px color-mix(in srgb, var(--analysis-gold) 20%, transparent) !important;
  text-decoration: none !important;
  transform: none !important;
}

html body #analysis #a2-v276-analysis-tools .v276-btn:hover,
html body #analysis #a2-v276-analysis-tools .v276-btn:focus-visible {
  color: var(--analysis-accent-strong) !important;
  border-color: color-mix(in srgb, var(--analysis-accent) 50%, var(--border) 50%) !important;
  background-color: transparent !important;
  background-image: linear-gradient(90deg, color-mix(in srgb, var(--analysis-accent) 8%, transparent), transparent 50%) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--analysis-accent) 14%, transparent), 0 0 16px var(--analysis-glow-soft) !important;
  transform: none !important;
  text-decoration: none !important;
}

html body #analysis #a2-v276-analysis-tools .v276-btn.primary:hover,
html body #analysis #a2-v276-analysis-tools .v276-btn.primary:focus-visible {
  color: #080807 !important;
  border-color: var(--analysis-gold) !important;
  background-color: var(--analysis-gold) !important;
  background-image: none !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--analysis-gold) 24%, transparent), 0 0 20px color-mix(in srgb, var(--analysis-gold) 24%, transparent) !important;
}

html.light body #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-hero,
  #a2-v191-analysis-meaning .a2-v191-card,
  #a2-v191-analysis-meaning .a2-v191-band,
  #a2-v191-analysis-meaning .a2-v191-panel,
  #a2-v276-analysis-tools .v276-tool-card
):is(:hover, :focus-within, .a2-v254-soft-touch),
html[data-theme="light"] body #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-hero,
  #a2-v191-analysis-meaning .a2-v191-card,
  #a2-v191-analysis-meaning .a2-v191-band,
  #a2-v191-analysis-meaning .a2-v191-panel,
  #a2-v276-analysis-tools .v276-tool-card
):is(:hover, :focus-within, .a2-v254-soft-touch),
html body.light #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-hero,
  #a2-v191-analysis-meaning .a2-v191-card,
  #a2-v191-analysis-meaning .a2-v191-band,
  #a2-v191-analysis-meaning .a2-v191-panel,
  #a2-v276-analysis-tools .v276-tool-card
):is(:hover, :focus-within, .a2-v254-soft-touch) {
  background-color: var(--analysis-card-surface-hot) !important;
  background-image:
    radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--analysis-accent) 12%, transparent), transparent 58%),
    radial-gradient(circle at 92% 80%, color-mix(in srgb, var(--analysis-accent) 8%, transparent), transparent 46%),
    linear-gradient(135deg, color-mix(in srgb, var(--analysis-accent) 6%, transparent), transparent 44%, color-mix(in srgb, var(--analysis-accent) 4%, transparent)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 0 0 1px color-mix(in srgb, var(--analysis-accent) 30%, transparent),
    inset 0 0 28px color-mix(in srgb, var(--analysis-accent) 10%, transparent),
    0 0 0 1px color-mix(in srgb, var(--analysis-accent) 18%, transparent),
    0 14px 30px rgba(92,68,26,.10),
    0 0 20px var(--analysis-glow-soft) !important;
}

html.light body #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-hero:hover h2,
  #a2-v191-analysis-meaning .a2-v191-card:hover h3,
  #a2-v191-analysis-meaning .a2-v191-band:hover h3,
  #a2-v191-analysis-meaning .a2-v191-panel:hover h3,
  #a2-v276-analysis-tools .v276-tool-card:hover h3
),
html[data-theme="light"] body #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-hero:hover h2,
  #a2-v191-analysis-meaning .a2-v191-card:hover h3,
  #a2-v191-analysis-meaning .a2-v191-band:hover h3,
  #a2-v191-analysis-meaning .a2-v191-panel:hover h3,
  #a2-v276-analysis-tools .v276-tool-card:hover h3
),
html body.light #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-hero:hover h2,
  #a2-v191-analysis-meaning .a2-v191-card:hover h3,
  #a2-v191-analysis-meaning .a2-v191-band:hover h3,
  #a2-v191-analysis-meaning .a2-v191-panel:hover h3,
  #a2-v276-analysis-tools .v276-tool-card:hover h3
) {
  color: color-mix(in srgb, var(--analysis-accent-strong) 82%, #17110a 18%) !important;
  text-shadow:
    0 0 1px color-mix(in srgb, var(--analysis-accent) 80%, transparent),
    0 8px 18px color-mix(in srgb, var(--analysis-accent) 16%, transparent) !important;
}

html.light body #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-pill:hover,
  #a2-v191-analysis-meaning .a2-v191-mini:hover,
  #a2-v191-analysis-meaning .a2-v191-rule:hover,
  #a2-v191-analysis-meaning .a2-v191-meaning-row:hover,
  #a2-v276-analysis-tools .v276-mini:hover,
  #a2-v276-analysis-tools .v276-card-preview:hover,
  #a2-v276-analysis-tools .v276-field:hover
),
html[data-theme="light"] body #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-pill:hover,
  #a2-v191-analysis-meaning .a2-v191-mini:hover,
  #a2-v191-analysis-meaning .a2-v191-rule:hover,
  #a2-v191-analysis-meaning .a2-v191-meaning-row:hover,
  #a2-v276-analysis-tools .v276-mini:hover,
  #a2-v276-analysis-tools .v276-card-preview:hover,
  #a2-v276-analysis-tools .v276-field:hover
),
html body.light #analysis :is(
  #a2-v191-analysis-meaning .a2-v191-pill:hover,
  #a2-v191-analysis-meaning .a2-v191-mini:hover,
  #a2-v191-analysis-meaning .a2-v191-rule:hover,
  #a2-v191-analysis-meaning .a2-v191-meaning-row:hover,
  #a2-v276-analysis-tools .v276-mini:hover,
  #a2-v276-analysis-tools .v276-card-preview:hover,
  #a2-v276-analysis-tools .v276-field:hover
) {
  background-color: var(--analysis-data-surface) !important;
  background-image: linear-gradient(90deg, color-mix(in srgb, var(--analysis-accent) 9%, transparent), transparent 42%) !important;
  box-shadow:
    inset 3px 0 0 color-mix(in srgb, var(--analysis-accent) 72%, transparent),
    inset 0 0 0 1px color-mix(in srgb, var(--analysis-accent) 17%, transparent),
    0 8px 18px rgba(92,68,26,.08),
    0 0 14px var(--analysis-glow-soft) !important;
}

html.light body #analysis #analysis-refresh-btn:hover,
html.light body #analysis #analysis-refresh-btn:focus-visible,
html.light body #analysis #analysis-refresh-btn.a2-v289-refreshing,
html[data-theme="light"] body #analysis #analysis-refresh-btn:hover,
html[data-theme="light"] body #analysis #analysis-refresh-btn:focus-visible,
html[data-theme="light"] body #analysis #analysis-refresh-btn.a2-v289-refreshing,
html body.light #analysis #analysis-refresh-btn:hover,
html body.light #analysis #analysis-refresh-btn:focus-visible,
html body.light #analysis #analysis-refresh-btn.a2-v289-refreshing {
  color: var(--analysis-gold-strong) !important;
  border-color: color-mix(in srgb, var(--analysis-gold) 54%, var(--border) 46%) !important;
  background-color: rgba(255,255,255,.48) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--analysis-gold) 18%, transparent),
    0 10px 22px rgba(92,68,26,.10),
    0 0 18px color-mix(in srgb, var(--analysis-gold) 16%, transparent) !important;
}

html body #analysis :is(
  #analysis-refresh-btn:active,
  #a2-v191-analysis-meaning .a2-v191-pill:active,
  #a2-v191-analysis-meaning .a2-v191-helper:active,
  #a2-v191-analysis-meaning .a2-v191-mini:active,
  #a2-v191-analysis-meaning .a2-v191-rule:active,
  #a2-v191-analysis-meaning .a2-v191-meaning-row:active,
  #a2-v276-analysis-tools .v276-mini:active,
  #a2-v276-analysis-tools .v276-btn:active
) {
  opacity: .88;
  transform: none !important;
}

html body #analysis :where(
  #analysis-refresh-btn,
  #a2-v276-analysis-tools .v276-btn,
  #a2-v191-analysis-meaning .a2-v191-pill,
  #a2-v191-analysis-meaning .a2-v191-helper,
  #a2-v191-analysis-meaning .a2-v191-mini,
  #a2-v191-analysis-meaning .a2-v191-rule,
  #a2-v191-analysis-meaning .a2-v191-meaning-row,
  #a2-v276-analysis-tools .v276-mini,
  #a2-v276-analysis-tools .v276-field
):focus-visible {
  outline: 2px solid color-mix(in srgb, var(--analysis-accent) 58%, transparent) !important;
  outline-offset: 4px !important;
}

@media (hover: none) {
  html body #analysis :is(
    #analysis-refresh-btn:active,
    #a2-v191-analysis-meaning .a2-v191-hero:active,
    #a2-v191-analysis-meaning .a2-v191-card:active,
    #a2-v191-analysis-meaning .a2-v191-mini:active,
    #a2-v191-analysis-meaning .a2-v191-rule:active,
    #a2-v191-analysis-meaning .a2-v191-meaning-row:active,
    #a2-v276-analysis-tools .v276-tool-card:active,
    #a2-v276-analysis-tools .v276-mini:active,
    #a2-v276-analysis-tools .v276-btn:active
  ) {
    border-color: var(--analysis-line) !important;
    background-color: var(--analysis-card-surface-hot) !important;
    background-image:
      radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--analysis-accent) 14%, transparent), transparent 58%),
      linear-gradient(135deg, color-mix(in srgb, var(--analysis-accent) 7%, transparent), transparent 48%) !important;
    box-shadow:
      inset 0 0 0 1px color-mix(in srgb, var(--analysis-accent) 24%, transparent),
      inset 0 0 26px color-mix(in srgb, var(--analysis-accent) 9%, transparent),
      0 0 22px var(--analysis-glow-soft) !important;
    transform: none !important;
    filter: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body #analysis :is(
    #analysis-refresh-btn,
    #a2-v191-analysis-meaning .a2-v191-hero,
    #a2-v191-analysis-meaning .a2-v191-card,
    #a2-v191-analysis-meaning .a2-v191-mini,
    #a2-v191-analysis-meaning .a2-v191-rule,
    #a2-v191-analysis-meaning .a2-v191-meaning-row,
    #a2-v276-analysis-tools .v276-tool-card,
    #a2-v276-analysis-tools .v276-mini,
    #a2-v276-analysis-tools .v276-btn
  ) {
    transition-duration: 1ms !important;
  }
}



@property --a2-score-sweep {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

#dashboard :is(
  .btn-log-trade,
  .account-toggle-btn,
  .quick-filter-btn,
  .custom-date-range-apply,
  .log-btn-row .btn,
  .bulk-tools .btn,
  .rc-toggle,
  #rc-reminder-btn,
  .chart-card,
  .pac-cb-label,
  .score-info-btn,
  .share-type-btn,
  .trade-row-image-btn
) {
  transition: transform .18s ease, box-shadow .18s ease,
              border-color .18s ease, background-color .18s ease,
              background .18s ease, color .18s ease, opacity .18s ease;
}


#dashboard .btn-log-trade {
  position: relative;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 8px 22px rgba(201,168,76,.16);
}
#dashboard .btn-log-trade:hover {
  opacity: 1;
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    0 12px 28px rgba(201,168,76,.34);
}
#dashboard .btn-log-trade:active {
  transform: translateY(0) scale(.985);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 6px 16px rgba(201,168,76,.24);
}
#dashboard .btn-log-trade:focus-visible {
  outline: none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 0 3px color-mix(in srgb, var(--gold) 38%, transparent),
    0 8px 22px rgba(201,168,76,.22);
}


#dashboard :is(.account-toggle-btn, .quick-filter-btn):hover {
  transform: translateY(-1px);
  color: var(--text);
  border-color: color-mix(in srgb, var(--gold) 50%, var(--border) 50%);
  background: color-mix(in srgb, var(--gold) 7%, transparent);
}
#dashboard :is(.account-toggle-btn, .quick-filter-btn):active {
  transform: translateY(0) scale(.985);
  background: color-mix(in srgb, var(--gold) 14%, transparent);
}
#dashboard :is(.account-toggle-btn, .quick-filter-btn).active {
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--gold) 22%, transparent);
}
#dashboard :is(.account-toggle-btn, .quick-filter-btn):focus-visible {
  outline: none;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--gold) 22%, transparent),
    0 0 0 2px color-mix(in srgb, var(--gold) 42%, transparent);
}


#dashboard .custom-date-range-apply:hover {
  transform: translateY(-1px);
  background: color-mix(in srgb, var(--gold) 14%, transparent);
}
#dashboard .custom-date-range-apply:active { transform: scale(.985); }
#dashboard .custom-date-range-apply:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--gold) 40%, transparent);
}


#dashboard .log-btn-row .btn:hover,
#dashboard .bulk-tools .btn:not([disabled]):hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--gold) 40%, var(--border) 60%);
  background: color-mix(in srgb, var(--gold) 6%, transparent);
  color: var(--text);
}
#dashboard .log-btn-row .btn:active,
#dashboard .bulk-tools .btn:not([disabled]):active {
  transform: translateY(0) scale(.985);
}
#dashboard .log-btn-row .btn:focus-visible,
#dashboard .bulk-tools .btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--gold) 36%, transparent);
}

#dashboard .bulk-tools .bulk-danger:not([disabled]):hover {
  border-color: color-mix(in srgb, var(--red) 58%, var(--border) 42%) !important;
  background: color-mix(in srgb, var(--red) 10%, transparent);
  color: var(--red);
}
#dashboard .bulk-tools .bulk-danger:not([disabled]):active {
  background: color-mix(in srgb, var(--red) 14%, transparent);
}
#dashboard .bulk-tools .bulk-danger:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--red) 36%, transparent);
}


#dashboard .rc-card {
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
#dashboard .rc-card:hover {
  border-color: color-mix(in srgb, var(--gold) 30%, var(--border) 70%);
  box-shadow: 0 12px 28px rgba(0,0,0,.18);
}
#dashboard #rc-toggle:hover {
  border-color: var(--gold);
  color: var(--gold);
}
#dashboard #rc-toggle:active { transform: scale(.985); }
#dashboard #rc-reminder-btn:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--gold) 40%, var(--border) 60%);
  color: var(--text);
}
#dashboard #rc-reminder-btn:active { transform: scale(.985); }


#dashboard .chart-card {
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
#dashboard .chart-card:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--gold) 22%, var(--border) 78%);
  box-shadow: 0 16px 36px rgba(0,0,0,.20);
}


#dashboard .log-table tr.row-main {
  position: relative;
  transition: background .15s ease, box-shadow .15s ease;
}
#dashboard .log-table tr.row-main td:first-child {
  border-left: 2px solid transparent;
  transition: border-color .15s ease;
}
#dashboard .log-table tr.row-main:hover td:first-child {
  border-left-color: color-mix(in srgb, var(--gold) 60%, transparent);
}
#dashboard .log-table tr.row-main:active {
  background: color-mix(in srgb, var(--gold) 11%, var(--surface-raised));
}
#dashboard .log-table th[data-sort] {
  cursor: pointer;
  transition: color .14s ease, background .14s ease;
}
#dashboard .log-table th[data-sort]:hover {
  color: var(--text);
  background: color-mix(in srgb, var(--gold) 5%, transparent);
}
#dashboard .log-table th[data-sort]:focus-visible {
  color: var(--text);
  outline: 2px solid var(--gold);
  outline-offset: -3px;
}


#dashboard .trade-row-image-btn {
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
#dashboard .trade-row-image-btn:hover {
  transform: scale(1.04);
  border-color: color-mix(in srgb, var(--gold) 50%, var(--border) 50%);
  box-shadow: 0 8px 18px rgba(0,0,0,.22);
}
#dashboard .trade-row-image-btn:active { transform: scale(.98); }
#dashboard .trade-row-image-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--gold) 42%, transparent);
}


#dashboard .pac-cb-label:hover { transform: translateY(-1px); }
#dashboard .pac-cb-label:active { transform: scale(.985); }
#dashboard .pac-cb-label:focus-within {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--gold) 38%, transparent);
}


#dashboard .share-type-btn:hover {
  transform: translateY(-1px);
  color: var(--text);
}
#dashboard .share-type-btn:active { transform: scale(.985); }


#dashboard .score-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition: transform .22s cubic-bezier(.2,.7,.2,1),
              border-color .22s ease,
              box-shadow .22s ease,
              background-color .22s ease;
}


#dashboard .score-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(
      circle at 22% 50%,
      color-mix(in srgb, var(--gold) 24%, transparent) 0%,
      transparent 42%
    );
  opacity: .32;
  transition: opacity .35s ease;
}


#dashboard .score-card::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  padding: 1.5px;
  background:
    conic-gradient(
      from var(--a2-score-sweep, 0deg),
      transparent 0deg,
      color-mix(in srgb, var(--gold) 58%, transparent) 18deg,
      color-mix(in srgb, var(--green) 38%, transparent) 34deg,
      transparent 58deg
    );
  -webkit-mask:
    linear-gradient(#000, #000) content-box,
    linear-gradient(#000, #000);
          mask:
    linear-gradient(#000, #000) content-box,
    linear-gradient(#000, #000);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity: 0;
  transition: opacity .25s ease;
}


#dashboard .score-card > * { position: relative; z-index: 1; }

#dashboard .score-card:hover,
#dashboard .score-card:focus-within {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--gold) 38%, var(--border) 62%);
  box-shadow:
    0 18px 44px rgba(0,0,0,.26),
    0 0 0 1px color-mix(in srgb, var(--gold) 16%, transparent);
}
#dashboard .score-card:hover::before,
#dashboard .score-card:focus-within::before { opacity: 1; }
#dashboard .score-card:hover::after,
#dashboard .score-card:focus-within::after {
  opacity: 1;
  animation: a2-score-sweep 1.6s cubic-bezier(.4,.2,.2,1) 1;
}
#dashboard .score-card:active { transform: translateY(0) scale(.995); }

@keyframes a2-score-sweep {
  to { --a2-score-sweep: 360deg; }
}


#dashboard .score-number {
  transition: text-shadow .28s ease, transform .28s ease;
  text-shadow: 0 0 0 transparent;
}
#dashboard .score-card:hover .score-number,
#dashboard .score-card:focus-within .score-number {
  text-shadow:
    0 0 12px color-mix(in srgb, currentColor 34%, transparent),
    0 0 28px color-mix(in srgb, currentColor 14%, transparent);
}
#dashboard .score-card:active .score-number { transform: scale(.995); }


#dashboard .score-radar-wrap {
  transition: transform .28s ease, filter .28s ease;
}
#dashboard .score-card:hover .score-radar-wrap,
#dashboard .score-card:focus-within .score-radar-wrap {
  transform: scale(1.04);
  filter: drop-shadow(0 6px 16px color-mix(in srgb, var(--gold) 22%, transparent));
}


#dashboard .score-item {
  position: relative;
  padding: 3px 6px;
  margin: -3px -6px;
  border-radius: 4px;
  transition: background .18s ease, color .18s ease;
}
#dashboard .score-item:hover {
  background: color-mix(in srgb, var(--gold) 5%, transparent);
}
#dashboard .score-item:hover .score-item-label,
#dashboard .score-item:hover .score-item-val {
  color: var(--text);
}
#dashboard .score-item-bar-wrap { position: relative; overflow: hidden; }
#dashboard .score-item-bar {
  transition: filter .25s ease, width 0.6s ease;
}
#dashboard .score-item:hover .score-item-bar {
  filter: brightness(1.18) saturate(1.08);
}
#dashboard .score-item-bar-wrap::after {
  content: "";
  position: absolute;
  top: 0; left: -40%;
  width: 40%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent 0%,
    color-mix(in srgb, #ffffff 38%, transparent) 50%,
    transparent 100%
  );
  opacity: 0;
  pointer-events: none;
}
#dashboard .score-item:hover .score-item-bar-wrap::after {
  animation: a2-score-bar-sweep .9s ease-out 1;
}
@keyframes a2-score-bar-sweep {
  0%   { left: -40%; opacity: 0; }
  20%  { opacity: 1; }
  100% { left: 100%; opacity: 0; }
}


#dashboard .score-info-btn:hover {
  transform: scale(1.08);
  color: var(--gold);
  opacity: 1;
}
#dashboard .score-info-btn:active { transform: scale(.96); }
#dashboard .score-info-btn:focus-visible {
  outline: none;
  border-radius: 4px;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--gold) 42%, transparent);
}


html.light #dashboard .score-card::before,
html[data-theme="light"] #dashboard .score-card::before,
body.light #dashboard .score-card::before {
  background:
    radial-gradient(
      circle at 22% 50%,
      color-mix(in srgb, var(--gold) 22%, transparent) 0%,
      transparent 44%
    );
  opacity: .26;
}
html.light #dashboard .score-card:hover,
html[data-theme="light"] #dashboard .score-card:hover,
body.light #dashboard .score-card:hover {
  box-shadow:
    0 18px 44px rgba(96,70,28,.16),
    0 0 0 1px color-mix(in srgb, var(--gold) 22%, transparent);
}
html.light #dashboard .btn-log-trade:hover,
html[data-theme="light"] #dashboard .btn-log-trade:hover,
body.light #dashboard .btn-log-trade:hover {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.4),
    0 12px 28px rgba(160,116,40,.28);
}


@media (hover: none) and (pointer: coarse) {
  #dashboard :is(
    .btn-log-trade, .account-toggle-btn, .quick-filter-btn,
    .custom-date-range-apply, .log-btn-row .btn, .bulk-tools .btn,
    .rc-card, .chart-card, .score-card, .trade-row-image-btn
  ):hover {
    transform: none;
  }
  #dashboard .btn-log-trade:active {
    transform: scale(.985);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.18),
      0 6px 16px rgba(201,168,76,.32);
  }
  #dashboard .score-card:active {
    transform: scale(.995);
    border-color: color-mix(in srgb, var(--gold) 38%, var(--border) 62%);
    box-shadow:
      0 14px 32px rgba(0,0,0,.26),
      0 0 0 1px color-mix(in srgb, var(--gold) 18%, transparent);
  }
  #dashboard .score-card:active::before { opacity: 1; }
  #dashboard .score-card:active::after  {
    opacity: 1;
    animation: a2-score-sweep 1.6s cubic-bezier(.4,.2,.2,1) 1;
  }
  #dashboard .score-card:active .score-number {
    text-shadow:
      0 0 12px color-mix(in srgb, currentColor 34%, transparent),
      0 0 28px color-mix(in srgb, currentColor 14%, transparent);
  }
  #dashboard .score-card:active .score-radar-wrap {
    transform: scale(1.04);
  }
  #dashboard .score-item:active {
    background: color-mix(in srgb, var(--gold) 6%, transparent);
  }
  #dashboard .score-item:active .score-item-bar {
    filter: brightness(1.18) saturate(1.08);
  }
}


@media (prefers-reduced-motion: reduce) {
  #dashboard :is(
    .btn-log-trade, .account-toggle-btn, .quick-filter-btn,
    .custom-date-range-apply, .log-btn-row .btn, .bulk-tools .btn,
    .rc-card, .rc-toggle, #rc-reminder-btn,
    .chart-card, .score-card, .score-radar-wrap, .score-number,
    .score-info-btn, .score-item, .trade-row-image-btn,
    .share-type-btn, .pac-cb-label
  ) {
    transition-duration: 1ms !important;
  }
  #dashboard .score-card:hover,
  #dashboard .score-card:focus-within,
  #dashboard .score-card:active,
  #dashboard .chart-card:hover,
  #dashboard .btn-log-trade:hover,
  #dashboard .btn-log-trade:active,
  #dashboard .account-toggle-btn:hover,
  #dashboard .account-toggle-btn:active,
  #dashboard .quick-filter-btn:hover,
  #dashboard .quick-filter-btn:active,
  #dashboard .trade-row-image-btn:hover,
  #dashboard .trade-row-image-btn:active,
  #dashboard .score-radar-wrap,
  #dashboard .score-number,
  #dashboard .score-item-bar-wrap::after {
    transform: none !important;
    animation: none !important;
  }
  #dashboard .score-card:hover::after,
  #dashboard .score-card:focus-within::after,
  #dashboard .score-card:active::after {
    opacity: .35;
    animation: none !important;
  }
}