/**
 * OctoBit Crypto - Complete CSS from 1.txt
 * Professional crypto dashboard styling
 */

.ocdash{
  --bg: #f5f7fb;
  --bg-accent: radial-gradient(circle at top left, rgba(59,130,246,.14), transparent 34%),
               radial-gradient(circle at top right, rgba(16,185,129,.12), transparent 30%),
               linear-gradient(180deg, #f8fafc 0%, #f3f6fb 100%);
  --card: rgba(255,255,255,.88);
  --card-strong: #ffffff;
  --card-soft: #f8fbff;
  --text: #0f172a;
  --muted: #64748b;
  --muted-2: #94a3b8;
  --border: rgba(148,163,184,.18);
  --border-strong: rgba(148,163,184,.24);
  --shadow: 0 12px 40px rgba(15,23,42,.06);
  --shadow-hover: 0 16px 44px rgba(15,23,42,.10);
  --pos: #16a34a;
  --neg: #e11d48;
  --warn: #d97706;
  --brand: #2563eb;
  --brand-2: #0f172a;
  --radius: 22px;
  --radius-md: 18px;
  --radius-sm: 14px;
  --gap: 18px;
  --surface-blur: blur(12px);
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--text);
  background: var(--bg-accent);
  border-radius: calc(var(--radius) + 4px);
}

.ocdash,
.ocdash *{
  box-sizing: border-box;
}

.ocdash .ocdash__wrap{
  max-width: 1240px;
  margin: 0 auto;
  padding: 18px 16px 34px;
}

.ocdash[data-fd-dashboard]{
  background: #f5f5f0;
}

.ocdash .octobit-top-heading{
  margin: 4px 0 18px;
  text-align: center;
  font-family: "Syne", "Inter", sans-serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.5px;
  text-transform: none;
  color: #000;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}

.ocdash .octobit-top-heading__inner{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.ocdash .octobit-top-heading__badge{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: "Syne", "Inter", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  color: rgba(0,0,0,0.65);
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 3px;
  padding: 3px 8px;
  line-height: 1;
}

.ocdash .octobit-top-heading__dot{
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ef4444;
}

.ocdash .octobit-top-heading__underline{
  display: block;
  width: 44px;
  height: 2px;
  border-radius: 2px;
  background: #000;
}

.ocdash .octobit-top-section-wrapper{
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}

.ocdash .ocdash__sectionTitle{
  margin: 8px 0 12px;
  font-family: "Syne", "Space Grotesk", sans-serif;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #0f172a;
  text-align: center;
}

.ocdash .octobit-top-section-wrapper > .ocdash__card{
  margin: 0;
}

.ocdash .octobit-top-section-wrapper .ocdash__hero{
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 24px;
  padding: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}

.ocdash .octobit-top-section-wrapper .ocdash__hero::before{
  display: none;
}

.ocdash .octobit-top-promo-card{
  padding: 0;
  border-radius: 32px;
  overflow: hidden;
  border: 0;
  background: transparent;
  box-shadow: 0 20px 40px rgba(0,0,0,0.05);
}

.ocdash .octobit-top-promo-card::before{
  display: none;
}

.ocdash .octobit-top-promo-card .promo-card{
  background: radial-gradient(circle at 10% 10%, #77DD77 0%, transparent 70%), radial-gradient(circle at 90% 90%, #F49AC2 0%, transparent 70%), #E9F5EB;
  border-radius: 32px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 40px;
  min-height: 100%;
  position: relative;
}

.ocdash .octobit-top-promo-card .card-content{
  position: relative;
  z-index: 2;
}

.ocdash .octobit-top-promo-card .promo-heading{
  font-family: "Syne", "Inter", sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0.5px;
  margin-bottom: 16px;
  text-transform: uppercase;
  color: #000;
}

.ocdash .octobit-top-promo-card .promo-amount-highlight{
  display: inline-block;
  background: #000;
  color: #fff;
  padding: 2px 10px 3px;
  border-radius: 5px;
  font-family: "Syne", "Inter", sans-serif;
  font-weight: 800;
}

.ocdash .octobit-top-promo-card .promo-sub{
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  color: rgba(0,0,0,0.65);
  margin-bottom: 24px;
}

.ocdash .octobit-top-promo-card .promo-list{
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 32px;
}

.ocdash .octobit-top-promo-card .promo-list li{
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Space Grotesk", "Inter", sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.ocdash .octobit-top-promo-card .promo-btn,
.ocdash .octobit-top-promo-card .promo-btn-secondary{
  width: 100%;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border-radius: 14px;
  font-family: "Space Grotesk", "Inter", sans-serif;
}

.ocdash .octobit-top-promo-card .promo-btn{
  background: #000;
  color: #fff;
  padding: 16px;
  font-size: 15px;
  font-weight: 700;
}

.ocdash .octobit-top-promo-card .promo-btn-secondary{
  margin-top: 10px;
  padding: 14px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(0,0,0,0.65);
  border: 1px solid rgba(0,0,0,0.15);
  background: transparent;
}

.ocdash .octobit-top-promo-card .social-proof{
  margin-top: 16px;
  text-align: center;
  font-size: 12px;
  color: rgba(0,0,0,0.4);
}

.ocdash .octobit-top-promo-card .payout-ticker{
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
  width: 180px;
  height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 0;
  overflow: hidden;
  z-index: 10;
}

.ocdash .octobit-top-promo-card .payout-item{
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 9px;
  border-radius: 14px;
  padding: 10px 13px;
  background: rgba(255,255,255,0.82);
  border: 1px solid rgba(0,0,0,0.07);
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  opacity: 0;
  transform: translateY(20px);
}

.ocdash .octobit-top-promo-card .pi-icon{
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #dcfce7;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ocdash .octobit-top-promo-card .pi-info{
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ocdash .octobit-top-promo-card .pi-name{
  display: block;
  font-size: 10px;
  font-weight: 500;
  color: rgba(0,0,0,0.5);
  font-family: "Inter", sans-serif;
  line-height: 1;
}

.ocdash .octobit-top-promo-card .pi-amount{
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #10b981;
}

.ocdash .ocdash__mono{
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-variant-numeric: tabular-nums;
}

.ocdash .ocdash__card{
  position: relative;
  overflow: hidden;
  background: var(--card);
  backdrop-filter: var(--surface-blur);
  -webkit-backdrop-filter: var(--surface-blur);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 22px;
  margin: 0 0 var(--gap) 0;
}

.ocdash .ocdash__card::before{
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(37,99,235,.20), rgba(16,185,129,.16), transparent);
  pointer-events: none;
}

.ocdash .ocdash__card:hover{
  box-shadow: var(--shadow-hover);
  transform: translateY(-1px);
  transition: box-shadow .22s ease, transform .22s ease, border-color .22s ease;
  border-color: var(--border-strong);
}

@supports (content-visibility: auto) {
  .ocdash [data-block="heatmap"],
  .ocdash [data-block="dynamics"],
  .ocdash [data-block="chart"],
  .ocdash [data-block="indicators"],
  .ocdash [data-block="indicators-faq"],
  .ocdash [data-block="chainmetrics"],
  .ocdash [data-block="whales"],
  .ocdash [data-block="funding"],
  .ocdash [data-block="ai-analysis"],
  .ocdash [data-block="social"],
  .ocdash [data-block="social-mood"],
  .ocdash [data-block="prediction-history"],
  .ocdash [data-block="ta"] {
    content-visibility: auto;
    contain-intrinsic-size: 900px;
  }
}

.ocdash .ocdash__cardHead{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap: 12px;
  margin-bottom: 16px;
}

.ocdash .ocdash__cardHead--between{
  justify-content: space-between;
}

.ocdash .ocdash__h{
  margin:0;
  font-family: "Syne", "Space Grotesk", sans-serif;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--text);
}

.ocdash h2.ocdash__feedTitle,
.ocdash h2.ocdash__indBannerTitle{
  font-family: "Syne", "Space Grotesk", sans-serif;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.ocdash .ocdash__hero{
  background: linear-gradient(135deg, rgba(255,255,255,.55) 0%, rgba(240,253,244,.42) 100%);
  border-color: rgba(16,185,129,.14);
  border-radius: 32px;
}

.ocdash .ocdash__heroShell{
  display:flex;
  flex-direction:column;
  gap: 16px;
}

.ocdash .ocdash__heroIdentity{
  display:flex;
  align-items:center;
  gap: 12px;
}

.ocdash .ocdash__heroLogoWrap{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(247,147,26,.3);
  background: rgba(247,147,26,.14);
  display:flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 auto;
}

.ocdash .ocdash__logo{
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.ocdash .ocdash__heroCoinText{
  display:flex;
  flex-direction:column;
  gap: 4px;
}

.ocdash .ocdash__heroCoinName{
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--muted);
}

.ocdash .ocdash__heroTicker{
  font-size: 20px;
  line-height: 1;
  letter-spacing: -.02em;
  font-weight: 900;
  color: var(--text);
}

.ocdash .ocdash__heroPriceWrap{
  display:flex;
  flex-direction:column;
  gap: 12px;
}

.ocdash .ocdash__heroPrice{
  font-size: clamp(42px, 8vw, 64px);
  line-height: 1;
  letter-spacing: -.05em;
  font-weight: 300;
  color: var(--text);
}

.ocdash .ocdash__heroStatusRow{
  display:flex;
  align-items:center;
  gap: 12px;
}

.ocdash .ocdash__heroTrend{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height: 32px;
  padding: 8px 14px;
  border-radius: 8px;
  background: #10b981;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ocdash .ocdash__heroTrend.is-drop{
  background: #ef4444;
}

.ocdash .ocdash__heroTrend.is-neutral{
  background: #f59e0b;
}

.ocdash .ocdash__heroPulse{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #10b981;
  box-shadow: 0 0 0 4px rgba(16,185,129,.16);
}

.ocdash .ocdash__delta{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  width: fit-content;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.22);
  background: rgba(255,255,255,.86);
  font-weight: 900;
  font-size: 12px;
}

.ocdash .ocdash__delta--pos{ color: var(--pos); border-color: rgba(22,163,74,.20); background: rgba(22,163,74,.08); }
.ocdash .ocdash__delta--neg{ color: var(--neg); border-color: rgba(225,29,72,.18); background: rgba(225,29,72,.08); }

.ocdash .ocdash__heroRows{
  display:flex;
  flex-direction:column;
  border-top: 1px solid rgba(15,23,42,.07);
  margin: 2px 0 14px;
}

.ocdash .ocdash__heroRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(15,23,42,.07);
}

.ocdash .ocdash__heroRowLabel{
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--muted);
}

.ocdash .ocdash__heroRowValue{
  font-size: 13px;
  font-weight: 800;
  color: var(--text);
  text-align:right;
}

.ocdash .ocdash__actions{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ocdash .ocdash__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
  min-height: 44px;
  padding: 11px 15px;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,.18);
  text-decoration:none;
  font-weight: 800;
  font-size: 13px;
  cursor:pointer;
  user-select:none;
  background: rgba(255,255,255,.86);
  color: var(--text);
  box-shadow: 0 6px 16px rgba(15,23,42,.04);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.ocdash .ocdash__btn:hover{
  box-shadow: 0 14px 28px rgba(15,23,42,.10);
  border-color: rgba(37,99,235,.24);
  transform: translateY(-1px);
}

.ocdash .ocdash__btn--primary{
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #0f172a, #2563eb);
}

.ocdash .ocdash__btn--ghost{
  background: rgba(248,250,252,.94);
}

.ocdash .ocdash__btnIcon{
  opacity: .95;
}

.ocdash .ocdash__row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: var(--gap);
  margin: 0 0 var(--gap) 0;
}

.ocdash .ocdash__row > .ocdash__card{
  margin: 0;
}

.ocdash .ocdash__marketMoodSection{
  padding: 18px;
  background: linear-gradient(135deg, rgba(255,255,255,.7) 0%, rgba(241,245,249,.52) 100%);
}

.ocdash .ocdash__marketMoodHead{
  margin-bottom: 12px;
}

.ocdash .ocdash__row--marketMood{
  margin-bottom: 0;
  gap: 14px;
}

.ocdash .ocdash__row--marketMood > .ocdash__card{
  align-self: stretch;
}

.ocdash .ocdash__gauge{
  width: 156px;
  height: 156px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.18);
  box-shadow: 0 12px 30px rgba(15,23,42,.07);
  background: conic-gradient(
    from 210deg,
    rgba(225,29,72,0.34) 0%,
    rgba(217,119,6,0.28) 34%,
    rgba(34,197,94,0.26) 68%,
    rgba(34,197,94,0.36) 100%
  );
  position: relative;
  overflow:hidden;
}

.ocdash .ocdash__tvBox{
  min-height: 430px;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 18px;
  overflow:hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,250,252,.9));
  display:grid;
  place-items:center;
  padding: 10px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

.ocdash .ocdash__sentiment{
  background: linear-gradient(135deg, rgba(255,255,255,.55) 0%, rgba(240,253,244,.35) 100%);
  border-color: rgba(16,185,129,.16);
}

.ocdash .ocdash__sentHead,
.ocdash .ocdash__taHead{
  margin-bottom: 16px;
}

.ocdash .ocdash__sentLive,
.ocdash .ocdash__taLive{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}

.ocdash .ocdash__sentLiveDot,
.ocdash .ocdash__taLiveDot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #ef4444;
  box-shadow: 0 0 0 4px rgba(239,68,68,.14);
}

