:root {
  --brand-navy: #041326;
  --brand-navy-2: #071d38;
  --brand-navy-3: #0d2948;
  --bg: #fef9ec;
  --bg-soft: #fbf4e5;
  --bg-cream: #fef9ec;
  --card: #fffdf6;
  --card-cream: #fef9ec;
  --line: rgba(4, 19, 38, 0.10);
  --line-strong: rgba(4, 19, 38, 0.18);
  --text: #041326;
  --muted: #667182;
  --muted-strong: #39475a;
  --gold: #e7b334;
  --gold-deep: #c89220;
  --ivory: #fef9ec;
  --green: #15945f;
  --green-soft: #e8f7f0;
  --red: #cf4c50;
  --red-soft: #feeeee;
  --amber: #bf8217;
  --amber-soft: #fff4de;
  --blue-soft: #e8eefc;
  --telegram: #229ed9;
  --shadow: 0 24px 70px rgba(4, 19, 38, 0.09);
  --shadow-2: 0 12px 30px rgba(4, 19, 38, 0.07);
  --shadow-dark: 0 24px 70px rgba(4, 19, 38, 0.30);
  --radius: 24px;
  --container: min(1180px, calc(100vw - 32px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: "Vazirmatn", Tahoma, Arial, sans-serif;
  background: linear-gradient(180deg, #fef9ec 0%, #fcf6e8 52%, #faf2e1 100%);
  color: var(--text);
  line-height: 1.78;
  min-height: 100vh;
  overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
img, svg { display: block; }
.container { width: var(--container); margin-inline: auto; position: relative; z-index: 1; }

.skip-link {
  position: absolute; right: 12px; top: -60px; background: var(--gold); color: #0a1222; padding: 10px 16px; border-radius: 12px; z-index: 99; font-weight: 700;
}
.skip-link:focus { top: 12px; }

.site-header {
  position: sticky; top: 0; z-index: 50;
  background: var(--brand-navy);
  border-bottom: 1px solid rgba(255,255,255,0.07);
  box-shadow: 0 10px 28px rgba(4,19,38,.12);
}
.nav-wrap {
  min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 18px;
}
.brand-word, .stage-logo, .footer-logo {
  font-family: "Caladea", Georgia, "Times New Roman", serif;
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1;
}
.brand-word { font-size: 2rem; }
.stage-logo { font-size: clamp(5rem, 13vw, 11rem); position: relative; z-index: 2; white-space: nowrap; }
.footer-logo { font-size: 2.15rem; }
.paschee { color: var(--ivory); }
.brand-dot { color: var(--gold); text-shadow: 0 0 18px rgba(231,179,52,.35); }
.brand-com { color: #929fb3; }

.nav-links { display: flex; align-items: center; gap: 22px; color: rgba(247,250,255,.84); font-size: .98rem; }
.nav-links a { position: relative; transition: .25s ease; }
.nav-links a::after {
  content: ""; position: absolute; right: 0; left: 0; bottom: -10px; height: 2px; border-radius: 99px; background: linear-gradient(90deg, transparent, var(--gold), transparent);
  transform: scaleX(0); transition: transform .25s ease;
}
.nav-links a:hover { color: #fff; }
.nav-links a:hover::after { opacity:1; }
.menu-button { display: none; background: transparent; border: 0; color: #fff; font-size: 1.6rem; }
.mobile-nav {
  display: none; flex-direction: column; gap: 6px; padding: 0 16px 16px; border-top: 1px solid rgba(255,255,255,.08); background: var(--brand-navy); color: #eef3fa;
}
.mobile-nav a { padding: 12px 0; }
.mobile-nav.open { display: flex; }

.brand-stage {
  position: relative;
  overflow: hidden;
  background: var(--brand-navy);
  color: #fff;
  min-height: 390px;
  display: grid;
  place-items: center;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.brand-stage::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 120px;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,.10));
  pointer-events: none;
}
.brand-stage-inner {
  text-align: center;
  padding: 54px 0 62px;
}
.stage-logo-wrap {
  display: inline-block;
  position: relative;
  isolation: isolate;
}
.stage-shimmer {
  position: absolute;
  inset: -16% -8%;
  z-index: 3;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 0%, transparent 32%, rgba(255,255,255,.12) 46%, transparent 58%, transparent 100%);
  transform: translateX(-130%);
  animation: stageShimmer 5.8s ease-in-out infinite;
  mix-blend-mode: screen;
}
@keyframes stageShimmer {
  0%, 22% { transform: translateX(-130%); opacity: 0; }
  28% { opacity: 1; }
  48% { transform: translateX(130%); opacity: .8; }
  100% { transform: translateX(130%); opacity: 0; }
}
.stage-slogan {
  margin-top: 22px;
  font-size: 1.08rem;
  font-weight: 600;
  color: rgba(244,239,228,.86);
}
.stage-slogan span { color: var(--gold); }
.brand-stage-lines { position: absolute; inset: 0; pointer-events: none; }
.stage-line {
  position: absolute;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(231,179,52,.48), transparent);
  opacity: .45;
}
.stage-line-1 { width: 520px; top: 34%; right: -120px; transform: rotate(-7deg); animation: stageLine1 9s ease-in-out infinite; }
.stage-line-2 { width: 460px; bottom: 28%; left: -120px; transform: rotate(8deg); animation: stageLine2 10s ease-in-out infinite; }
.stage-spark { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 18px rgba(231,179,52,.55); }
.stage-spark-1 { top: 32%; right: 22%; animation: stageSpark 5s ease-in-out infinite; }
.stage-spark-2 { bottom: 29%; left: 26%; animation: stageSpark 6s ease-in-out infinite -2s; }
@keyframes stageLine1 { 0%,100%{transform:translateX(0) rotate(-7deg);opacity:.22}50%{transform:translateX(-90px) rotate(-7deg);opacity:.55} }
@keyframes stageLine2 { 0%,100%{transform:translateX(0) rotate(8deg);opacity:.18}50%{transform:translateX(85px) rotate(8deg);opacity:.46} }
@keyframes stageSpark { 0%,100%{transform:translateY(0) scale(1);opacity:.25}50%{transform:translateY(-18px) scale(1.25);opacity:1} }

.intro-section { padding: 58px 0 28px; }
.intro-grid { display: grid; grid-template-columns: 1.03fr .97fr; gap: 34px; align-items: center; }
.eyebrow, .section-kicker {
  display: inline-flex; align-items: center; gap: 10px; color: var(--brand-navy-2); font-size: .82rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
}
.eyebrow-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 14px rgba(231,179,52,.30); }
.intro-copy h1 { margin: 12px 0 14px; font-size: clamp(2rem, 4vw, 3.35rem); line-height: 1.2; letter-spacing: -0.03em; }
.intro-copy h1 span { color: var(--brand-navy-2); }
.intro-copy p { margin: 0; color: var(--muted-strong); font-size: 1.02rem; max-width: 760px; }

.hero-panel,
.market-card, .stat-card, .brief-card, .method-card, .history-card, .forecast-table-wrap, .trust-card, .tv-card, .premium-card, .about-card, .direction-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(4,19,38,.08);
  border-radius: 24px;
  box-shadow: var(--shadow);
}
.hero-panel, .market-card, .stat-card, .brief-card, .method-card, .history-card, .forecast-table-wrap, .trust-card, .about-card, .direction-card {
  background: var(--card);
}
.hero-panel { padding: 28px; background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,250,240,.98)); }
.panel-head, .history-head, .chart-topline, .section-heading, .footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.hero-panel h2, .section-heading h2 { margin: 6px 0 0; font-size: 1.8rem; line-height: 1.2; }
.live-pill { padding: 8px 12px; border-radius: 999px; border: 1px solid rgba(231,179,52,.28); background: rgba(231,179,52,.12); color: var(--amber); font-size: .88rem; font-weight: 800; }
.hero-forecast-list { display: grid; gap: 14px; margin: 22px 0; }
.hero-forecast-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 18px; border-radius: 18px; background: rgba(255,255,255,.84); border: 1px solid rgba(4,19,38,.08); transition: .25s ease; }
.hero-forecast-item:hover {  border-color: rgba(9,39,70,.30); }
.market-name-wrap { display: flex; align-items: center; gap: 12px; }
.market-icon { display: inline-grid; place-items: center; min-width: 42px; width: 42px; height: 42px; border-radius: 14px; background: linear-gradient(180deg,#fef9ec,#f2eee5); color: var(--brand-navy); font-size: .85rem; font-weight: 800; }
.direction { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 7px 12px; border-radius: 999px; font-size: .9rem; font-weight: 700; }
.direction.up { background: var(--green-soft); color: var(--green); }
.direction.down { background: var(--red-soft); color: var(--red); }
.panel-meta { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 8px; }
.panel-meta div { padding: 14px 16px; border-radius: 18px; background: rgba(255,255,255,.9); border: 1px solid rgba(4,19,38,.08); }
.panel-meta span { color: var(--muted); }
.panel-meta strong { display: block; margin-top: 3px; font-size: 1rem; color: var(--brand-navy); }

.section { padding: 34px 0; position: relative; z-index: 1; }
.market-strip { padding: 22px 0 18px; }
.section-heading { margin-bottom: 22px; }
.section-heading p { margin: 10px 0 0; color: var(--muted-strong); max-width: 780px; }
.compact-heading { margin-bottom: 18px; }
.align-start { justify-content: flex-start; }
.centered { justify-content: center; text-align: center; }
.centered p { margin-inline: auto; }

.live-source { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:.92rem; }
.pulse-dot { width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 0 0 rgba(21,148,95,.35); animation:pulse 1.8s infinite; }
@keyframes pulse { 0%{box-shadow:0 0 0 0 rgba(21,148,95,.30)}70%{box-shadow:0 0 0 9px rgba(21,148,95,0)}100%{box-shadow:0 0 0 0 rgba(21,148,95,0)} }

.market-grid, .stats-grid, .brief-grid, .method-grid, .about-grid { display:grid; gap:18px; }
.market-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.stats-grid { grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:18px; }
.brief-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.method-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.about-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }

.market-card, .stat-card, .brief-card, .method-card, .about-card { padding:20px; }
.market-card, .stat-card, .brief-card, .method-card, .about-card, .premium-card, .tv-card, .history-card, .forecast-table-wrap, .trust-card, .direction-card { transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease; }
.market-card:hover, .stat-card:hover, .brief-card:hover, .method-card:hover, .about-card:hover, .premium-card:hover, .tv-card:hover, .history-card:hover, .forecast-table-wrap:hover, .trust-card:hover, .direction-card:hover {  border-color:rgba(9,39,70,.30); }
.market-card-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
.market-card-title { display:flex; align-items:center; gap:12px; }
.market-card h3 { margin:0 0 2px; font-size:1.03rem; }
.market-symbol { font-size:.87rem; color:var(--muted); }
.tv-quote-shell { min-height:118px; display:flex; align-items:center; margin-top:8px; }

.quote-fallback { width:100%; display:flex; align-items:flex-end; justify-content:space-between; gap:12px; padding:12px 4px 2px; }
.quote-fallback strong { font-size:1.65rem; direction:ltr; }
.quote-fallback span { font-size:.95rem; color:var(--muted); }
.market-card-foot { margin-top:8px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.market-card-foot small { color:var(--muted); }

.tv-heading { align-items:flex-end; }
.chart-tabs { display:flex; flex-wrap:wrap; gap:10px; }
.chart-tab { border:1px solid rgba(4,19,38,.12); background:rgba(255,255,255,.84); color:var(--muted-strong); border-radius:999px; padding:10px 14px; cursor:pointer; font-weight:700; transition:.25s ease; }
.chart-tab.active, .chart-tab:hover { color:#fff; background:var(--brand-navy); border-color:transparent; }
.tv-card { padding:20px; background:#041326; color:#fef9ec; box-shadow:var(--shadow-dark); border-color:rgba(255,255,255,.07); }
.tv-card .chart-symbol,.tv-card .tv-note { color:rgba(234,240,248,.68); }
.chart-price-row { display:flex; align-items:baseline; gap:12px; margin-top:6px; }
.chart-price-row strong { font-size:2rem; direction:ltr; color:#fff; }
.tv-widget-shell { margin-top:18px; border-radius:20px; overflow:hidden; border:1px solid rgba(255,255,255,.08); background:#041326; }
.tv-widget-container { width:100%; height:560px; position:relative; }
.tv-widget-placeholder,.tv-fallback { display:grid; place-items:center; height:100%; color:rgba(254,249,236,.72); padding:24px; text-align:center; background:#041326; }

.two-col { display:grid; grid-template-columns:1.08fr .92fr; gap:24px; }
.forecast-table-wrap { padding:8px; background:var(--card-cream); }
.forecast-table,.history-table { width:100%; border-collapse:collapse; overflow:hidden; }
.forecast-table th,.forecast-table td,.history-table th,.history-table td { padding:16px 14px; border-bottom:1px solid rgba(4,19,38,.08); text-align:right; }
.forecast-table th,.history-table th { color:var(--brand-navy); font-size:.92rem; }
.forecast-table tbody tr:hover,.history-table tbody tr:hover { background:rgba(232,238,252,.45); }
.forecast-market { display:flex; align-items:center; gap:10px; }
.trust-card { padding:24px; background:var(--card-cream); }
.trust-card h3 { margin:10px 0 16px; font-size:1.45rem; }
.trust-card ul { list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.trust-card li { display:flex; gap:14px; }
.trust-card li>span { width:44px; height:44px; flex:0 0 44px; display:grid; place-items:center; border-radius:14px; background:rgba(231,179,52,.12); color:var(--amber); font-weight:800; }
.trust-card strong { display:block; margin-bottom:3px; }
.trust-card p { margin:0; color:var(--muted); }

.stat-card { background:var(--card-cream); }
.stat-card span,.stat-card small { color:var(--muted); }
.stat-card strong { display:block; margin:14px 0 8px; font-size:2.1rem; color:var(--brand-navy); }
.history-card { padding:20px; background:var(--card-cream); }
.history-head span { color:var(--muted); }
.history-table-wrap { overflow-x:auto; }
.result-badge { display:inline-grid; place-items:center; width:28px; height:28px; border-radius:999px; font-weight:800; }
.result-badge.correct { background:var(--green-soft); color:var(--green); }
.result-badge.wrong { background:var(--red-soft); color:var(--red); }
.result-badge.pending { background:var(--blue-soft); color:var(--brand-navy-2); }

.news-toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; margin-bottom:18px; }
.news-filters { display:flex; flex-wrap:wrap; gap:10px; }
.news-filter { border:1px solid rgba(4,19,38,.11); background:#fffdf6; color:var(--muted-strong); border-radius:999px; padding:9px 15px; cursor:pointer; font-weight:700; transition:.22s ease; }
.news-filter:hover,.news-filter.active { background:var(--brand-navy); color:#fff; border-color:var(--brand-navy); }
.impact-legend { display:flex; flex-wrap:wrap; gap:12px; color:var(--muted); font-size:.85rem; }
.impact-legend span { display:inline-flex; align-items:center; gap:6px; }
.legend-line { display:inline-block; width:18px; height:3px; border-radius:999px; }
.legend-line.high { background:var(--red); }
.legend-line.medium { background:var(--gold); }
.legend-line.low { background:var(--green); }
.brief-card { min-height:100%; background:var(--card-cream); border-width:1px 4px 1px 1px; }
.brief-card.impact-high { border-right-color:var(--red); }
.brief-card.impact-medium { border-right-color:var(--gold); }
.brief-card.impact-low { border-right-color:var(--green); }
.brief-card.is-hidden { display:none; }
.brief-label { display:inline-block; padding:6px 10px; border-radius:999px; background:rgba(4,19,38,.07); color:var(--brand-navy); font-size:.78rem; font-weight:800; letter-spacing:.06em; margin-bottom:14px; }
.brief-card h3 { margin:0 0 10px; font-size:1.15rem; line-height:1.45; }
.brief-card p { margin:0 0 16px; color:var(--muted); }
.brief-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--muted); font-size:.86rem; }

.method-num { display:inline-grid; place-items:center; width:42px; height:42px; border-radius:12px; background:rgba(231,179,52,.12); color:var(--amber); font-weight:900; }
.method-card { background:var(--card-cream); }
.method-card h3 { margin:12px 0 8px; font-size:1.08rem; }
.method-card p { margin:0; color:var(--muted); }
.direction-definitions { margin-top:18px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.direction-card { padding:22px; display:flex; align-items:center; justify-content:space-between; gap:20px; background:#fffdf6; }
.direction-card.bullish { border-color:rgba(21,148,95,.26); background:linear-gradient(180deg,#fffdf6 0%,#f2fbf7 100%); }
.direction-card.bearish { border-color:rgba(207,76,80,.25); background:linear-gradient(180deg,#fffdf6 0%,#fff5f5 100%); }
.direction-copy { min-width:0; }
.direction-copy strong { display:block; margin-top:8px; color:var(--muted-strong); font-size:.97rem; }
.direction-badge { display:inline-flex; padding:7px 12px; border-radius:999px; font-weight:800; }
.bullish .direction-badge { background:var(--green-soft); color:var(--green); }
.bearish .direction-badge { background:var(--red-soft); color:var(--red); }
.mini-chart { width:180px; max-width:42%; flex:0 0 180px; overflow:visible; }
.mini-grid { fill:none; stroke:rgba(4,19,38,.08); stroke-width:1; }
.mini-line { fill:none; stroke-width:4; stroke-linecap:round; stroke-linejoin:round; }
.bullish .mini-line,.bullish .mini-chart circle { stroke:var(--green); fill:var(--green); }
.bearish .mini-line,.bearish .mini-chart circle { stroke:var(--red); fill:var(--red); }

.premium-card { padding:28px; display:flex; align-items:center; justify-content:space-between; gap:18px; background:var(--brand-navy); color:#f7f9fd; box-shadow:var(--shadow-dark); border-color:rgba(255,255,255,.07); }
.premium-card .section-kicker,.premium-card p { color:rgba(255,255,255,.80); }
.premium-card h2 { margin:8px 0 10px; font-size:2rem; color:#fff; }
.about-card h2 { margin:8px 0 10px; font-size:1.5rem; }
.about-card p { color:var(--muted); }

.site-footer { padding:30px 0 20px; background:var(--brand-navy); color:#f0f4fb; margin-top:30px; border-top:1px solid rgba(255,255,255,.07); }
.site-footer p,.site-footer a { color:rgba(240,244,251,.72); }
.footer-grid { display:grid; grid-template-columns:1.3fr repeat(2,1fr); gap:20px; align-items:start; }
.footer-grid h3 { margin:0 0 10px; font-size:1rem; color:#fff; }
.footer-grid a { display:block; margin-bottom:7px; transition:color .25s ease; }
.footer-grid a:hover { color:#fff; }
.footer-brand { max-width:360px; }
.footer-bottom { margin-top:14px; padding-top:12px; border-top:1px solid rgba(255,255,255,.08); color:rgba(240,244,251,.65); }

.floating-telegram {
  position:fixed; left:20px; bottom:20px; z-index:45;
  width:58px; height:58px; border-radius:50%;
  background:#fef9ec;
  border:2px solid var(--gold);
  display:grid; place-items:center;
  box-shadow:0 14px 30px rgba(4,19,38,.16);
  transition:transform .25s ease, box-shadow .25s ease;
}
.floating-telegram svg { width:27px; height:27px; fill:var(--telegram); }
.floating-telegram:hover { box-shadow:0 4px 14px rgba(9,39,70,.12); }

.btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; border-radius:999px; padding:12px 22px; min-height:48px; border:1px solid transparent; cursor:pointer; font-weight:700; transition:.25s ease; }
.btn:hover {  }
.btn-gold { background:linear-gradient(180deg,#edc25b 0%,#e7b334 100%); color:#111827; box-shadow:0 14px 30px rgba(231,179,52,.20); }
.btn-gold:hover { box-shadow:0 4px 14px rgba(9,39,70,.12); }

@media (max-width:1100px) {
  .intro-grid,.two-col,.about-grid,.footer-grid { grid-template-columns:1fr; }
  .market-grid,.stats-grid,.brief-grid,.method-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .premium-card { flex-direction:column; align-items:flex-start; }
  .stage-logo { font-size:clamp(4.8rem,16vw,9rem); }
}

@media (max-width:860px) {
  .nav-links { display:none; }
  .menu-button { display:inline-flex; }
  .market-grid,.stats-grid,.brief-grid,.method-grid,.about-grid,.direction-definitions { grid-template-columns:1fr; }
  .brand-stage { min-height:320px; }
  .brand-stage-inner { padding:42px 0 50px; }
  .panel-head,.section-heading,.chart-topline,.history-head,.footer-bottom,.compact-heading { flex-direction:column; align-items:flex-start; }
  .chart-tabs { width:100%; }
  .tv-widget-container { height:460px; }
  .direction-card { align-items:flex-start; }
  .mini-chart { flex-basis:145px; width:145px; }
}

@media (max-width:520px) {
  .container { width:min(100vw - 22px,100%); }
  .brand-word { font-size:1.52rem; }
  .stage-logo { font-size:clamp(3.2rem,19vw,5.5rem); }
  .intro-copy h1 { font-size:1.88rem; }
  .section-heading h2,.premium-card h2 { font-size:1.55rem; }
  .tv-widget-container { height:390px; }
  .floating-telegram { left:12px; bottom:12px; }
  .direction-card { flex-direction:column; }
  .mini-chart { max-width:100%; width:100%; flex-basis:auto; }
}

/* ===== V5 refinements ===== */
/* Brand stage is intentionally static: no animated lines or shimmer. */
.brand-stage {
  min-height: 300px;
  background:
    radial-gradient(circle at 50% 115%, rgba(231,179,52,.08), transparent 32%),
    var(--brand-navy);
}
.brand-stage::after { display: none; }
.brand-stage-inner { padding: 40px 0 46px; }
.stage-logo-wrap { display:block; width:100%; max-width:100%; overflow:hidden; }
.stage-logo {
  display:block;
  width:100%;
  max-width:100%;
  font-size:clamp(2.8rem, 10.8vw, 9rem);
  letter-spacing:-0.045em;
  line-height:.98;
  text-align:center;
  white-space:nowrap;
}
.stage-slogan { margin-top:18px; }
.stage-shimmer,.brand-stage-lines { display:none !important; animation:none !important; }

/* Product story: sources -> Paschee AI -> directional outlook. */
.intelligence-flow {
  margin-top:22px;
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.intelligence-flow span {
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:7px 12px;
  border-radius:999px;
  background:#fffdf6;
  border:1px solid rgba(4,19,38,.09);
  color:var(--brand-navy-2);
  font-size:.86rem;
  font-weight:700;
  box-shadow:0 8px 20px rgba(4,19,38,.04);
}
.model-output-line {
  margin-top:12px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  color:var(--muted-strong);
  font-size:.9rem;
}
.model-output-line span,.model-output-line b {
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:12px;
  font-weight:800;
}
.model-output-line span { background:var(--brand-navy); color:#fff; }
.model-output-line strong { color:var(--brand-navy); font-weight:700; }
.model-output-line b { background:rgba(231,179,52,.15); color:var(--gold-deep); }
.model-output-line i { color:var(--gold-deep); font-style:normal; font-weight:900; }

/* Snapshot cards show timestamped quotes. */
.market-card-top { justify-content:flex-start; }
.market-card-title { width:100%; }
.tv-quote-shell { overflow:hidden; }
.tv-quote-shell iframe { max-width:100% !important; }
.direction { white-space:nowrap; flex-shrink:0; }

/* News importance is communicated by the full card frame, not a corner label. */
.brief-card.impact-high {
  border-color:rgba(207,76,80,.48);
  box-shadow:0 18px 48px rgba(207,76,80,.07);
}
.brief-card.impact-medium {
  border-color:rgba(231,179,52,.58);
  box-shadow:0 18px 48px rgba(231,179,52,.08);
}
.brief-card.impact-low {
  border-color:rgba(21,148,95,.42);
  box-shadow:0 18px 48px rgba(21,148,95,.06);
}

/* Telegram: official blue glyph, cream disc, thin gold frame. */
.floating-telegram {
  background:#fef9ec;
  border:1.5px solid var(--gold);
}
.floating-telegram svg { fill:#229ed9; }

/* Cleaner, non-mirrored trend examples. */
.mini-area { stroke:none; pointer-events:none; }
.mini-chart { min-width:0; }
.bullish .mini-line,.bullish .mini-chart circle { stroke:var(--green); fill:var(--green); }
.bearish .mini-line,.bearish .mini-chart circle { stroke:var(--red); fill:var(--red); }

@media (max-width:860px) {
  .brand-stage { min-height:235px; }
  .brand-stage-inner { padding:32px 0 36px; }
  .stage-logo { font-size:clamp(2.75rem, 11vw, 5.25rem); }
  /* Keep bullish and bearish next to each other on phones/tablets. */
  .direction-definitions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .direction-card { flex-direction:column; align-items:stretch; gap:12px; padding:16px; }
  .mini-chart { width:100%; max-width:100%; flex:0 0 auto; height:auto; }
}

@media (max-width:520px) {
  .brand-stage { min-height:205px; }
  .brand-stage-inner { padding:28px 0 30px; }
  .stage-logo { font-size:clamp(2.55rem, 11.2vw, 4rem); letter-spacing:-0.055em; }
  .stage-slogan { margin-top:14px; font-size:.9rem; }

  .intro-section { padding-top:34px; }
  .intro-copy h1 { font-size:1.72rem; }
  .intro-copy p { font-size:.94rem; }
  .intelligence-flow { gap:7px; margin-top:18px; }
  .intelligence-flow span { min-height:31px; padding:5px 9px; font-size:.76rem; }
  .model-output-line { gap:6px; font-size:.78rem; }
  .model-output-line span,.model-output-line b { padding:6px 8px; border-radius:10px; }

  /* More compact live market cards on mobile. */
  .market-grid { gap:10px; }
  .market-card { padding:12px 13px; border-radius:18px; }
  .market-card-top { margin-bottom:2px; }
  .market-card-title { gap:9px; }
  .market-card h3 { font-size:.92rem; margin:0; }
  .market-symbol { font-size:.76rem; }
  .market-icon { width:34px; height:34px; min-width:34px; border-radius:11px; font-size:.72rem; }
  .tv-quote-shell { min-height:82px; margin-top:0; }
  .tv-quote-shell iframe { height:82px !important; min-height:82px !important; }
  .quote-fallback { padding:8px 2px 0; }
  .quote-fallback strong { font-size:1.28rem; }
  .market-card-foot { display:none; }

  /* Direction pills stay intact in forecast views. */
  .direction { padding:5px 8px; font-size:.76rem; gap:3px; }
  .hero-forecast-item { padding:12px 13px; }

  /* Bullish/Bearish remain side by side, compact and readable. */
  .direction-definitions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .direction-card { padding:11px; gap:8px; border-radius:17px; }
  .direction-badge { padding:5px 6px; font-size:.68rem; white-space:nowrap; }
  .direction-copy strong { margin-top:6px; font-size:.74rem; line-height:1.7; }
  .mini-chart { height:68px; }

  .news-filters { gap:7px; }
  .news-filter { padding:7px 10px; font-size:.78rem; }
  .impact-legend { font-size:.73rem; gap:8px; }
}

/* ===== USD / TGJU live price + native Paschee chart ===== */
.usd-native-chart {
  height:560px;
  padding:18px 18px 10px;
  display:grid;
  grid-template-rows:auto 1fr auto;
  background:
    radial-gradient(circle at 78% 10%, rgba(231,179,52,.09), transparent 28%),
    #041326;
}
.usd-chart-meta { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:2px 4px 14px; color:rgba(254,249,236,.68); font-size:.82rem; }
.usd-chart-meta strong { color:#fff9ec; font-weight:700; }
.usd-chart-svg { width:100%; height:100%; min-height:360px; overflow:visible; }
.usd-grid-line { stroke:#0d2948; stroke-width:1; vector-effect:non-scaling-stroke; }
.usd-axis-label { fill:#8091a7; font-size:14px; font-family:Arial,sans-serif; }
.usd-area { fill:url(#usdAreaGradient); }
.usd-line { fill:none; stroke:#e7b334; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; filter:drop-shadow(0 0 8px rgba(231,179,52,.16)); }
.usd-point { fill:#041326; stroke:#f0c55c; stroke-width:3; vector-effect:non-scaling-stroke; }
.usd-last-price { fill:#fff9ec; font-size:14px; font-weight:700; font-family:Arial,sans-serif; }
.usd-chart-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 4px 0; color:#8091a7; font-size:.76rem; }
.usd-chart-empty { height:100%; display:grid; place-items:center; text-align:center; color:rgba(254,249,236,.72); padding:30px; }
.tv-note.tgju-note { color:#e9c56b; }

@media (max-width:1100px) {
  .market-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:860px) {
  .market-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .usd-native-chart { height:460px; }
  .usd-chart-svg { min-height:300px; }
}
@media (max-width:520px) {
  .market-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .usd-native-chart { height:390px; padding:10px 8px 8px; }
  .usd-chart-svg { min-height:260px; }
  .usd-chart-meta,.usd-chart-footer { font-size:.68rem; }
}


/* ===== V7 UI refinements: unified markets, Telegram blue, compact mobile, performance chart ===== */

/* All four market cards use the same visual language. */
.market-card[data-chart-market="usd"] {
  border-color: rgba(4,19,38,.08);
}
.market-card[data-chart-market="usd"] .market-icon {
  background: linear-gradient(180deg,#fef9ec,#f2eee5);
  color: var(--brand-navy);
}

/* Native quote spacing. */
.tgju-quote-shell {
  min-height:118px;
  height:118px;
  display:flex;
  align-items:center;
  width:100%;
  margin-top:8px;
  overflow:hidden;
}
.tgju-quote {
  transform: translateY(-16px);

  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
  padding:0 15px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  direction:ltr;
}
.tgju-quote-row {
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.tgju-symbol-icon {
  transform: translateY(-2px);
  position:relative;
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  min-width:26px;
  border-radius:50%;
  overflow:hidden;
  background:var(--brand-navy);
  color:#fff;
  font:800 .64rem/1 Arial,sans-serif;
  letter-spacing:.02em;
}
.tgju-symbol-icon img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
}
.tgju-symbol-fallback {
  position:relative;
  z-index:1;
}
.tgju-symbol-icon.image-ready .tgju-symbol-fallback {
  opacity:0;
}
.tgju-symbol-copy {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
}
.tgju-symbol-copy strong {
  color:var(--brand-navy);
  font-size:.94rem;
  line-height:1.08;
  font-weight:800;
  white-space:nowrap;
}
.tgju-symbol-copy span {
  margin-top:4px;
  color:var(--muted);
  font-size:.72rem;
  line-height:1.18;
  letter-spacing:.01em;
  white-space:nowrap;
}
.tgju-price-line {
  display:flex;
  align-items:baseline;
  justify-content:flex-start;
  gap:7px;
  direction:ltr;
}
.tgju-price-line strong {
  color:var(--brand-navy);
  font-size:1.7rem;
  line-height:1;
  letter-spacing:-.02em;
  font-weight:700;
}
.tgju-price-line span {
  color:var(--muted);
  font-size:.76rem;
  direction:rtl;
}

.market-card {
  display:flex;
  flex-direction:column;
}
.market-card .tv-quote-shell,
.market-card .tgju-quote-shell {
  flex:1 0 auto;
}
.market-card-foot {
  margin-top:auto;
  padding-top:8px;
}

/* Official Telegram visual: blue disc, white glyph, no gold outline. */
.floating-telegram {
  background:#229ED9;
  border:0;
  box-shadow:0 14px 32px rgba(34,158,217,.28);
}
.floating-telegram svg { fill:#fff; }
.floating-telegram:hover { box-shadow:0 4px 14px rgba(9,39,70,.12); }

/* Compact chart-based performance overview. */
.performance-overview {
  --accuracy-angle:0deg;
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(210px,.75fr) minmax(0,1.25fr);
  align-items:center;
  gap:28px;
  margin-bottom:18px;
  padding:24px;
  background:var(--card-cream);
  border:1px solid rgba(4,19,38,.08);
  border-radius:24px;
  box-shadow:var(--shadow);
}
.performance-chart-wrap {
  display:grid;
  justify-items:center;
  gap:14px;
}
.accuracy-donut {
  --accuracy-angle:0deg;
  width:min(190px,100%);
  aspect-ratio:1;
  position:relative;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:conic-gradient(var(--green) 0 var(--accuracy-angle), var(--red) var(--accuracy-angle) 360deg);
  box-shadow:inset 0 0 0 1px rgba(4,19,38,.04), 0 16px 34px rgba(4,19,38,.08);
}
.accuracy-donut::after {
  content:"";
  position:absolute;
  inset:20px;
  border-radius:50%;
  background:var(--card-cream);
  box-shadow:inset 0 0 0 1px rgba(4,19,38,.06);
}
.accuracy-donut-inner {
  position:relative;
  z-index:1;
  display:grid;
  justify-items:center;
  gap:2px;
  text-align:center;
}
.accuracy-donut-inner strong {
  color:var(--brand-navy);
  font-size:2rem;
  line-height:1;
  direction:ltr;
}
.accuracy-donut-inner span {
  color:var(--muted);
  font-size:.8rem;
}
.performance-legend {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  color:var(--muted-strong);
  font-size:.82rem;
}
.performance-legend span { display:inline-flex; align-items:center; gap:6px; }
.legend-dot { width:8px; height:8px; border-radius:50%; display:inline-block; }
.legend-dot.correct { background:var(--green); }
.legend-dot.wrong { background:var(--red); }
.performance-metrics {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.performance-metric {
  min-height:104px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  padding:16px 18px;
  border:1px solid rgba(4,19,38,.07);
  border-radius:18px;
  background:rgba(255,255,255,.64);
}
.performance-metric span { color:var(--muted); font-size:.86rem; }
.performance-metric strong { color:var(--brand-navy); font-size:1.75rem; line-height:1; direction:ltr; }
.performance-metric.correct strong { color:var(--green); }
.performance-metric.wrong strong { color:var(--red); }

@media (max-width:860px) {
  .market-grid,
  .brief-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }

  .performance-overview {
    grid-template-columns:170px minmax(0,1fr);
    gap:16px;
    padding:18px;
  }
  .accuracy-donut { width:150px; }
  .accuracy-donut::after { inset:17px; }
  .performance-metric { min-height:88px; padding:13px 14px; }
  .performance-metric strong { font-size:1.45rem; }
}

@media (max-width:520px) {
  /* Market cards remain 2x2 and become shorter. */
  .market-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .market-card { min-width:0; padding:10px; border-radius:16px; }
  .market-card-title { gap:7px; }
  .market-card h3 { font-size:.82rem; line-height:1.35; }
  .market-symbol { font-size:.66rem; }
  .market-icon { width:30px; height:30px; min-width:30px; border-radius:10px; font-size:.65rem; }
  .tv-quote-shell,.tgju-quote-shell { min-height:74px; height:74px; margin-top:0; }
  .tv-quote-shell iframe { height:74px !important; min-height:74px !important; }
  .tgju-quote { gap:5px; padding:0 1px; }
  .tgju-quote-row { gap:6px; }
  .tgju-symbol-icon { width:26px; height:26px; min-width:26px; font-size:.9rem; }
  .tgju-symbol-copy strong { font-size:.7rem; }
  .tgju-symbol-copy span { margin-top:2px; font-size:.47rem; letter-spacing:0; }
  .tgju-price-line { gap:4px; }
  .tgju-price-line strong { font-size:1rem; }
  .tgju-price-line span { font-size:.55rem; }

  /* News cards also stay 2x2 on phones. */
  .brief-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .brief-card { min-width:0; padding:11px; border-radius:16px; border-width:1px 3px 1px 1px; }
  .brief-label { margin-bottom:8px; padding:4px 7px; font-size:.58rem; letter-spacing:.03em; }
  .brief-card h3 {
    margin-bottom:7px;
    font-size:.78rem;
    line-height:1.55;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .brief-card p {
    margin-bottom:8px;
    font-size:.66rem;
    line-height:1.65;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .brief-meta { gap:5px; font-size:.56rem; }

  /* Performance is compact instead of three tall cards. */
  .performance-overview {
    grid-template-columns:1fr;
    gap:14px;
    padding:14px;
    border-radius:18px;
  }
  .performance-chart-wrap { grid-template-columns:116px 1fr; align-items:center; justify-items:start; gap:12px; }
  .accuracy-donut { width:116px; }
  .accuracy-donut::after { inset:13px; }
  .accuracy-donut-inner strong { font-size:1.35rem; }
  .accuracy-donut-inner span { font-size:.64rem; }
  .performance-legend { display:grid; justify-content:start; gap:8px; font-size:.7rem; }
  .performance-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .performance-metric { min-height:70px; padding:10px 11px; border-radius:14px; gap:5px; }
  .performance-metric span { font-size:.68rem; }
  .performance-metric strong { font-size:1.15rem; }

  .floating-telegram { width:50px; height:50px; }
  .floating-telegram svg { width:24px; height:24px; }
}


/* USD professional chart update. The large brand-stage has been removed from HTML. */
.intro-section { padding-top: 38px; }
#chart-tv { scroll-margin-top: 100px; }
.tv-card:hover {  }
.chart-price-row[hidden], .usd-chart-notes[hidden], .usd-tooltip[hidden], #chartChange[hidden] { display: none !important; }
.chart-controls { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; padding: 10px 0; border-top: 1px solid #163149; border-bottom: 1px solid #163149; direction: ltr; }
.chart-intervals, .chart-actions { display: flex; align-items: center; gap: 4px; min-width: 0; }
.chart-intervals button, .chart-tool-button, .chart-select-label select { background: transparent; color: #b6c2d0; border: 1px solid transparent; border-radius: 7px; cursor: pointer; min-height: 36px; }
.chart-intervals button { padding: 5px 11px; font-family: Arial,sans-serif; font-weight: 600; font-size: 13px; min-width: 40px; }
.chart-intervals button.active, .chart-intervals button:hover { background: #19354d; color: #fff9ec; }
.chart-intervals button.active { box-shadow: inset 0 -2px #e7b334; }
.chart-tool-button { width: 36px; display: grid; place-items: center; padding: 8px; }
.chart-tool-button:hover, .chart-tool-button[aria-pressed="true"] { background: #19354d; color: #fff9ec; }
.chart-tool-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; }
.chart-select-label select { background: #0b2138; padding: 3px 7px; direction: rtl; font-size: 12px; }
.chart-zone { color: #8697ab; font-family: Arial,sans-serif; font-size: 11px; padding-inline: 6px; }
.chart-controls button:focus-visible, .chart-controls select:focus-visible, .chart-tab:focus-visible, .usd-canvas:focus-visible, .chart-retry:focus-visible { outline: 2px solid #e7b334; outline-offset: 2px; }
.chart-controls + .tv-widget-shell { margin-top: 0; border: 0; border-radius: 0 0 10px 10px; }
.tv-chart-inner { height: 100%; width: 100%; }
.usd-pro-chart { height: 100%; width: 100%; position: relative; direction: ltr; background: #041326; }
.usd-canvas { position: absolute; inset: 0; direction: ltr; }
.usd-ohlc { position: absolute; top: 12px; left: 12px; z-index: 3; display: flex; align-items: baseline; flex-wrap: wrap; column-gap: 11px; row-gap: 2px; max-width: calc(100% - 98px); pointer-events: none; font-family: Arial,sans-serif; font-size: 12px; line-height: 1.55; color: #8799ac; direction: ltr; }
.usd-ohlc b { color: #e9eff6; font-size: 13px; }
.usd-ohlc i { font-style: normal; font-variant-numeric: tabular-nums; }
.usd-ohlc[data-trend="up"] i { color: #38c790; }
.usd-ohlc[data-trend="down"] i { color: #f07d7d; }
.usd-tooltip { position: absolute; z-index: 10; width: 205px; max-width: calc(100% - 16px); padding: 11px 13px; border: 1px solid #33516c; border-radius: 10px; background: rgba(7,26,45,.97); color: #e9eff6; direction: rtl; font-size: 11px; line-height: 1.7; pointer-events: none; box-shadow: 0 5px 22px rgba(0,0,0,.25); }
.usd-tooltip > strong { display: block; padding-bottom: 5px; border-bottom: 1px solid #294257; margin-bottom: 5px; }
.usd-tooltip > div { display: flex; justify-content: space-between; gap: 14px; }
.usd-tooltip b { font: 12px/1.8 Arial,sans-serif; font-variant-numeric: tabular-nums; }
.usd-tooltip small { color: #a2b0c1; font-size: 10px; }
.chart-status { height: 100%; width: 100%; min-height: 200px; padding: 32px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; text-align: center; color: #a7b6c8; background: #041326; }
.chart-status-tag { border: 1px solid #284259; background: #0a2138; color: #e7b334; padding: 7px 12px; border-radius: 8px; font: 600 13px Arial,sans-serif; }
.chart-status p { max-width: 490px; font-size: 13px; margin: 0; }
.chart-retry { color: #fff9ec; background: #17364f; border: 1px solid #365674; border-radius: 8px; padding: 7px 17px; cursor: pointer; font-size: 12px; }
.chart-status.is-error .chart-status-tag { color: #f1bb70; }
.usd-chart-notes { margin-top: 13px; color: #9aaec2; font-size: 11px; }
.usd-chart-disclosure { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5px 18px; line-height: 1.9; }
#usdCacheStatus.is-stale { color: #e1bb79; }
.usd-credit-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 12px; margin-top: 7px; font: 10px/1.8 Arial,sans-serif; color: #8ea3ba; }
.usd-credit-row a { color: #afc4dc; text-decoration: underline; text-underline-offset: 3px; }
.usd-data-details { margin-top: 10px; border-top: 1px solid #17314a; padding-top: 8px; }
.usd-data-details summary { cursor: pointer; color: #bac7d6; padding: 4px 0; }
.usd-data-details p { margin: 7px 0; }
.usd-data-scroll { max-height: 300px; overflow: auto; margin-top: 10px; border: 1px solid #23415b; border-radius: 7px; }
.usd-data-scroll table { width: 100%; border-collapse: collapse; white-space: nowrap; font-size: 11px; }
.usd-data-scroll th, .usd-data-scroll td { padding: 8px 12px; text-align: center; border-bottom: 1px solid #19374e; }
.usd-data-scroll th { position: sticky; top: 0; background: #102b43; color: #dfe7f1; }
.usd-data-scroll tbody tr:nth-child(even) { background: #0b233a; }
.usd-data-scroll td[dir="ltr"] { font-family: Arial,sans-serif; font-variant-numeric: tabular-nums; }
.chart-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.tv-card:fullscreen, .tv-card.chart-expanded { display: flex; flex-direction: column; width: 100%; height: 100dvh; padding: 16px; border-radius: 0; margin: 0; overflow: auto; background: #041326; }
.tv-card:fullscreen .tv-widget-shell, .tv-card.chart-expanded .tv-widget-shell { flex: 1; min-height: 240px; }
.tv-card:fullscreen .tv-widget-container, .tv-card.chart-expanded .tv-widget-container { height: 100%; }
.tv-card:fullscreen .usd-chart-notes, .tv-card.chart-expanded .usd-chart-notes { flex: 0 0 auto; }
.tv-card.chart-expanded { position: fixed; inset: 0; z-index: 1000; }
body.chart-is-expanded { overflow: hidden; }
@media (max-width: 640px) {
  .intro-section { padding-top: 28px; }
  .tv-card { padding: 13px; }
  .chart-topline { flex-direction: row; align-items: center; }
  .chart-price-row strong { font-size: 1.45rem; }
  .chart-controls { gap: 7px; flex-wrap: wrap; margin-top: 12px; }
  .chart-intervals { flex: 1; justify-content: space-between; }
  .chart-intervals button { padding-inline: 10px; }
  .chart-actions { width: 100%; justify-content: flex-end; }
  .chart-select-label { margin-right: auto; }
  .chart-zone { margin-left: 4px; }
  .usd-ohlc { font-size: 10px; column-gap: 7px; top: 10px; left: 8px; }
  .usd-ohlc b { font-size: 11px; }
  .usd-tooltip { width: 185px; padding: 8px 10px; }
  .usd-chart-notes { font-size: 10px; }
  .chart-status { padding: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .tv-card { transition: none; }
}
/* Prevent intrinsic table widths from expanding the mobile page's grid tracks. */
.two-col > *, .usd-data-details, .usd-data-scroll { min-width: 0; }
.usd-data-scroll { max-width: 100%; }

/* Local preview data controls. Hidden on public origins; no changes to chart sizing. */
.usd-local-preview { margin: 8px 0 12px; padding: 12px; border: 1px solid #284259; border-radius: 10px; background: #0a2138; overflow-wrap: anywhere; }
.usd-local-preview p { margin: 0 0 8px; line-height: 1.9; }
.usd-local-preview p:empty { display: none; }
.usd-local-preview #usdLocalFileStatus { margin: 8px 0 0; }
.usd-local-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.usd-local-actions [hidden] { display: none !important; }
.chart-data-path { max-width: 100%; font-size: 10px; line-height: 1.8; overflow-wrap: anywhere; }
.chart-data-path code { display: block; direction: ltr; unicode-bidi: isolate; color: #b9cbe0; white-space: normal; }
#usdCacheStatus { overflow-wrap: anywhere; }