.ocdash .ocdash__sentGrid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: start;
}

.ocdash .ocdash__sentiment{
  align-self: start;
}

.ocdash .ocdash__sentSignalCard{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap: 10px;
}

.ocdash .ocdash__sentFearCard,
.ocdash .ocdash__sentSignalCard{
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 24px;
  padding: 18px 18px 16px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.ocdash .ocdash__sentFearCard{
  background:
    radial-gradient(circle at 16% 12%, rgba(59,130,246,.08), transparent 44%),
    linear-gradient(135deg, rgba(255,255,255,.72) 0%, rgba(240,253,244,.42) 100%);
  text-align:center;
}

.ocdash .ocdash__sentSignalCard{
  background:
    radial-gradient(circle at 86% 10%, rgba(16,185,129,.08), transparent 42%),
    linear-gradient(135deg, rgba(255,255,255,.74) 0%, rgba(255,251,235,.48) 100%);
}

.ocdash .ocdash__sentLabel{
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 14px;
}

.ocdash .ocdash__sentGaugeWrap{
  width: 100%;
  margin: 0 auto 10px;
  padding: 8px 8px 4px;
  position: relative;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(248,250,252,.6));
  border: 1px solid rgba(148,163,184,.16);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.ocdash .ocdash__sentDial{
  width: 220px;
  max-width: 100%;
  height: 148px;
  position: relative;
}

.ocdash .ocdash__sentGaugeSvg{
  position:absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.ocdash .ocdash__sentGaugeTrack,
.ocdash .ocdash__sentGaugeArc{
  fill: none;
  stroke-linecap: round;
  stroke-width: 16;
}

.ocdash .ocdash__sentGaugeTrack{
  stroke: rgba(148,163,184,.24);
}

.ocdash .ocdash__sentGaugeArc{
  stroke: url(#ocdashFngGradient);
  opacity: .95;
}

.ocdash .ocdash__sentNeedle{
  position:absolute;
  width: 0;
  height: 0;
  left: 50%;
  top: 80.5%;
  transform: translate(-50%, -50%) rotate(0deg);
  transform-origin: center center;
  z-index: 3;
}

.ocdash .ocdash__sentNeedle::before{
  content: '';
  position:absolute;
  left: 50%;
  top: -68px;
  transform: translateX(-50%);
  width: 6px;
  height: 68px;
  border-radius: 999px;
  background: linear-gradient(180deg, #111827 0%, #0f172a 100%);
  box-shadow: 0 4px 10px rgba(15,23,42,.24);
}

.ocdash .ocdash__sentNeedle::after{
  content: '';
  position:absolute;
  left: -8px;
  top: -8px;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  background: #0f172a;
  box-shadow: 0 0 0 3px rgba(255,255,255,.9);
}

.ocdash .ocdash__sentValueWrap{
  position:absolute;
  left: 50%;
  top: 54%;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-align: center;
}

.ocdash .ocdash__sentValue{
  font-size: 42px;
  line-height: 1;
  letter-spacing: -.03em;
  font-weight: 500;
  color: var(--text);
}

.ocdash .ocdash__sentValueText{
  margin-top: 2px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}

.ocdash .ocdash__sentClass{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height: 30px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid rgba(245,158,11,.25);
  background: rgba(245,158,11,.12);
  color: #b45309;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ocdash .ocdash__sentClass.is-extreme-fear{
  border-color: rgba(239,68,68,.34);
  background: rgba(254,226,226,.7);
  color: #b91c1c;
}

.ocdash .ocdash__sentClass.is-fear{
  border-color: rgba(249,115,22,.34);
  background: rgba(255,237,213,.75);
  color: #c2410c;
}

.ocdash .ocdash__sentClass.is-neutral{
  border-color: rgba(245,158,11,.3);
  background: rgba(254,243,199,.72);
  color: #92400e;
}

.ocdash .ocdash__sentClass.is-greed{
  border-color: rgba(34,197,94,.3);
  background: rgba(220,252,231,.75);
  color: #166534;
}

.ocdash .ocdash__sentClass.is-extreme-greed{
  border-color: rgba(16,185,129,.34);
  background: rgba(209,250,229,.78);
  color: #065f46;
}

.ocdash .ocdash__sentSignalTop{
  display:flex;
  align-items:center;
  gap: 10px;
  margin-bottom: 4px;
}

.ocdash .ocdash__sentEmoji{
  font-size: 24px;
  line-height: 1;
}

.ocdash .ocdash__sentSignalText{
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: -.01em;
  font-weight: 900;
  color: var(--text);
}

.ocdash .ocdash__sentExplain{
  font-size: 14px;
  line-height: 1.45;
  color: var(--muted);
}

.ocdash .ocdash__sentUpdated{
  margin-top: auto;
  font-size: 11px;
  color: var(--muted);
}

.ocdash .ocdash__signal--buy{
  border-color: rgba(16,185,129,.3);
  background:
    radial-gradient(circle at 92% 14%, rgba(16,185,129,.12), transparent 44%),
    linear-gradient(135deg, rgba(236,253,245,.95) 0%, rgba(255,255,255,.9) 100%);
}

.ocdash .ocdash__signal--hold{
  border-color: rgba(245,158,11,.28);
  background:
    radial-gradient(circle at 92% 14%, rgba(245,158,11,.13), transparent 44%),
    linear-gradient(135deg, rgba(255,251,235,.95) 0%, rgba(255,255,255,.9) 100%);
}

.ocdash .ocdash__signal--sell{
  border-color: rgba(239,68,68,.3);
  background:
    radial-gradient(circle at 92% 14%, rgba(239,68,68,.12), transparent 44%),
    linear-gradient(135deg, rgba(254,242,242,.95) 0%, rgba(255,255,255,.9) 100%);
}

.ocdash .ocdash__ta{
  background: linear-gradient(135deg, rgba(255,255,255,.58) 0%, rgba(255,251,235,.35) 100%);
  border-color: rgba(245,158,11,.16);
}

.ocdash .ocdash__taBox{
  min-height: 420px;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 18px;
  overflow:hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,250,252,.92));
}

.ocdash .ocdash__taHint{
  margin-top: 10px;
  font-size: 12px;
  color: var(--muted);
  text-align:center;
}

.ocdash .ocdash__predGrid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.ocdash .ocdash__predictions{
  background: linear-gradient(135deg, rgba(255,255,255,.6) 0%, rgba(224,242,254,.32) 100%);
}

.ocdash .ocdash__predHead{
  margin-bottom: 14px;
}

.ocdash .ocdash__predCard{
  position:relative;
  overflow:hidden;
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 22px 22px 22px 0;
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,250,252,.9));
  padding: 16px;
  min-height: 172px;
}

.ocdash .ocdash__predCard::after{
  content:"";
  position:absolute;
  inset:0;
  background-image: radial-gradient(circle at 10% 12%, rgba(255,255,255,.42), transparent 56%);
  pointer-events:none;
}

.ocdash .ocdash__predCard--a{ background: radial-gradient(circle at 10% 10%, #ffb7b2 0%, transparent 70%), radial-gradient(circle at 90% 90%, #b2e2f2 0%, transparent 70%), #e0f2f1; }
.ocdash .ocdash__predCard--b{ background: radial-gradient(circle at 10% 10%, #d1d1ff 0%, transparent 70%), radial-gradient(circle at 90% 90%, #fdfd96 0%, transparent 70%), #f4e7fb; }
.ocdash .ocdash__predCard--c{ background: radial-gradient(circle at 10% 10%, #aec6cf 0%, transparent 70%), radial-gradient(circle at 90% 90%, #ffd1dc 0%, transparent 70%), #ebf4f5; }
.ocdash .ocdash__predCard--d{ background: radial-gradient(circle at 10% 10%, #77dd77 0%, transparent 70%), radial-gradient(circle at 90% 90%, #f49ac2 0%, transparent 70%), #e9f5eb; }
.ocdash .ocdash__predCard--e{ background: radial-gradient(circle at 10% 10%, #fff4bd 0%, transparent 70%), radial-gradient(circle at 90% 90%, #a0e7e5 0%, transparent 70%), #fffce0; }
.ocdash .ocdash__predCard--f{ background: radial-gradient(circle at 10% 10%, #ffb2d1 0%, transparent 70%), radial-gradient(circle at 90% 90%, #a5d6a7 0%, transparent 70%), #fce4ec; }

.ocdash .ocdash__predPeriod,
.ocdash .ocdash__predPrice,
.ocdash .ocdash__predDelta,
.ocdash .ocdash__bar,
.ocdash .ocdash__barRow{
  position:relative;
  z-index: 1;
}

.ocdash .ocdash__predPeriod{
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(15,23,42,.65);
  margin-bottom: 8px;
}

.ocdash .ocdash__predPrice{
  font-size: 30px;
  line-height: 1;
  letter-spacing: -.04em;
  color: var(--text);
  margin-bottom: 8px;
}

.ocdash .ocdash__bar{
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: rgba(15,23,42,.1);
  overflow: hidden;
.ocdash .ocdash__card.is-loading{
  overflow: hidden;
}
.ocdash .ocdash__card.is-loading > *:not(.ocdash__loadingOverlay){
  visibility: hidden;
}
.ocdash .ocdash__loadingOverlay{
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: inherit;
  padding: 18px;
  display: grid;
  gap: 10px;
  align-content: start;
  background: linear-gradient(135deg, rgba(255,255,255,.84) 0%, rgba(241,245,249,.86) 100%);
}
.ocdash .ocdash__loadingOverlay span{
  display: block;
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(148,163,184,.14) 0%, rgba(148,163,184,.28) 46%, rgba(148,163,184,.14) 100%);
  background-size: 220% 100%;
  animation: ocdashShimmer 1.2s ease-in-out infinite;
}
.ocdash .ocdash__loadingOverlay span:nth-child(1){ width: 62%; }
.ocdash .ocdash__loadingOverlay span:nth-child(2){ width: 90%; }
.ocdash .ocdash__loadingOverlay span:nth-child(3){ width: 76%; }

@keyframes ocdashShimmer{
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}
  margin: 10px 0 8px;
}

.ocdash .ocdash__bar > div{
  height: 100%;
  width: 0%;
  border-radius: 999px;
  background: linear-gradient(90deg, #10b981, #2563eb);
  transition: width .35s ease;
}

.ocdash .ocdash__barRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size: 12px;
  color: rgba(15,23,42,.72);
}

.ocdash .ocdash__social{
  background: linear-gradient(135deg, rgba(255,255,255,.62) 0%, rgba(236,254,255,.4) 100%);
}

.ocdash .ocdash__socialMood{
  background: linear-gradient(135deg, rgba(255,255,255,.7) 0%, rgba(236,253,245,.48) 100%);
  margin-bottom: 14px;
}

.ocdash .ocdash__socialMoodHead{
  margin-bottom: 12px;
}

.ocdash .ocdash__socialHead{
  margin-bottom: 16px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap: 10px;
}

.ocdash .ocdash__feedTitle{
  margin: 0;
  text-align:left;
  font-family: "Syne", "Space Grotesk", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.01em;
  text-transform: none;
  color: #000;
}

.ocdash .ocdash__feedAccent{
  display: none;
}

.ocdash .ocdash__socialLive{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}

.ocdash .ocdash__socialLiveDot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #ef4444;
  box-shadow: 0 0 0 4px rgba(239,68,68,.14);
}

.ocdash .ocdash__newsList{
  display:flex;
  flex-direction:column;
  gap: 16px;
}

.ocdash .ocdash__newsCard{
  display:flex;
  overflow:hidden;
  border-radius: 20px 20px 20px 0;
  border: 1px solid rgba(148,163,184,.16);
  position: relative;
  min-height: 140px;
  background: radial-gradient(circle at 10% 10%, #ffd1dc 0%, transparent 70%), radial-gradient(circle at 90% 90%, #aec6cf 0%, transparent 70%), #ebf4f5;
}

.ocdash .ocdash__newsCard::after{
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n2)'/%3E%3C/svg%3E");
  opacity: .08;
  pointer-events: none;
  mix-blend-mode: overlay;
  z-index: 0;
}

.ocdash .ocdash__newsStripe{
  display:none;
}

.ocdash .ocdash__newsStripe--pos{ background: #10b981; }
.ocdash .ocdash__newsStripe--neu{ background: #f59e0b; }
.ocdash .ocdash__newsStripe--neg{ background: #ef4444; }

.ocdash .ocdash__newsBody{
  padding: 22px 32px;
  width: 100%;
  position: relative;
  z-index: 1;
}

.ocdash .ocdash__newsMeta{
  display:flex;
  align-items:center;
  gap: 16px;
  margin-bottom: 8px;
}

.ocdash .ocdash__newsTime{
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}

.ocdash .ocdash__newsTag{
  display:inline-flex;
  align-items:center;
  min-height: 22px;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.24);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ocdash .ocdash__newsTag--pos{
  background: rgba(209,250,229,.9);
  color: #065f46;
  border-color: rgba(16,185,129,.35);
}

.ocdash .ocdash__newsTag--neu{
  background: rgba(254,243,199,.95);
  color: #92400e;
  border-color: rgba(245,158,11,.36);
}

.ocdash .ocdash__newsTag--neg{
  background: rgba(254,226,226,.9);
  color: #991b1b;
  border-color: rgba(239,68,68,.35);
}

.ocdash .ocdash__newsTags{
  margin-top: 10px;
  display:flex;
  flex-wrap:wrap;
  gap: 6px;
  max-width: 78%;
}

.ocdash .ocdash__newsChip{
  display:inline-flex;
  align-items:center;
  min-height: 22px;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  color: rgba(15,23,42,.75);
  background: rgba(255,255,255,.64);
  border: 1px solid rgba(148,163,184,.2);
}

.ocdash .ocdash__newsTitle{
  margin: 0 0 6px;
  font-family: "Space Grotesk", "Inter", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.03em;
  color: var(--text);
}

.ocdash .ocdash__newsExcerpt{
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(15,23,42,.75);
  max-width: 78%;
}

.ocdash .ocdash__newsRead{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  position: absolute;
  right: 24px;
  bottom: 24px;
  margin-top: 0;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(0,0,0,.04);
  border: 1px solid rgba(0,0,0,.08);
  font-size: 12px;
  font-weight: 800;
  color: var(--text);
  text-decoration: none;
}

.ocdash .ocdash__newsRead:hover{
  background: rgba(0,0,0,.08);
}

.ocdash .ocdash__newsRead.is-disabled{
  opacity: .55;
  pointer-events:none;
}

.ocdash .ocdash__socialSnap{
  display:flex;
  flex-direction:column;
  gap: 12px;
}

.ocdash .ocdash__socialTotal{
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 16px;
  padding: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,250,252,.9));
}

.ocdash .ocdash__socialTotal--pos{
  border-color: rgba(16,185,129,.28);
  background: linear-gradient(180deg, rgba(236,253,245,.95), rgba(255,255,255,.92));
}

.ocdash .ocdash__socialTotal--neg{
  border-color: rgba(239,68,68,.28);
  background: linear-gradient(180deg, rgba(254,242,242,.95), rgba(255,255,255,.92));
}

.ocdash .ocdash__socialTotal--neu{
  border-color: rgba(245,158,11,.28);
  background: linear-gradient(180deg, rgba(255,251,235,.95), rgba(255,255,255,.92));
}

.ocdash .ocdash__socialTotalLabel{
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--muted);
  font-weight: 800;
  margin-bottom: 8px;
}

.ocdash .ocdash__socialTotalMain{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.ocdash .ocdash__socialTotalStatus{
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -.02em;
  color: var(--text);
}

.ocdash .ocdash__socialTotalPct{
  font-family: "Space Grotesk", "Inter", sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: var(--text);
}

.ocdash .ocdash__socialTotalBar{
  height: 8px;
  width: 100%;
  border-radius: 999px;
  background: rgba(15,23,42,.12);
  overflow:hidden;
}

.ocdash .ocdash__socialTotalBarFill{
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #10b981, #2563eb);
}

.ocdash .ocdash__socialTotalUpdated{
  margin-top: 8px;
  font-size: 11px;
  color: var(--muted);
}

.ocdash .ocdash__socialSources{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ocdash .ocdash__socialSource{
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 14px;
  background: rgba(255,255,255,.82);
  padding: 10px;
}

.ocdash .ocdash__socialSourceTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.ocdash .ocdash__socialSourceName{
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--muted);
  font-weight: 800;
}

.ocdash .ocdash__socialSourceMentions{
  font-family: "Space Grotesk", "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--text);
}

.ocdash .ocdash__socialSourceBars{
  display:flex;
  flex-direction:column;
  gap: 6px;
}

.ocdash .ocdash__socialSourceTrack{
  height: 6px;
  border-radius: 999px;
  background: rgba(15,23,42,.12);
  overflow:hidden;
}

.ocdash .ocdash__socialSourceFill{
  height: 100%;
  border-radius: 999px;
}

.ocdash .ocdash__socialSourceFill.is-pos{ background: #10b981; }
.ocdash .ocdash__socialSourceFill.is-neg{ background: #ef4444; }

.ocdash .ocdash__socialSourceMeta{
  margin-top: 7px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size: 11px;
  font-weight: 700;
}

.ocdash .ocdash__socialSourceMeta .is-pos{ color: #10b981; }
.ocdash .ocdash__socialSourceMeta .is-neg{ color: #ef4444; }

.ocdash .ocdash__predDelta{
  font-size: 13px;
  font-weight: 900;
  margin-bottom: 14px;
}

.ocdash .ocdash__predDelta--pos{ color: var(--pos); }
.ocdash .ocdash__predDelta--neg{ color: var(--neg); }
.ocdash .ocdash__predDelta--neu{ color: var(--muted); }
.ocdash .ocdash__predHistory{
  background: linear-gradient(135deg, rgba(255,255,255,.64) 0%, rgba(240,253,250,.42) 100%);
}
.ocdash .ocdash__predHistoryHead{
  margin-bottom: 10px;
}
.ocdash .ocdash__predHistoryUpdated{
  font-size: 11px;
  font-weight: 800;
  color: rgba(15,23,42,.56);
  border: 1px solid rgba(148,163,184,.26);
  border-radius: 999px;
  padding: 6px 10px;
  white-space: nowrap;
}
.ocdash .ocdash__predHistoryStats{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

.ocdash .ocdash__predHistoryTf{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px;
}

.ocdash .ocdash__predHistoryTfBtn{
  min-height: 34px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.24);
  background: rgba(255,255,255,.9);
  color: rgba(15,23,42,.72);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  cursor: pointer;
}

.ocdash .ocdash__predHistoryTfBtn.is-active{
  border-color: rgba(37,99,235,.34);
  color: #1d4ed8;
  background: rgba(219,234,254,.66);
}
.ocdash .ocdash__predHistoryStat{
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 12px;
  background: rgba(255,255,255,.92);
  padding: 10px 12px;
}
.ocdash .ocdash__predHistoryStatLabel{
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--muted);
}
.ocdash .ocdash__predHistoryStatValue{
  margin-top: 4px;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
  color: var(--text);
}
.ocdash .ocdash__predHistoryTableWrap{
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 14px;
  background: rgba(255,255,255,.92);
  overflow-x: auto;
}
.ocdash .ocdash__predHistoryTable{
  width: 100%;
  border-collapse: collapse;
  min-width: 760px;
}
.ocdash .ocdash__predHistoryTable thead th{
  text-align: left;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--muted);
  padding: 10px 12px;
  border-bottom: 1px solid rgba(148,163,184,.22);
  background: rgba(248,250,252,.95);
}
.ocdash .ocdash__predHistoryTable tbody td{
  padding: 10px 12px;
  border-bottom: 1px solid rgba(148,163,184,.14);
  font-size: 13px;
  color: var(--text);
}
.ocdash .ocdash__predHistoryTable tbody tr:last-child td{
  border-bottom: none;
}
.ocdash .ocdash__predHistoryBadge{
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.ocdash .ocdash__predHistoryBadge.is-success{
  color: #065f46;
  background: rgba(209,250,229,.95);
  border: 1px solid rgba(16,185,129,.3);
}
.ocdash .ocdash__predHistoryBadge.is-fail{
  color: #991b1b;
  background: rgba(254,226,226,.95);
  border: 1px solid rgba(239,68,68,.28);
}

.ocdash .ocdash__heatWrap{
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,250,252,.90));
  padding: 12px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.ocdash .ocdash__heatmap{
  background: linear-gradient(135deg, rgba(255,255,255,.62) 0%, rgba(236,254,255,.4) 100%);
}

.ocdash .ocdash__heatHead,
.ocdash .ocdash__chainHead,
.ocdash .ocdash__fundingHead,
.ocdash .ocdash__whalesHead,
.ocdash .ocdash__gameHead{
  margin-bottom: 14px;
}

.ocdash .ocdash__heatLive,
.ocdash .ocdash__chainLive,
.ocdash .ocdash__fundingLive,
.ocdash .ocdash__whalesLive,
.ocdash .ocdash__gameLive{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}

.ocdash .ocdash__heatLiveDot,
.ocdash .ocdash__chainLiveDot,
.ocdash .ocdash__fundingLiveDot,
.ocdash .ocdash__whalesLiveDot,
.ocdash .ocdash__gameLiveDot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #ef4444;
  box-shadow: 0 0 0 4px rgba(239,68,68,.14);
}

.ocdash .ocdash__chain{
  background: linear-gradient(135deg, rgba(255,255,255,.62) 0%, rgba(236,253,245,.42) 100%);
}

.ocdash .ocdash__chainWrap{
  display:flex;
  flex-direction:column;
  gap: 10px;
  margin-bottom: 10px;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,250,252,.9));
  padding: 12px 14px;
}

.ocdash .ocdash__chainUpdated{
  font-size: 11px;
  color: var(--muted);
  text-align:center;
}

.ocdash .ocdash__chainStatus,
.ocdash .ocdash__fundingStatus,
.ocdash .ocdash__whalesStatus{
  margin-top: 12px;
  padding: 12px;
  border-radius: 12px;
  border: 1px dashed rgba(148,163,184,.22);
  background: rgba(248,250,252,.86);
  color: rgba(15,23,42,.7);
  font-size: 12px;
  text-align: center;
}

.ocdash .ocdash__funding{
  background: linear-gradient(135deg, rgba(255,255,255,.62) 0%, rgba(255,251,235,.42) 100%);
}

.ocdash .ocdash__topx{
  background:
    radial-gradient(circle at 12% 0%, rgba(251,191,36,.14), transparent 40%),
    radial-gradient(circle at 88% 100%, rgba(59,130,246,.16), transparent 45%),
    linear-gradient(135deg, rgba(255,255,255,.7) 0%, rgba(224,242,254,.42) 100%);
}

.ocdash .ocdash__topxHead{
  margin-bottom: 14px;
}

.ocdash .ocdash__topxList{
  display:flex;
  flex-direction:column;
  gap: 10px;
}

.ocdash .ocdash__topx.is-collapsed .ocdash__topxItem--extra{
  display: none;
}

.ocdash .ocdash__topxItem{
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,250,252,.92));
  padding: 12px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  position: relative;
  overflow:hidden;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.ocdash .ocdash__topxItem::before{
  content:'';
  position:absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: linear-gradient(180deg, #f59e0b, #f97316);
  opacity: .85;
}

.ocdash .ocdash__topxItem:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(15,23,42,.08);
  border-color: rgba(59,130,246,.22);
}

.ocdash .ocdash__topxItem.is-featured{
  border-color: rgba(251,146,60,.52);
  box-shadow: 0 10px 24px rgba(251,146,60,.18);
  background:
    radial-gradient(circle at 8% 50%, rgba(251,191,36,.16), transparent 35%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,251,235,.92));
}

.ocdash .ocdash__topxLeft{
  min-width: 0;
  flex: 1;
  display:flex;
  align-items:flex-start;
  gap: 10px;
}

.ocdash .ocdash__topxActions{
  flex: 0 0 auto;
  display:flex;
  align-items:center;
  gap: 8px;
}

.ocdash .ocdash__topxBadge{
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size: 12px;
  font-weight: 900;
  color: #fff;
  background: linear-gradient(135deg, #f59e0b, #f97316);
  box-shadow: 0 6px 14px rgba(249,115,22,.24);
  flex: 0 0 auto;
  margin-top: 2px;
}

.ocdash .ocdash__topxName{
  margin: 0 0 4px;
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -.02em;
  font-family: "Syne", "Space Grotesk", sans-serif;
}

.ocdash .ocdash__topxDesc{
  margin: 0;
  color: rgba(15,23,42,.68);
  font-size: 13px;
  line-height: 1.35;
}

.ocdash .ocdash__topxBtn{
  flex: 0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height: 42px;
  padding: 10px 16px;
  border-radius: 12px;
  border: 1px solid rgba(148,163,184,.22);
  background: linear-gradient(135deg, #0f172a, #111827);
  color: #fff;
  text-decoration:none;
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
}

.ocdash .ocdash__topxBtn:hover{
  filter: brightness(1.06);
}

.ocdash .ocdash__topxBtn.is-primary{
  background: linear-gradient(135deg, #f59e0b, #f97316);
  border-color: rgba(251,146,60,.45);
  color: #fff;
}

.ocdash .ocdash__topxBtn.is-disabled{
  background: rgba(15,23,42,.08);
  color: rgba(15,23,42,.52);
  border-color: rgba(148,163,184,.2);
}

.ocdash .ocdash__topxBtn--ghost{
  background: rgba(255,255,255,.86);
  color: var(--text);
  border-color: rgba(148,163,184,.24);
}

.ocdash .ocdash__topxReveal{
  margin-top: 8px;
  border-radius: 14px;
  border: 1px solid rgba(147,197,253,.42);
  background: linear-gradient(180deg, rgba(219,234,254,.52), rgba(191,219,254,.34));
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  padding: 12px;
  display:flex;
  justify-content:center;
}

.ocdash .ocdash__topxRevealBtn{
  appearance: none;
  border: 1px solid rgba(59,130,246,.35);
  border-radius: 999px;
  min-height: 40px;
  padding: 10px 18px;
  background: rgba(255,255,255,.92);
  color: #0f172a;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.ocdash .ocdash__topxRevealBtn:hover{
  transform: translateY(-1px);
  border-color: rgba(37,99,235,.55);
  box-shadow: 0 8px 16px rgba(37,99,235,.16);
}

.ocdash .ocdash__topx.is-expanded .ocdash__topxReveal{
  display: none !important;
}

.ocdash .ocdash__fundingWrap{
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,250,252,.9));
  padding: 10px 14px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.ocdash .ocdash__whales{
  background: linear-gradient(135deg, rgba(255,255,255,.62) 0%, rgba(239,246,255,.42) 100%);
}

.ocdash .ocdash__whalesFeed{
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,250,252,.9));
  padding: 10px 12px;
}

.ocdash .ocdash__game{
  background: linear-gradient(135deg, rgba(255,255,255,.62) 0%, rgba(250,245,255,.42) 100%);
}

.ocdash .ocdash__gameBox{
  border: 1px dashed rgba(148,163,184,.28);
  border-radius: 16px;
  background: rgba(255,255,255,.72);
  padding: 18px;
  text-align:center;
}

.ocdash .ocdash__gameCard{
  background:
    radial-gradient(circle at 12% 0%, rgba(59,130,246,.10), transparent 40%),
    radial-gradient(circle at 86% 100%, rgba(16,185,129,.10), transparent 44%),
    linear-gradient(135deg, rgba(255,255,255,.7) 0%, rgba(240,249,255,.5) 100%);
}

.ocdash .ocdash__gameRoot{
  --game-progress: 0%;
  display: flex;
  flex-direction: column;
  text-align: left;
}

.ocdash .ocdash__gameTop{ order: 1; }
.ocdash .ocdash__gameActions{ order: 2; }
.ocdash .ocdash__gameStatus{ order: 3; }
.ocdash .ocdash__gameResult{ order: 4; }
.ocdash .ocdash__gameStatsWrap{ order: 5; }

.ocdash .ocdash__gameTop{
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 14px;
  align-items: center;
}

.ocdash .ocdash__gamePriceCard{
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 16px;
  padding: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,250,252,.92));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

.ocdash .ocdash__gameLabel{
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 8px;
}

.ocdash .ocdash__gamePrice{
  font-size: clamp(26px, 3.4vw, 38px);
  line-height: 1;
  letter-spacing: -.03em;
  color: var(--text);
  margin-bottom: 8px;
}

.ocdash .ocdash__gameUpdated{
  font-size: 11px;
  color: var(--muted);
}

.ocdash .ocdash__gameTimerWrap{
  display: flex;
  align-items: center;
  justify-content: center;
}

.ocdash .ocdash__gameTimerRing{
  width: 136px;
  height: 136px;
  border-radius: 999px;
  background: conic-gradient(#2563eb var(--game-progress), rgba(148,163,184,.18) 0);
  padding: 8px;
  position: relative;
  box-shadow: 0 10px 26px rgba(37,99,235,.18);
  transition: background .2s linear;
}

.ocdash .ocdash__gameTimerInner{
  width: 100%;
  height: 100%;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.22);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.94));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ocdash .ocdash__gameTimerValue{
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.03em;
  color: #0f172a;
}

.ocdash .ocdash__gameTimerLabel{
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  color: var(--muted);
  text-transform: uppercase;
}

.ocdash .ocdash__gameActions{
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.ocdash .ocdash__gameBtn{
  appearance: none;
  min-height: 48px;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,.24);
  background: rgba(255,255,255,.9);
  color: #0f172a;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}

.ocdash .ocdash__gameBtn:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(15,23,42,.10);
}

.ocdash .ocdash__gameBtn--up{
  border-color: rgba(16,185,129,.32);
  background: linear-gradient(135deg, rgba(220,252,231,.9), rgba(236,253,245,.96));
  color: #065f46;
}

.ocdash .ocdash__gameBtn--down{
  border-color: rgba(239,68,68,.32);
  background: linear-gradient(135deg, rgba(254,226,226,.88), rgba(254,242,242,.96));
  color: #991b1b;
}

.ocdash .ocdash__gameBtn:disabled{
  opacity: .65;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.ocdash .ocdash__gameStatus{
  margin-top: 12px;
  min-height: 24px;
  font-size: 13px;
  color: rgba(15,23,42,.78);
  font-weight: 600;
}

.ocdash .ocdash__gameStatsWrap{
  margin-top: 10px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 14px;
  background: rgba(255,255,255,.78);
  padding: 9px;
}

.ocdash .ocdash__gameStatsHead{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.ocdash .ocdash__gameStatsTitle{
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}

.ocdash .ocdash__gameReset{
  min-height: 28px;
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.24);
  background: rgba(248,250,252,.95);
  color: rgba(15,23,42,.72);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
  cursor: pointer;
}

.ocdash .ocdash__gameReset:hover{
  border-color: rgba(37,99,235,.34);
  color: #1d4ed8;
}

.ocdash .ocdash__gameStats{
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.ocdash .ocdash__gameStatItem{
  border: 1px solid rgba(148,163,184,.2);
  border-radius: 12px;
  background: rgba(255,255,255,.88);
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.ocdash .ocdash__gameStatItem span{
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--muted);
}

.ocdash .ocdash__gameStatItem strong{
  font-size: 13px;
  line-height: 1.1;
  color: #0f172a;
}

.ocdash .ocdash__gameHistory{
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.ocdash .ocdash__gameHistoryChip{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 24px;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.22);
  background: rgba(255,255,255,.94);
  color: #334155;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.ocdash .ocdash__gameHistoryChip.is-win{
  color: #065f46;
  border-color: rgba(16,185,129,.35);
  background: rgba(209,250,229,.9);
}

.ocdash .ocdash__gameHistoryChip.is-loss{
  color: #991b1b;
  border-color: rgba(239,68,68,.35);
  background: rgba(254,226,226,.9);
}

.ocdash .ocdash__gameHistoryChip.is-flat{
  color: #92400e;
  border-color: rgba(245,158,11,.34);
  background: rgba(254,243,199,.9);
}

.ocdash .ocdash__gameHistoryEmpty{
  font-size: 11px;
  color: var(--muted);
}

.ocdash .ocdash__gameResult{
  margin-top: 12px;
  border: 1px solid rgba(148,163,184,.2);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,250,252,.94));
  padding: 12px;
  animation: ocdashGameSlide .35s ease;
}

.ocdash .ocdash__gameResultHead{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}

.ocdash .ocdash__gameResultBadge{
  min-height: 24px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #1d4ed8;
  background: rgba(219,234,254,.7);
  border: 1px solid rgba(37,99,235,.26);
}

.ocdash .ocdash__gameResultTitle{
  font-family: "Syne", "Space Grotesk", sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.1;
  color: #0f172a;
}

.ocdash .ocdash__gameResultGrid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.ocdash .ocdash__gameResultItem{
  border: 1px solid rgba(148,163,184,.2);
  border-radius: 12px;
  background: rgba(255,255,255,.86);
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ocdash .ocdash__gameResultItem span{
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--muted);
}

.ocdash .ocdash__gameResultItem strong{
  font-size: 13px;
  color: #0f172a;
}

.ocdash .ocdash__gameWinCta{
  margin-top: 10px;
  border: 1px solid rgba(16,185,129,.30);
  border-radius: 16px;
  background:
    radial-gradient(circle at 12% 18%, rgba(16,185,129,.22), transparent 36%),
    radial-gradient(circle at 86% 82%, rgba(59,130,246,.18), transparent 44%),
    linear-gradient(135deg, rgba(6,14,30,.97), rgba(13,20,40,.96));
  padding: 13px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 16px 30px rgba(2,6,23,.24);
  animation: ocdashGameWinReveal .45s cubic-bezier(.2,.9,.2,1);
}

.ocdash .ocdash__gameWinCtaHead{
  font-size: clamp(19px, 2.2vw, 24px);
  font-family: "Syne", "Space Grotesk", sans-serif;
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -.01em;
  color: #16f2be;
  text-shadow: 0 0 12px rgba(16,242,190,.24);
  animation: ocdashGameWinTextIn .36s ease both;
  animation-delay: .06s;
}

.ocdash .ocdash__gameWinCtaText{
  margin: 6px 0 10px;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(226,232,240,.90);
  animation: ocdashGameWinTextIn .36s ease both;
  animation-delay: .12s;
}

.ocdash .ocdash__gameWinCtaBtn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  border-radius: 12px;
  border: 1px solid rgba(125,211,252,.34);
  background: linear-gradient(135deg, #4f7cff 0%, #7061ff 48%, #8e5bff 100%);
  color: #ffffff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .01em;
  text-transform: none;
  white-space: nowrap;
  box-shadow: 0 10px 26px rgba(79,124,255,.42), inset 0 1px 0 rgba(255,255,255,.28);
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
  animation: ocdashGameWinTextIn .36s ease both;
  animation-delay: .18s;
}

.ocdash .ocdash__gameWinCtaBtnFull{
  display: inline;
}

.ocdash .ocdash__gameWinCtaBtnShort{
  display: none;
}

.ocdash .ocdash__gameWinCtaBtn:hover{
  filter: brightness(1.04);
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(79,124,255,.5), inset 0 1px 0 rgba(255,255,255,.36);
}

.ocdash .ocdash__gameWinCtaBtn.is-disabled{
  pointer-events: none;
  opacity: .6;
}

@keyframes ocdashGameWinReveal{
  from { opacity: 0; transform: translateY(8px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes ocdashGameWinTextIn{
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce){
  .ocdash .ocdash__gameWinCta,
  .ocdash .ocdash__gameWinCtaHead,
  .ocdash .ocdash__gameWinCtaText,
  .ocdash .ocdash__gameWinCtaBtn{
    animation: none;
  }
}

@media (max-width: 520px){
  .ocdash .ocdash__gameWinCtaBtnFull{
    display: none;
  }

  .ocdash .ocdash__gameWinCtaBtnShort{
    display: inline;
  }
}

.ocdash .ocdash__gameReplay{
  margin-top: 10px;
  width: 100%;
  min-height: 42px;
  border-radius: 12px;
  border: 1px solid rgba(59,130,246,.3);
  background: linear-gradient(135deg, rgba(219,234,254,.78), rgba(239,246,255,.94));
  color: #1d4ed8;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: pointer;
}

.ocdash .ocdash__gameRoot.is-running .ocdash__gameTimerRing{
  box-shadow: 0 12px 28px rgba(37,99,235,.24);
}

.ocdash .ocdash__gameRoot.is-win .ocdash__gameResult{
  border-color: rgba(16,185,129,.38);
  background: linear-gradient(180deg, rgba(236,253,245,.96), rgba(255,255,255,.94));
}

.ocdash .ocdash__gameRoot.is-win .ocdash__gameResultBadge{
  color: #065f46;
  background: rgba(209,250,229,.9);
  border-color: rgba(16,185,129,.36);
}

.ocdash .ocdash__gameRoot.is-loss .ocdash__gameResult{
  border-color: rgba(239,68,68,.34);
  background: linear-gradient(180deg, rgba(254,242,242,.96), rgba(255,255,255,.94));
}

.ocdash .ocdash__gameRoot.is-loss .ocdash__gameResultBadge{
  color: #991b1b;
  background: rgba(254,226,226,.9);
  border-color: rgba(239,68,68,.33);
}

.ocdash .ocdash__gameRoot.is-flat .ocdash__gameResultBadge{
  color: #92400e;
  background: rgba(254,243,199,.92);
  border-color: rgba(245,158,11,.34);
}

@keyframes ocdashGameSlide{
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.ocdash .ocdash__stack{
  display:grid;
  gap:14px;
}

.ocdash .ocdash__chartBox{
  border-radius: 18px;
  border: 1px solid rgba(148,163,184,.16);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.94));
  padding: 16px;
  overflow:hidden;
}

.ocdash .ocdash__chart{
  background: linear-gradient(135deg, rgba(255,255,255,.62) 0%, rgba(224,242,254,.4) 100%);
}

.ocdash .ocdash__chartHead,
.ocdash .ocdash__indHead,
.ocdash .ocdash__dynHead{
  margin-bottom: 14px;
}

.ocdash .ocdash__chartLive,
.ocdash .ocdash__indLive,
.ocdash .ocdash__dynLive{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}

.ocdash .ocdash__chartLiveDot,
.ocdash .ocdash__indLiveDot,
.ocdash .ocdash__dynLiveDot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #ef4444;
  box-shadow: 0 0 0 4px rgba(239,68,68,.14);
}

.ocdash .ocdash__chartFrame{
  min-height: 500px;
  width: 100%;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.92));
  overflow:hidden;
}

.ocdash .ocdash__chartStatus,
.ocdash .ocdash__indStatus,
.ocdash .ocdash__dynStatus{
  margin-top: 12px;
  padding: 12px;
  border-radius: 12px;
  border: 1px dashed rgba(148,163,184,.22);
  background: rgba(248,250,252,.86);
  color: rgba(15,23,42,.7);
  font-size: 12px;
  text-align: center;
}

.ocdash .ocdash__indicators{
  background: linear-gradient(135deg, rgba(255,255,255,.6) 0%, rgba(255,251,235,.42) 100%);
}

.ocdash .ocdash__indGrid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.ocdash .ocdash__indTf{
  display:inline-flex;
  align-items:center;
  gap: 6px;
  margin: -4px 0 12px;
}

.ocdash .ocdash__indTfBtn{
  min-height: 38px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.24);
  background: rgba(255,255,255,.86);
  color: rgba(15,23,42,.72);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  cursor: pointer;
}

.ocdash .ocdash__indTfBtn.is-active{
  border-color: rgba(37,99,235,.34);
  color: #1d4ed8;
  background: rgba(219,234,254,.66);
}

.ocdash .ocdash__indCard{
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 20px 20px 20px 0;
  padding: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,250,252,.9));
}

.ocdash .ocdash__indSoon{
  background: #fff;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 20px;
  overflow: hidden;
  padding: 0;
}

.ocdash .ocdash__indBanner{
  display: grid;
  grid-template-columns: 1fr;
}

.ocdash .ocdash__indBannerLeft,
.ocdash .ocdash__indBannerRight{
  padding: 20px;
}

.ocdash .ocdash__indBannerLeft{
  background: #fff;
}

.ocdash .ocdash__indBannerTag{
  font-family: "Space Grotesk", "Inter", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #6b7280;
  margin-bottom: 8px;
}

.ocdash .ocdash__indBannerTitle{
  margin: 0 0 8px;
  font-family: "Syne", "Inter", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.01em;
  color: #000;
}

.ocdash .ocdash__indBannerSubtitle{
  margin: 0 0 12px;
  color: #6b7280;
  font-size: 13px;
  line-height: 1.45;
}

.ocdash .ocdash__indBannerList{
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ocdash .ocdash__indBannerList li{
  display: flex;
  align-items: center;
  gap: 8px;
  color: #111;
  font-size: 13px;
  font-weight: 600;
}

.ocdash .ocdash__indBannerList li::before{
  content: "\2713";
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #e5f7ed;
  color: #10b981;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 800;
  flex: 0 0 auto;
}

.ocdash .ocdash__indBannerCta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 10px 16px;
  border-radius: 10px;
  text-decoration: none;
  background: #000;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  transition: transform .2s ease, background-color .2s ease;
}

.ocdash .ocdash__indBannerCta:hover{
  transform: translateY(-1px);
  background: #111827;
}

.ocdash .ocdash__indBannerProof{
  margin: 8px 0 0;
  color: #6b7280;
  font-size: 11px;
  font-weight: 600;
}

.ocdash .ocdash__indBannerRight{
  background: linear-gradient(135deg, #e2f8ea 0%, #fef1cd 100%);
}

.ocdash .ocdash__indBannerHead{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.ocdash .ocdash__indBannerPairWrap{
  display: flex;
  align-items: center;
  gap: 10px;
}

.ocdash .ocdash__indBannerCoin{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f7931a;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
}

.ocdash .ocdash__indBannerPair{
  font-family: "Space Grotesk", "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.1;
  color: #000;
}

.ocdash .ocdash__indBannerVenue{
  font-size: 11px;
  color: #6b7280;
  font-weight: 500;
}

.ocdash .ocdash__indBannerTrend{
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 3px 8px;
  border-radius: 5px;
  background: #10b981;
  color: #fff;
  font-family: "Space Grotesk", "Inter", sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .05em;
}

.ocdash .ocdash__indBannerPrice{
  font-family: "Space Grotesk", "Inter", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 6px;
  color: #000;
}

.ocdash .ocdash__indBannerTarget{
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 8px;
}

.ocdash .ocdash__indBannerTarget strong{
  color: #000;
  font-family: "Space Grotesk", "Inter", sans-serif;
}

.ocdash .ocdash__indBannerChartWrap{
  position: relative;
}

.ocdash .ocdash__indBannerCanvas{
  width: 100%;
  height: 168px;
  display: block;
  border-radius: 8px;
}

.ocdash .ocdash__indBannerProfit{
  height: 52px;
  min-height: 52px;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  align-items: flex-start;
  justify-content: flex-end;
  overflow: hidden;
  padding: 4px 0 20px;
}

.ocdash .ocdash__indBannerProfit span.is-chip{
  flex: 0 0 auto;
  padding: 2px 8px;
  border-radius: 5px;
  font-family: "Space Grotesk", "Inter", sans-serif;
  font-size: 10px;
  font-weight: 700;
  background: rgba(16,185,129,.13);
  border: 1px solid rgba(16,185,129,.4);
  color: #059669;
  white-space: nowrap;
}

.ocdash .ocdash__indBannerProfit span.is-total{
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: right;
  padding: 2px 10px;
  border-radius: 6px;
  font-size: 10px;
  line-height: 1.15;
  background: #dbeafe;
  border-color: #bfdbfe;
  color: #1d4ed8;
  white-space: nowrap;
}

@media (max-width: 480px){
  .ocdash .ocdash__indBannerProfit{
    gap: 3px;
    padding-bottom: 18px;
  }

  .ocdash .ocdash__indBannerProfit span.is-chip{
    padding: 2px 6px;
    font-size: 9px;
  }

  .ocdash .ocdash__indBannerProfit span.is-total{
    font-size: 9px;
    padding: 2px 8px;
  }
}

@media (min-width: 860px){
  .ocdash .ocdash__indBanner{
    grid-template-columns: 1.02fr 1fr;
  }

  .ocdash .ocdash__indBannerLeft,
  .ocdash .ocdash__indBannerRight{
    padding: 24px;
  }
}

.ocdash .ocdash__indFaq{
  background: linear-gradient(135deg, rgba(255,255,255,.62) 0%, rgba(224,242,254,.45) 100%);
}

.ocdash .ocdash__indFaqHead{
  margin-bottom: 12px;
}

.ocdash .ocdash__indFaqTf{
  display:inline-flex;
  align-items:center;
  gap: 6px;
}

.ocdash .ocdash__indFaqTfBtn{
  min-height: 28px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.24);
  background: rgba(255,255,255,.76);
  color: rgba(15,23,42,.72);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  cursor:pointer;
}

.ocdash .ocdash__indFaqTfBtn.is-active{
  border-color: rgba(37,99,235,.35);
  color: #1d4ed8;
  background: rgba(219,234,254,.6);
}

.ocdash .ocdash__indFaqUpdated{
  margin-bottom: 10px;
  font-size: 11px;
  color: var(--muted);
}

.ocdash .ocdash__indFaqLead{
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(15,23,42,.78);
}

.ocdash .ocdash__indFaqCta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  margin-top: 8px;
  padding: 9px 14px;
  border-radius: 10px;
  border: 1px solid rgba(37,99,235,.35);
  background: rgba(219,234,254,.62);
  color: #1d4ed8;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.ocdash .ocdash__indFaqCta:hover{
  transform: translateY(-1px);
  border-color: rgba(37,99,235,.58);
  box-shadow: 0 8px 16px rgba(37,99,235,.16);
}

.ocdash .ocdash__indFaqLead a{
  color: #1d4ed8;
  text-decoration: none;
  word-break: break-word;
}

.ocdash .ocdash__indFaqLead a:hover{
  text-decoration: underline;
}

.ocdash .ocdash__indFaqList{
  display:flex;
  flex-direction:column;
  gap: 10px;
}

.ocdash .ocdash__indFaqItem{
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 14px;
  background: rgba(255,255,255,.9);
  overflow:hidden;
}

.ocdash .ocdash__indFaqItem > summary{
  list-style: none;
  cursor: pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  padding: 12px 42px 12px 14px;
  font-size: 14px;
  font-weight: 800;
  color: var(--text);
  position: relative;
}

.ocdash .ocdash__indFaqLive{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  flex: 0 0 auto;
}

.ocdash .ocdash__indFaqTitle{
  min-width: 0;
}

.ocdash .ocdash__indFaqName{
  color: inherit;
  text-decoration: none;
}

.ocdash a.ocdash__indFaqName{
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.ocdash a.ocdash__indFaqName:hover{
  color: #1d4ed8;
}

.ocdash .ocdash__indFaqSig{
  display:inline-flex;
  align-items:center;
  min-height: 22px;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  border: 1px solid rgba(148,163,184,.24);
  color: rgba(15,23,42,.7);
  background: rgba(248,250,252,.95);
}

.ocdash .ocdash__indFaqSig.is-buy{
  color: #065f46;
  background: rgba(209,250,229,.9);
  border-color: rgba(16,185,129,.35);
}

.ocdash .ocdash__indFaqSig.is-sell{
  color: #991b1b;
  background: rgba(254,226,226,.9);
  border-color: rgba(239,68,68,.35);
}

.ocdash .ocdash__indFaqSig.is-neu{
  color: #92400e;
  background: rgba(254,243,199,.95);
  border-color: rgba(245,158,11,.36);
}

.ocdash .ocdash__indFaqVal{
  font-size: 11px;
  color: rgba(15,23,42,.68);
  font-family: "Space Grotesk", "Inter", sans-serif;
}

.ocdash .ocdash__indFaqItem > summary::-webkit-details-marker{
  display:none;
}

.ocdash .ocdash__indFaqItem > summary::after{
  content: '+';
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  line-height: 1;
  color: rgba(15,23,42,.58);
}

.ocdash .ocdash__indFaqItem[open] > summary::after{
  content: '−';
}

.ocdash .ocdash__indFaqItem > p{
  margin: 0;
  padding: 0 14px 13px;
  color: rgba(15,23,42,.72);
  font-size: 13px;
  line-height: 1.45;
}

.ocdash .ocdash__ai{
  background: linear-gradient(135deg, rgba(255,255,255,.62) 0%, rgba(239,246,255,.42) 100%);
  border-color: rgba(37,99,235,.16);
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.ocdash .ocdash__ai::before{
  content: "";
  position: absolute;
  right: -80px;
  top: -90px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 28% 30%, rgba(59,130,246,.26) 0 5px, transparent 6px),
    radial-gradient(circle at 68% 18%, rgba(37,99,235,.20) 0 4px, transparent 5px),
    radial-gradient(circle at 74% 58%, rgba(59,130,246,.20) 0 5px, transparent 6px),
    radial-gradient(circle at 34% 72%, rgba(59,130,246,.16) 0 4px, transparent 5px),
    linear-gradient(135deg, rgba(59,130,246,.12), rgba(16,185,129,.06));
  filter: blur(.2px);
  opacity: .8;
  pointer-events: none;
  z-index: 0;
}

.ocdash .ocdash__ai::after{
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(118deg, transparent 0 62%, rgba(59,130,246,.10) 62% 62.4%, transparent 62.4% 100%),
    linear-gradient(146deg, transparent 0 58%, rgba(16,185,129,.08) 58% 58.35%, transparent 58.35% 100%),
    radial-gradient(circle at 78% 26%, rgba(59,130,246,.14) 0 1px, transparent 1.4px),
    radial-gradient(circle at 86% 46%, rgba(16,185,129,.14) 0 1px, transparent 1.4px),
    radial-gradient(circle at 72% 66%, rgba(59,130,246,.14) 0 1px, transparent 1.4px);
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 0;
}

.ocdash .ocdash__ai > *{
  position: relative;
  z-index: 1;
}

.ocdash .ocdash__aiHead{
  margin-bottom: 10px;
}

.ocdash .ocdash__aiUpdated{
  font-size: 11px;
  font-weight: 800;
  color: rgba(15,23,42,.56);
  border: 1px solid rgba(148,163,184,.26);
  border-radius: 999px;
  padding: 6px 10px;
  white-space: nowrap;
}

.ocdash .ocdash__aiBody{
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 14px;
  background: rgba(255,255,255,.92);
  padding: 16px;
  width: 100%;
  max-width: none;
}

.ocdash .ocdash__aiBody p{
  margin: 0 0 12px;
  font-size: 15px;
  line-height: 1.72;
  letter-spacing: .002em;
  color: rgba(15,23,42,.84);
}

.ocdash .ocdash__aiBody h4{
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 1.25;
  color: #0f172a;
}

.ocdash .ocdash__aiBody h4 + p{
  margin-top: 0;
  margin-bottom: 14px;
}

.ocdash .ocdash__aiBody h4 + ul,
.ocdash .ocdash__aiBody h4 + ol{
  margin-top: 2px;
}

.ocdash .ocdash__aiBody p:last-child{
  margin-bottom: 0;
}

.ocdash .ocdash__aiBody strong{
  color: #0f172a;
  font-weight: 800;
}

.ocdash .ocdash__aiBody a{
  color: #1d4ed8;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.ocdash .ocdash__aiBody img{
  max-width: 28px;
  max-height: 28px;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 999px;
  vertical-align: text-bottom;
  margin-right: 6px;
}

.ocdash .ocdash__aiBody ul,
.ocdash .ocdash__aiBody ol{
  margin: 0 0 10px 18px;
  color: rgba(15,23,42,.86);
}

.ocdash .ocdash__aiBody li{
  margin-bottom: 8px;
  line-height: 1.6;
}

.ocdash .ocdash__aiBody li:last-child{
  margin-bottom: 0;
}

.ocdash .ocdash__aiStatus{
  margin-top: 12px;
  font-size: 12px;
  color: rgba(15,23,42,.60);
}

.ocdash .ocdash__indLabel{
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 800;
  color: rgba(15,23,42,.72);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ocdash .ocdash__dynamics{
  background: linear-gradient(135deg, rgba(255,255,255,.6) 0%, rgba(236,253,245,.42) 100%);
}

.ocdash .ocdash__dynWrap{
  width: 100%;
  overflow-x: auto;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.92));
  padding: 10px;
}

.ocdash .ocdash__dynTable{
  display:flex;
  flex-direction:column;
  width:100%;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  overflow:hidden;
  background:#fff;
}

.ocdash .ocdash__dynTableHead,
.ocdash .ocdash__dynRow{
  display:flex;
  align-items:center;
}

.ocdash .ocdash__dynTableHead{
  background:#0f172a;
  color:#fff;
  padding: 12px 14px;
}

.ocdash .ocdash__dynRow{
  padding: 11px 14px;
  font-size: 13px;
  background:#fff;
}

.ocdash .ocdash__dynRow.is-alt{ background:#f8fafc; }
.ocdash .ocdash__dynRow.has-border{ border-bottom: 1px solid rgba(0,0,0,.05); }

.ocdash .ocdash__dynCell{
  flex: 1 1 20%;
}

.ocdash .ocdash__dynHeadCell{
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.ocdash .ocdash__dynPrice{
  font-weight: 900;
}

.ocdash .ocdash__dynCards{
  display:flex;
  flex-direction:column;
  gap: 10px;
}

.ocdash .ocdash__dynCard{
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 14px;
  background: #fff;
  padding: 10px;
}

.ocdash .ocdash__dynCardTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.ocdash .ocdash__dynCardDate{
  font-size: 12px;
  color: rgba(15,23,42,.8);
}

.ocdash .ocdash__dynCardDay{
  font-size: 12px;
  font-weight: 700;
  color: var(--muted);
  text-transform: lowercase;
}

.ocdash .ocdash__dynCardGrid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.ocdash .ocdash__dynMetric{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
}

.ocdash .ocdash__dynMetricLabel{
  font-size: 11px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .04em;
}

.ocdash .ocdash__dynMetricValue{
  font-size: 12px;
  text-align:right;
}

.ocdash .ocdash__kvRow{
  display:flex;
  justify-content:space-between;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.ocdash .ocdash__kvRow:last-child{ border-bottom: 0; }

.ocdash .ocdash__kvLabel{
  flex:1;
  color: var(--muted);
  font-size: 13px;
}

.ocdash .ocdash__kvValue{
  flex:1;
  text-align:right;
  font-size: 13px;
  font-weight: 900;
  color: var(--text);
}

.ocdash .ocdash__fundHeadRow,
.ocdash .ocdash__fundRow{
  display:flex;
  align-items:center;
}

.ocdash .ocdash__fundHeadRow{
  padding: 0 0 10px;
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.ocdash .ocdash__fundRow{
  padding: 12px 0;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.ocdash .ocdash__fundRow:last-child{ border-bottom: 0; }

.ocdash .ocdash__fundCell{
  flex: 1 1 25%;
  text-align:center;
  font-size: 12px;
}

.ocdash .ocdash__fundCell--head{
  font-size: 11px;
  font-weight: 800;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .05em;
}

.ocdash .ocdash__fundExchange{
  text-align:left;
  font-weight: 800;
  color: var(--text);
}

.ocdash .ocdash__fundRate{
  font-weight: 800;
}

.ocdash .ocdash__fundRate.is-pos,
.ocdash .ocdash__fundSent.is-pos{ color: var(--pos); }
.ocdash .ocdash__fundRate.is-neg,
.ocdash .ocdash__fundSent.is-neg{ color: var(--neg); }
.ocdash .ocdash__fundRate.is-neu,
.ocdash .ocdash__fundSent.is-neu{ color: #d97706; }

.ocdash .ocdash__fundNext{ color: var(--muted); }

.ocdash .ocdash__fundSent{
  text-align:right;
  font-weight: 700;
}

.octo-whale-wrapper{
  display:flex;
  flex-direction:column;
  gap: 8px;
  width:100%;
  max-height: none;
  overflow: visible;
}

.ocdash .ocdash__whaleSummary{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.ocdash .ocdash__whaleStat{
  border: 1px solid rgba(148,163,184,.2);
  border-radius: 12px;
  background: rgba(255,255,255,.9);
  padding: 10px 12px;
}

.ocdash .ocdash__whaleStatLabel{
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 6px;
}

.ocdash .ocdash__whaleStatValue{
  font-size: 15px;
  font-weight: 900;
  color: var(--text);
  line-height: 1.2;
}

.ocdash .ocdash__whaleStatValue.is-pos{ color: #15803d; }
.ocdash .ocdash__whaleStatValue.is-neg{ color: #be123c; }
.ocdash .ocdash__whaleStatValue.is-neu{ color: #b45309; }

.ocdash .ocdash__whaleStatSub{
  margin-top: 5px;
  font-size: 11px;
  color: var(--muted);
}

.ocdash .ocdash__whaleInsight{
  border-radius: 10px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid rgba(148,163,184,.2);
  background: rgba(248,250,252,.95);
  color: #475569;
}

.ocdash .ocdash__whaleInsight.is-pos{
  color: #166534;
  border-color: rgba(22,163,74,.28);
  background: rgba(220,252,231,.65);
}

.ocdash .ocdash__whaleInsight.is-neg{
  color: #9f1239;
  border-color: rgba(225,29,72,.28);
  background: rgba(255,228,230,.65);
}

.ocdash .ocdash__whaleStrength{
  border-radius: 10px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .01em;
  border: 1px solid rgba(148,163,184,.24);
  color: #475569;
  background: rgba(248,250,252,.92);
}

.ocdash .ocdash__whaleStrength.is-weak{
  color: #475569;
  border-color: rgba(148,163,184,.3);
  background: rgba(241,245,249,.8);
}

.ocdash .ocdash__whaleStrength.is-medium{
  color: #92400e;
  border-color: rgba(245,158,11,.34);
  background: rgba(254,243,199,.72);
}

.ocdash .ocdash__whaleStrength.is-strong{
  color: #065f46;
  border-color: rgba(16,185,129,.35);
  background: rgba(209,250,229,.72);
}

.ocdash .ocdash__whaleVenueBoard{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
}

.ocdash .ocdash__whaleVenueChip{
  border: 1px solid rgba(148,163,184,.22);
  border-radius: 12px;
  background: rgba(255,255,255,.94);
  padding: 9px 10px;
}

.ocdash .ocdash__whaleVenueChip.is-pos{
  border-color: rgba(22,163,74,.3);
  background: rgba(220,252,231,.52);
}

.ocdash .ocdash__whaleVenueChip.is-neg{
  border-color: rgba(225,29,72,.3);
  background: rgba(255,228,230,.52);
}

.ocdash .ocdash__whaleVenueChip.is-neu{
  border-color: rgba(245,158,11,.3);
  background: rgba(254,243,199,.55);
}

.ocdash .ocdash__whaleVenueName{
  font-size: 11px;
  font-weight: 800;
  color: var(--text);
}

.ocdash .ocdash__whaleVenueNet{
  margin-top: 4px;
  font-size: 13px;
  font-weight: 900;
  color: var(--text);
}

.ocdash .ocdash__whaleVenueHint{
  margin-top: 2px;
  font-size: 10px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .04em;
}

.ocdash .ocdash__whaleTrades{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ocdash .ocdash__whaleTradeList{
  display: grid;
  gap: 8px;
}

.ocdash .ocdash__whaleTradeFirst,
.ocdash .ocdash__whaleTradeMore{
  display: grid;
  gap: 8px;
}

.ocdash .ocdash__whaleTradeMore:empty{
  display: none;
}

.octo-whale-row{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.92));
  padding: 11px 12px;
}

.octo-whale-row.is-hidden{
  display: none;
}

.ocdash .ocdash__whaleToggle{
  align-self: center;
  min-height: 34px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.28);
  background: rgba(255,255,255,.92);
  color: rgba(15,23,42,.76);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .03em;
  cursor: pointer;
}

.ocdash .ocdash__whaleToggle:hover{
  border-color: rgba(37,99,235,.34);
  color: #1d4ed8;
}

.ocdash .ocdash__whaleLeft{
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.ocdash .ocdash__whaleIcon{
  width: 16px;
  height: 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  box-shadow: 0 0 0 4px rgba(148,163,184,.14);
  margin-top: 3px;
  background: linear-gradient(135deg, #94a3b8, #64748b);
}

.octo-whale-row.is-inflow .ocdash__whaleIcon{
  background: linear-gradient(135deg, #34d399, #10b981);
  box-shadow: 0 0 0 4px rgba(16,185,129,.16);
}

.octo-whale-row.is-outflow .ocdash__whaleIcon{
  background: linear-gradient(135deg, #fb7185, #e11d48);
  box-shadow: 0 0 0 4px rgba(225,29,72,.14);
}

.ocdash .ocdash__whaleTitle{
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: rgba(15,23,42,.66);
}

.ocdash .ocdash__whaleTime{
  margin-top: 3px;
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.24);
  background: rgba(248,250,252,.92);
  font-size: 11px;
  font-weight: 700;
  color: #334155;
}

.ocdash .ocdash__whaleRoute{
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.35;
  color: #0f172a;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.ocdash .ocdash__whaleRight{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
  min-width: 112px;
}

.ocdash .ocdash__whaleAmount{
  font-size: 29px;
  font-weight: 900;
  letter-spacing: -.02em;
  line-height: 1;
}

.ocdash .ocdash__predHistoryList{
  display: grid;
  gap: 10px;
}

.ocdash .ocdash__predHistoryPager{
  display: none;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.ocdash .ocdash__predHistoryPager.is-visible{
  display: flex;
}

.ocdash .ocdash__predHistoryPageBtn{
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid rgba(148,163,184,.26);
  border-radius: 10px;
  background: rgba(255,255,255,.95);
  color: rgba(15,23,42,.78);
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

.ocdash .ocdash__predHistoryPageBtn:hover{
  border-color: rgba(37,99,235,.34);
  color: #1d4ed8;
}

.ocdash .ocdash__predHistoryPageBtn.is-active{
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  border-color: transparent;
  color: #fff;
  transform: translateY(-1px);
}

.ocdash .ocdash__predHistoryItem{
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 14px;
  background: rgba(255,255,255,.94);
  padding: 12px;
}

.ocdash .ocdash__predHistoryItemTop{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 9px;
}

.ocdash .ocdash__predHistoryMeta{
  font-size: 12px;
  font-weight: 800;
  color: rgba(15,23,42,.72);
  letter-spacing: .02em;
}

.ocdash .ocdash__predHistoryMetrics{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.ocdash .ocdash__predHistoryMetric{
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 10px;
  background: rgba(248,250,252,.86);
  padding: 8px 9px;
  min-width: 0;
}

.ocdash .ocdash__predHistoryMetric > span{
  display: block;
  font-size: 10px;
  font-weight: 800;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: 4px;
}

.ocdash .ocdash__predHistoryMetric > strong{
  display: block;
  font-size: 14px;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ocdash .ocdash__predHistoryItem.is-skeleton .ocdash__predHistoryMeta,
.ocdash .ocdash__predHistoryItem.is-skeleton .ocdash__predHistoryMetric > strong,
.ocdash .ocdash__predHistoryItem.is-skeleton .ocdash__predHistoryMetric > span{
  color: rgba(148,163,184,.6);
}

.ocdash .ocdash__whaleUsd{ font-size: 11px; color: var(--muted); }

.ocdash .ocdash__whaleTx{
  color: #1d4ed8;
  text-decoration:none;
  font-size: 11px;
  font-weight: 800;
  border: 1px solid rgba(59,130,246,.25);
  background: rgba(219,234,254,.55);
  border-radius: 999px;
  padding: 2px 8px;
}

.ocdash .ocdash__whaleTx:hover{
  text-decoration: none;
  filter: brightness(.98);
}

.ocdash .ocdash__whaleTx--muted{
  color: var(--muted);
}

.ocdash .ocdash__whaleEmpty,
.ocdash .ocdash__whaleError{
  padding: 20px;
  text-align:center;
}

.ocdash .ocdash__whaleEmpty{ color: var(--muted); }
.ocdash .ocdash__whaleError{ color: #e11d48; }

.ocdash .ocdash__chartTitle{
  font-weight: 800;
  margin-bottom: 12px;
  color: var(--text);
}

.ocdash [data-fd="rsiCanvas"]{
  display:block;
  width:100% !important;
  height:190px !important;
}

.ocdash [data-fd="macdCanvas"]{
  display:block;
  width:100% !important;
  height:240px !important;
}

.ocdash [data-fd="ma100Canvas"],
.ocdash [data-fd="ma200Canvas"],
.ocdash [data-fd="psarCanvas"]{
  display:block;
  width:100% !important;
  height:190px !important;
}

.ocdash [data-fd="stochCanvas"],
.ocdash [data-fd="adxCanvas"]{
  display:block;
  width:100% !important;
  height:190px !important;
}

.ocdash .ocdash__indTimeline{
  height: 40px !important;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 10px;
  background: rgba(255,255,255,.92);
  overflow: hidden;
  display:flex;
  align-items:stretch;
}

.ocdash .ocdash__indTlSeg{
  flex: 1 1 0;
  min-width: 2px;
  border-right: 1px solid rgba(255,255,255,.45);
}

.ocdash .ocdash__indTlSeg:last-child{
  border-right: 0;
}

.ocdash .ocdash__indTlSeg.is-buy{ background: rgba(16,185,129,.78); }
.ocdash .ocdash__indTlSeg.is-sell{ background: rgba(239,68,68,.78); }
.ocdash .ocdash__indTlSeg.is-neu{ background: rgba(245,158,11,.74); }

.ocdash [data-block="indicators"] [data-fd="indStatus"]{
  display:none;
}

.ocdash .ocdash__metrics{
  display:flex !important;
  flex-direction:column !important;
  gap: 10px;
  width: 100% !important;
}

.ocdash .ocdash__metricsRow{
  display:grid !important;
  grid-template-columns: 1.3fr .9fr .8fr !important;
  align-items:center !important;
  gap: 14px;
  width: 100% !important;
  padding: 14px 16px !important;
  margin: 0 !important;
  border: 1px solid rgba(148,163,184,.14) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.90)) !important;
}

.ocdash .ocdash__mLabel{
  display:block !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: var(--muted) !important;
  text-align: left !important;
}

.ocdash .ocdash__mValue{
  display:block !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  text-align: center !important;
  color: var(--text) !important;
}

.ocdash .ocdash__mDelta{
  display:inline-flex !important;
  justify-content:flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  white-space: nowrap;
}

.ocdash .ocdash__metricsFoot{
  display:block !important;
  width: 100% !important;
  padding-top: 12px !important;
  color: var(--muted);
}

.ocdash .ocdash__mDelta--pos { color: var(--pos) !important; }
.ocdash .ocdash__mDelta--neg { color: var(--neg) !important; }

.ocdash .ocdash__msg{
  margin-top: 12px;
  padding: 13px 14px;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,.16);
  background: rgba(248,250,252,.94);
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.ocdash .ocdash__msg--error{
  border-color: rgba(225,29,72,.20);
  background: rgba(225,29,72,.06);
  color: #be123c;
}

.ocdash .ocdash__msg--soft{
  border-style: dashed;
}

.ocdash--tokenPreviewOnly{
  background: transparent;
  border-radius: 0;
}

.ocdash .ocdash__wrap--tokenPreviewOnly{
  max-width: none;
  padding: 0;
}

.ocdash .ocdash__tokenPreviewGrid{
  --preview-cols: 3;
  display: grid;
  grid-template-columns: repeat(var(--preview-cols), minmax(0, 1fr));
  gap: 12px;
}

.ocdash .ocdash__tokenPreview{
  --token-accent: #2563eb;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border: 1px solid rgba(148,163,184,.2);
  border-radius: 16px;
  background:
    radial-gradient(120% 100% at 0% 0%, rgba(255,255,255,.74) 0%, rgba(255,255,255,.12) 62%, transparent 100%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,250,252,.92));
  padding: 14px;
  text-decoration: none;
  color: #0f172a;
  box-shadow: 0 8px 20px rgba(15,23,42,.05);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .2s ease;
  text-decoration: none !important;
}

.ocdash .ocdash__tokenPreview *{
  text-decoration: none !important;
}

.ocdash .ocdash__tokenPreview.is-pos{
  background:
    radial-gradient(100% 120% at 6% 0%, rgba(16,185,129,.14), transparent 55%),
    linear-gradient(145deg, rgba(255,255,255,.97), rgba(236,253,245,.88));
}

.ocdash .ocdash__tokenPreview.is-neg{
  background:
    radial-gradient(100% 120% at 6% 0%, rgba(239,68,68,.13), transparent 55%),
    linear-gradient(145deg, rgba(255,255,255,.97), rgba(254,242,242,.9));
}

.ocdash .ocdash__tokenPreview:hover{
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--token-accent) 40%, rgba(148,163,184,.2));
  box-shadow: 0 14px 26px rgba(15,23,42,.10);
}

.ocdash .ocdash__tokenPreviewTop{
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.ocdash .ocdash__tokenPreviewLogo{
  width: 38px;
  height: 38px;
  border-radius: 999px;
  object-fit: contain;
  background: #fff;
  border: 1px solid rgba(148,163,184,.2);
  flex: 0 0 auto;
}

.ocdash .ocdash__tokenPreviewLogo--fallback{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 900;
  color: #1d4ed8;
}

.ocdash .ocdash__tokenPreviewIdentity{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ocdash .ocdash__tokenPreviewName{
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ocdash .ocdash__tokenPreviewTicker{
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(15,23,42,.58);
}

.ocdash .ocdash__tokenPreviewMarket{
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
}

.ocdash .ocdash__tokenPreviewPrice{
  font-size: 18px;
  font-weight: 900;
  line-height: 1.1;
  color: #0f172a;
  cursor: help;
}

.ocdash .ocdash__tokenPreviewDelta{
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.24);
  background: rgba(241,245,249,.9);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .03em;
  color: #475569;
}

.ocdash .ocdash__tokenPreviewDelta.is-pos{
  color: #065f46;
  background: rgba(209,250,229,.9);
  border-color: rgba(16,185,129,.35);
}

.ocdash .ocdash__tokenPreviewDelta.is-neg{
  color: #991b1b;
  background: rgba(254,226,226,.92);
  border-color: rgba(239,68,68,.33);
}

.ocdash .ocdash__tokenPreviewDelta.is-neu{
  color: #92400e;
  background: rgba(254,243,199,.92);
  border-color: rgba(245,158,11,.34);
}

.ocdash .ocdash__tokenPreview--market{
  padding: 14px;
  gap: 10px;
}

.ocdash .ocdash__tokenPreviewSummary{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.ocdash .ocdash__tokenPreviewSummaryItem{
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 10px;
  background: rgba(248,250,252,.82);
  padding: 6px 8px;
  min-width: 0;
}

.ocdash .ocdash__tokenPreviewSummaryItem > span{
  display: block;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 3px;
}

.ocdash .ocdash__tokenPreviewSummaryItem > strong{
  display: block;
  font-size: 11px;
  font-weight: 900;
  color: #0f172a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ocdash .ocdash__tokenPreviewDetails{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.ocdash .ocdash__tokenPreviewDetail{
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 10px;
  background: rgba(248,250,252,.82);
  padding: 6px 8px;
  min-width: 0;
}

.ocdash .ocdash__tokenPreviewDetail--sentiment{
  grid-column: 1 / -1;
}

.ocdash .ocdash__tokenPreviewDetail > span{
  display: block;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 3px;
}

.ocdash .ocdash__tokenPreviewDetail > strong{
  display: block;
  font-size: 12px;
  font-weight: 900;
  color: #0f172a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ocdash .ocdash__tokenPreviewDetail > strong.is-pos{ color: #15803d; }
.ocdash .ocdash__tokenPreviewDetail > strong.is-neg{ color: #be123c; }
.ocdash .ocdash__tokenPreviewDetail > strong.is-neu{ color: #b45309; }

.ocdash .ocdash__tokenPreviewSummaryItem > strong.is-pos,
.ocdash .ocdash__tokenPreviewDetail > strong.is-pos{ color: #15803d; }

.ocdash .ocdash__tokenPreviewSummaryItem > strong.is-neg,
.ocdash .ocdash__tokenPreviewDetail > strong.is-neg{ color: #be123c; }

.ocdash .ocdash__tokenPreviewSummaryItem > strong.is-neu,
.ocdash .ocdash__tokenPreviewDetail > strong.is-neu{ color: #b45309; }

.ocdash .ocdash__tokenPreviewSpark{
  display: block;
  width: 100%;
  height: 40px;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 9px;
  background: linear-gradient(180deg, rgba(248,250,252,.9), rgba(241,245,249,.74));
  padding: 4px 6px 6px;
  overflow: hidden;
}

.ocdash .ocdash__tokenPreviewSpark svg{
  display: block;
  width: 100%;
  height: 100%;
}

.ocdash .ocdash__tokenPreviewFoot{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 2px;
}

.ocdash .ocdash__tokenPreviewCta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--token-accent) 36%, rgba(148,163,184,.2));
  background: color-mix(in srgb, var(--token-accent) 12%, white);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .01em;
  text-transform: none;
  text-align: center;
  line-height: 1.2;
  padding: 6px 10px;
  white-space: normal;
  color: color-mix(in srgb, var(--token-accent) 78%, #0f172a);
}

.ocdash .ocdash__tokenPreviewCtaText--short{ display: none; }
.ocdash .ocdash__tokenPreviewCtaText--full{ display: inline; }

.ocdash .ocdash__tokenPreview--news{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "top"
    "market"
    "summary"
    "spark"
    "foot";
  align-items: stretch;
  row-gap: 8px;
  padding: 12px;
  border-radius: 14px;
  gap: 0;
}

.ocdash .ocdash__tokenPreview--news .ocdash__tokenPreviewTop{ grid-area: top; }
.ocdash .ocdash__tokenPreview--news .ocdash__tokenPreviewMarket{ grid-area: market; justify-content: flex-start; gap: 10px; }
.ocdash .ocdash__tokenPreview--news .ocdash__tokenPreviewSummary{ grid-area: summary; }
.ocdash .ocdash__tokenPreview--news .ocdash__tokenPreviewSpark{ grid-area: spark; height: 48px; margin-top: 2px; margin-bottom: 4px; }
.ocdash .ocdash__tokenPreview--news .ocdash__tokenPreviewFoot{ grid-area: foot; justify-content: flex-end; position: relative; z-index: 1; }
.ocdash .ocdash__tokenPreview--news .ocdash__tokenPreviewCta{ min-width: 114px; }

.ocdash .ocdash__tokenPreview--news .ocdash__tokenPreviewCta{
  text-transform: none;
  letter-spacing: 0;
  font-size: 11px;
  line-height: 1.2;
  padding: 6px 10px;
  min-height: 36px;
  white-space: normal;
  text-align: center;
}

.ocdash .ocdash__tokenPreview--news .ocdash__tokenPreviewLogo{
  width: 30px;
  height: 30px;
}

.ocdash .ocdash__tokenPreview--news .ocdash__tokenPreviewName{
  font-size: 13px;
}

.ocdash .ocdash__tokenPreview--news .ocdash__tokenPreviewTicker{
  font-size: 11px;
}

.ocdash .ocdash__tokenPreview--news .ocdash__tokenPreviewPrice{
  font-size: 16px;
}

.ocdash .ocdash__tokenPreview--news .ocdash__tokenPreviewDelta{
  min-height: 20px;
  padding: 2px 7px;
  font-size: 10px;
}

.ocdash .ocdash__tokenPreview--news .ocdash__tokenPreviewCta{
  min-height: 30px;
  padding: 0 10px;
  font-size: 10px;
}

@media (max-width: 900px){
  .ocdash .ocdash__tokenPreviewGrid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ocdash .ocdash__tokenPreview--news{
    row-gap: 9px;
  }

  .ocdash .ocdash__tokenPreviewSummary{
    grid-template-columns: 1fr;
  }

  .ocdash .ocdash__tokenPreview--news .ocdash__tokenPreviewFoot{
    justify-content: stretch;
  }

  .ocdash .ocdash__tokenPreview--news .ocdash__tokenPreviewCta{
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 640px){
  .ocdash .ocdash__tokenPreviewGrid{
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .ocdash .ocdash__tokenPreview{
    padding: 12px;
    gap: 10px;
  }

  .ocdash .ocdash__tokenPreviewDetails,
  .ocdash .ocdash__tokenPreviewSummary{
    grid-template-columns: 1fr;
  }

  .ocdash .ocdash__tokenPreviewPrice{
    font-size: 20px;
  }

  .ocdash .ocdash__tokenPreview--news .ocdash__tokenPreviewPrice{
    font-size: 18px;
  }

  .ocdash .ocdash__tokenPreview:not(.ocdash__tokenPreview--news) .ocdash__tokenPreviewCtaText--full{
    display: none;
  }

  .ocdash .ocdash__tokenPreview:not(.ocdash__tokenPreview--news) .ocdash__tokenPreviewCtaText--short{
    display: inline;
  }
}

#whale-feed{
  display:flex !important;
  flex-direction:column !important;
  gap: 10px !important;
  width:100% !important;
  max-height: 350px !important;
  min-height: 240px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding-right: 4px !important;
  margin: 0 !important;
  background: transparent !important;
}

#whale-feed::-webkit-scrollbar{ width: 6px !important; }
#whale-feed::-webkit-scrollbar-track{ background: transparent !important; }
#whale-feed::-webkit-scrollbar-thumb{ background: rgba(148,163,184,.45) !important; border-radius: 999px !important; }

@media (max-width: 900px){
  .ocdash .ocdash__hero{
    border-radius: 24px;
  }

  .ocdash .ocdash__sentGrid{
    grid-template-columns: 1fr;
  }
  .ocdash .ocdash__predHistoryStats{
    grid-template-columns: 1fr;
  }

    .ocdash .ocdash__predHistoryMetrics{
      grid-template-columns: 1fr 1fr;
    }

    .ocdash .ocdash__predHistoryTf{
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 2px;
      white-space: nowrap;
    }

    .ocdash .ocdash__predHistoryTfBtn{
      flex: 0 0 auto;
    }

    .ocdash .ocdash__predHistoryPageBtn{
      min-width: 34px;
      height: 34px;
    }
}

@media (min-width: 901px){
  .ocdash .ocdash__sentGrid{
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
}

@media (max-width: 768px){
  .ocdash .ocdash__wrap{
    max-width: 420px;
    margin: 0 auto;
    padding: 12px 10px 24px;
  }

  .ocdash .octobit-top-heading{
    font-size: 18px;
    gap: 6px;
    margin: 2px 0 14px;
  }

  .ocdash .ocdash__sectionTitle{
    font-size: 18px;
    margin: 4px 0 10px;
  }

  .ocdash .octobit-top-heading__inner{
    gap: 6px;
  }

  .ocdash .octobit-top-heading__badge{
    font-size: 8px;
    letter-spacing: 1px;
    padding: 2px 6px;
  }

  .ocdash .octobit-top-heading__dot{
    width: 6px;
    height: 6px;
  }

  .ocdash .octobit-top-promo-card{
    border-radius: 24px;
  }

  .ocdash .octobit-top-promo-card .promo-card{
    border-radius: 24px;
    padding: 20px;
  }

  .ocdash .octobit-top-promo-card .promo-heading{
    font-size: 22px;
    line-height: 1.35;
  }

  .ocdash .octobit-top-promo-card .payout-ticker{
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    margin-bottom: 12px;
    width: min(148px, 100%);
    height: 68px;
  }

  .ocdash .ocdash__row{
    grid-template-columns: 1fr;
  }

  .ocdash .ocdash__gameTop{
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .ocdash .ocdash__gameTimerWrap{
    justify-content: flex-start;
  }

  .ocdash .ocdash__gameTimerRing{
    width: 118px;
    height: 118px;
  }

  .ocdash .ocdash__gameTimerValue{
    font-size: 30px;
  }

  .ocdash .ocdash__gameResultGrid{
    grid-template-columns: 1fr;
  }

  .ocdash .ocdash__gameWinCta{
    padding: 11px;
    border-radius: 14px;
  }

  .ocdash .ocdash__gameWinCtaHead{
    font-size: 18px;
  }

  .ocdash .ocdash__gameWinCtaBtn{
    min-height: 44px;
    font-size: 11px;
    letter-spacing: 0;
  }

  .ocdash .ocdash__gameStats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ocdash .ocdash__gameStatsHead{
    flex-wrap: wrap;
  }

  .ocdash .ocdash__marketMoodSection{
    padding: 14px 12px;
  }

  .ocdash .ocdash__card{
    padding: 16px 12px;
    border-radius: 18px;
  }

  .ocdash .ocdash__cardHead{
    gap: 8px;
    margin-bottom: 12px;
    align-items: center;
  }

  .ocdash .ocdash__h{
    font-size: 16px;
    letter-spacing: -.02em;
  }

  .ocdash h2.ocdash__feedTitle,
  .ocdash h2.ocdash__indBannerTitle{
    font-size: 16px;
    line-height: 1.25;
  }

  .ocdash .ocdash__hero{
    border-radius: 24px;
  }

  .ocdash .ocdash__heroShell{
    gap: 12px;
  }

  .ocdash .ocdash__heroCoinName{
    font-size: 10px;
  }

  .ocdash .ocdash__heroTicker{
    font-size: 18px;
  }

  .ocdash .ocdash__heroPrice{
    font-size: 42px;
  }

  .ocdash .ocdash__heroRow{
    padding: 10px 0;
  }

  .ocdash .ocdash__heroRowLabel{
    font-size: 10px;
    letter-spacing: .04em;
  }

  .ocdash .ocdash__heroRowValue{
    font-size: 12px;
  }

  .ocdash .ocdash__actions{
    flex-direction: column;
    width:100%;
  }

  .ocdash .ocdash__btn{
    width:100%;
  }

  .ocdash .ocdash__predGrid{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .ocdash .ocdash__predCard{
    min-height: 0;
    border-radius: 18px 18px 18px 0;
    padding: 14px;
  }

  .ocdash .ocdash__predPrice{
    font-size: 24px;
  }

  .ocdash .ocdash__indSoonWrap{
    padding: 14px;
  }

  .ocdash .ocdash__indSoonText{
    font-size: 13px;
  }

  .ocdash .ocdash__indFaqItem > summary{
    font-size: 13px;
    padding: 11px 12px;
  }

  .ocdash .ocdash__ai{
    background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(248,250,252,.86));
  }

  .ocdash .ocdash__ai::before,
  .ocdash .ocdash__ai::after{
    opacity: .32;
  }

  .ocdash .ocdash__aiBody{
    padding: 14px 12px;
    max-width: none;
  }

  .ocdash .ocdash__aiBody p{
    font-size: 15px;
    line-height: 1.74;
    margin-bottom: 12px;
  }

  .ocdash .ocdash__aiUpdated{
    font-size: 10px;
    padding: 5px 8px;
  }

  .ocdash .ocdash__indFaqTfBtn{
    min-height: 26px;
    padding: 3px 9px;
    font-size: 10px;
  }

  .ocdash .ocdash__indTfBtn{
    min-height: 42px;
    padding: 9px 14px;
    font-size: 12px;
  }

  .ocdash .ocdash__indFaqLive{
    gap: 6px;
  }

  .ocdash .ocdash__indFaqSig{
    min-height: 20px;
    padding: 2px 7px;
    font-size: 9px;
  }

  .ocdash .ocdash__indFaqVal{
    font-size: 10px;
  }

  .ocdash .ocdash__indFaqItem > p{
    font-size: 12px;
    padding: 0 12px 11px;
  }

  .ocdash .ocdash__indFaqCta{
    min-height: 34px;
    padding: 8px 12px;
    font-size: 12px;
  }

  .ocdash .ocdash__sentGaugeWrap{
    padding: 7px 7px 3px;
  }

  .ocdash .ocdash__sentDial{
    width: 198px;
    height: 136px;
  }

  .ocdash .ocdash__sentNeedle::before{
    top: -60px;
    height: 60px;
  }

  .ocdash .ocdash__sentValue{
    font-size: 36px;
  }

  .ocdash .ocdash__sentSignalText{
    font-size: 22px;
  }

  .ocdash .ocdash__sentExplain{
    font-size: 13px;
  }

  .ocdash .ocdash__taBox{
    min-height: 380px;
  }

  .ocdash .ocdash__socialHead{
    position: sticky;
    top: 0;
    z-index: 4;
    background: rgba(245,245,240,.92);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(0,0,0,.06);
    padding-bottom: 10px;
    margin: -4px -4px 12px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .ocdash .ocdash__feedTitle{
    font-size: 16px;
    line-height: 1.25;
  }

  .ocdash .ocdash__feedAccent{
    width: 56px;
    height: 3px;
  }

  .ocdash .ocdash__newsCard{
    border-radius: 16px 16px 16px 0;
  }

  .ocdash .ocdash__topxItem{
    border-radius: 16px;
    padding: 12px;
  }

  .ocdash .ocdash__topxName{
    font-size: 18px;
  }

  .ocdash .ocdash__topxDesc{
    font-size: 12px;
  }

  .ocdash .ocdash__topxBtn{
    min-height: 38px;
    padding: 8px 12px;
    font-size: 13px;
  }

  .ocdash .ocdash__topxActions{
    width: 100%;
    justify-content: flex-end;
  }

  .ocdash .ocdash__topxReveal{
    padding: 10px;
  }

  .ocdash .ocdash__topxRevealBtn{
    min-height: 36px;
    padding: 8px 14px;
    font-size: 13px;
  }

  .ocdash .ocdash__newsStripe{
    width: 6px;
  }

  .ocdash .ocdash__newsBody{
    padding: 16px;
  }

  .ocdash .ocdash__newsTitle{
    font-size: 17px;
    line-height: 1.3;
  }

  .ocdash .ocdash__newsExcerpt{
    font-size: 13px;
    line-height: 1.45;
    max-width: 100%;
  }

  .ocdash .ocdash__newsRead{
    font-size: 13px;
    padding: 7px 12px;
    position: static;
    margin-top: 8px;
  }

  .ocdash .ocdash__socialSources{
    grid-template-columns: 1fr;
  }

  .ocdash .ocdash__dynWrap,
  .ocdash .ocdash__fundingWrap{
    padding: 8px;
  }

  .ocdash .ocdash__dynTable{
    min-width: 560px;
  }

  .ocdash .ocdash__fundHeadRow,
  .ocdash .ocdash__fundRow{
    min-width: 520px;
  }

  .ocdash .ocdash__whalesFeed{
    padding: 8px;
  }

  #whale-feed{
    position: relative;
    max-height: 460px !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding-right: 0 !important;
  }

  #whale-feed::after{
    content: '';
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 0;
    height: 26px;
    border-radius: 0 0 10px 10px;
    background: linear-gradient(180deg, rgba(241,245,249,0), rgba(241,245,249,.95));
    pointer-events: none;
  }

  .octo-whale-wrapper{
    max-height: 460px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-right: 2px;
    gap: 7px;
  }

  .octo-whale-wrapper::-webkit-scrollbar{ width: 6px; }
  .octo-whale-wrapper::-webkit-scrollbar-track{ background: transparent; }
  .octo-whale-wrapper::-webkit-scrollbar-thumb{ background: rgba(148,163,184,.45); border-radius: 999px; }

  .ocdash .ocdash__whaleTradeMore{
    max-height: none;
    overflow: visible;
    padding-right: 0;
  }

  .octo-whale-row{
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px 12px;
  }

  .ocdash .ocdash__whaleToggle{
    width: 100%;
    font-size: 11px;
  }

  .ocdash .ocdash__whaleRight{
    align-items: flex-start;
    min-width: 0;
  }

  .ocdash .ocdash__whaleAmount{
    font-size: 26px;
  }

  .ocdash .ocdash__whaleSummary{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .ocdash .ocdash__whaleStat{
    padding: 8px;
    border-radius: 10px;
  }

  .ocdash .ocdash__whaleStatLabel{
    font-size: 9px;
    margin-bottom: 5px;
  }

  .ocdash .ocdash__whaleStatValue{
    font-size: 12px;
  }

  .ocdash .ocdash__whaleStatSub{
    margin-top: 4px;
    font-size: 10px;
  }

  .ocdash .ocdash__whaleVenueBoard{
    grid-template-columns: 1fr;
  }

  .ocdash .ocdash__chartFrame{
    min-height: 380px;
  }

  .ocdash .ocdash__fundingWrap{
    padding: 8px 10px;
  }

  .ocdash .ocdash__fundHeadRow,
  .ocdash .ocdash__fundRow{
    display: grid;
    grid-template-columns: 1.25fr .95fr .8fr;
    align-items: center;
    gap: 8px;
    min-width: 0;
  }

  .ocdash .ocdash__fundHeadRow .ocdash__fundCell--head:nth-child(4),
  .ocdash .ocdash__fundRow .ocdash__fundCell:nth-child(4){
    display: none;
  }

  .ocdash .ocdash__fundCell{
    font-size: 11px;
    min-width: 0;
  }

  .ocdash .ocdash__fundExchange{
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (min-width: 1024px){
  .ocdash .octobit-top-section-wrapper .ocdash__hero{
    border-radius: 32px;
    padding: 40px;
    height: 100%;
  }

  .ocdash .octobit-top-section-wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: stretch;
  }

  .ocdash .octobit-top-section-wrapper > .ocdash__card{
    height: 100%;
  }

  .ocdash .octobit-top-promo-card .promo-card{
    height: 100%;
  }

  .ocdash .ocdash__sentGrid{
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }

  .ocdash .ocdash__indGrid{
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}

@media (max-width: 480px){
  .ocdash .ocdash__wrap{
    max-width: 390px;
    padding: 10px 8px 20px;
  }

  .ocdash .octobit-top-heading{
    font-size: 16px;
  }

  .ocdash .ocdash__heroTicker{
    font-size: 18px;
  }

  .ocdash .ocdash__heroPrice{
    font-size: 38px;
  }

  .ocdash .ocdash__heroTrend{
    min-height: 28px;
    padding: 6px 10px;
    font-size: 10px;
  }

  .ocdash .ocdash__socialLive,
  .ocdash .ocdash__chartLive,
  .ocdash .ocdash__indLive,
  .ocdash .ocdash__dynLive,
  .ocdash .ocdash__fundingLive,
  .ocdash .ocdash__whalesLive,
  .ocdash .ocdash__chainLive,
  .ocdash .ocdash__heatLive,
  .ocdash .ocdash__gameLive{
    font-size: 10px;
    gap: 6px;
  }

  .ocdash .ocdash__socialLiveDot,
  .ocdash .ocdash__chartLiveDot,
  .ocdash .ocdash__indLiveDot,
  .ocdash .ocdash__dynLiveDot,
  .ocdash .ocdash__fundingLiveDot,
  .ocdash .ocdash__whalesLiveDot,
  .ocdash .ocdash__chainLiveDot,
  .ocdash .ocdash__heatLiveDot,
  .ocdash .ocdash__gameLiveDot{
    width: 6px;
    height: 6px;
    box-shadow: 0 0 0 3px rgba(239,68,68,.14);
  }

  .ocdash .ocdash__h{
    font-size: 16px;
  }

  .ocdash .ocdash__topxItem{
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .ocdash .ocdash__indFaqHead{
    align-items:flex-start;
    gap: 8px;
  }

  .ocdash .ocdash__indFaqTf{
    width: 100%;
  }

  .ocdash .ocdash__indFaqTfBtn{
    flex: 1 1 0;
    justify-content:center;
  }

  .ocdash .ocdash__indFaqItem > summary{
    flex-direction: column;
    align-items:flex-start;
    padding: 10px 36px 10px 11px;
  }

  .ocdash .ocdash__indFaqLive{
    width: 100%;
    justify-content:space-between;
  }

  .ocdash .ocdash__topxActions{
    justify-content: stretch;
    gap: 8px;
  }

  .ocdash .ocdash__topxBtn{
    width: 50%;
    justify-content: center;
  }

  .ocdash .ocdash__gameActions{
    grid-template-columns: 1fr;
  }

  .ocdash .ocdash__gamePrice{
    font-size: 29px;
  }

  .ocdash .ocdash__gameStats{
    grid-template-columns: 1fr;
  }

  .ocdash .ocdash__ai::before,
  .ocdash .ocdash__ai::after{
    display: none;
  }

  .ocdash .ocdash__aiHead{
    align-items: flex-start;
    gap: 6px;
  }

  .ocdash .ocdash__aiBody p{
    font-size: 14px;
    line-height: 1.7;
  }
}