/* Blogger indicator dashboard: a full-width trading panel. App palette, growth green, fall red. */
.ixd { --g: #30BF73; --r: #F03D3D; --y: #F5CC3B; --bg1: #0B0E15; --bg2: #11141B; --bg3: #151924; --line: #1F2535; --t2: #A3ABBD; --t3: #7D8599;
  max-width: 1440px; margin: 0 auto; padding: 22px clamp(16px, 2.4vw, 32px) 64px; }
.ixd .up { color: var(--g); } .ixd .dn { color: var(--r); }
.ixd-strings { display: none; }
.ixd-muted { margin: 0; font-size: 13px; color: var(--t3); }

/* head */
.ixd-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 32px; padding: 12px 2px 20px; }
.ixd-head h1 { margin: 6px 0 0; font-weight: 900; letter-spacing: -.03em; line-height: 1.05; font-size: clamp(1.7rem, 2.8vw, 2.4rem); color: #fff; text-wrap: balance; }
.ixd-head p { margin: 8px 0 0; max-width: 62ch; font-size: 15px; line-height: 1.55; color: var(--t2); }
.ixd-live { display: inline-flex; align-items: center; gap: 8px; font: 600 12.5px/1 Inter, sans-serif; color: #C9F3DC; }
.ixd-live i { width: 8px; height: 8px; border-radius: 50%; background: var(--g); box-shadow: 0 0 0 0 rgba(48,191,115,.6); animation: ixdPulse 1.8s infinite; }
@keyframes ixdPulse { 70% { box-shadow: 0 0 0 8px rgba(48,191,115,0); } 100% { box-shadow: 0 0 0 0 rgba(48,191,115,0); } }
.ixd-stats { display: grid; grid-template-columns: repeat(4, auto); gap: 0; border: 1px solid var(--line); border-radius: 16px; background: var(--bg2); overflow: hidden; }
.ixd-stats > div { padding: 12px 18px; min-width: 0; }
.ixd-stats > div + div { border-left: 1px solid var(--line); }
.ixd-stats b { display: block; font: 800 22px/1 Inter, sans-serif; color: #fff; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.ixd-stats span { display: block; margin-top: 6px; font-size: 12px; color: var(--t3); white-space: nowrap; }
@media (max-width: 760px) { .ixd-stats { grid-template-columns: 1fr 1fr; } .ixd-stats > div:nth-child(3) { border-left: 0; } .ixd-stats > div:nth-child(n+3) { border-top: 1px solid var(--line); } }

/* coin strip */
.ixd-coins { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(170px, 1fr); gap: 10px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.ixd-coins::-webkit-scrollbar { display: none; }
.ixd-coin { position: relative; display: grid; gap: 6px; text-align: left; padding: 14px 14px 16px; border-radius: 16px; background: var(--bg2); border: 1px solid var(--line); cursor: pointer; transition: border-color .2s, background .2s, transform .2s; overflow: hidden; }
.ixd-coin:hover { border-color: #33405E; transform: translateY(-1px); }
.ixd-coin.on { background: linear-gradient(180deg, #172036, #11141B); border-color: #2767E5; box-shadow: 0 0 0 1px rgba(39,103,229,.35) inset; }
.ixd-coin .h { display: flex; align-items: center; gap: 8px; }
.ixd-coin .h img { width: 22px; height: 22px; border-radius: 50%; }
.ixd-coin .h b { font: 800 14.5px/1 Inter, sans-serif; color: #fff; }
.ixd-coin .h em { margin-left: auto; font-style: normal; font: 700 12px/1 Inter, sans-serif; font-variant-numeric: tabular-nums; }
.ixd-coin .p { font: 700 17px/1 Inter, sans-serif; color: #E9ECF3; font-variant-numeric: tabular-nums; }
.ixd-coin .m { font: 700 12.5px/1.2 Inter, sans-serif; color: var(--t2); }
.ixd-coin .b { display: block; height: 4px; border-radius: 4px; background: var(--r); overflow: hidden; position: relative; }
.ixd-coin .b::before { content: ''; position: absolute; inset: 0 auto 0 0; width: var(--up); background: var(--g); }
.ixd-coin small { font-size: 11.5px; color: var(--t3); }

/* grid */
.ixd-grid { display: grid; gap: 14px; margin-top: 14px; }
@media (min-width: 1100px) { .ixd-grid { grid-template-columns: minmax(0, 1fr) 360px; } }
.ixd-panel { min-width: 0; padding: 18px; border-radius: 20px; background: linear-gradient(180deg, #11141B, #0D1017); border: 1px solid var(--line); }
.ixd-panel h2, .ixd-panel h3 { margin: 0; font: 800 15px/1.3 Inter, sans-serif; color: #fff; letter-spacing: -.01em; }
.ixd-ph { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; }
.ixd-ph .t { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.ixd-ph .t b { font: 800 18px/1.2 Inter, sans-serif; color: #fff; }
.ixd-ph .t span { font: 700 16px/1 Inter, sans-serif; color: #E9ECF3; font-variant-numeric: tabular-nums; }
.ixd-ph .t span em { font-style: normal; font-size: 12.5px; margin-left: 4px; }
.ixd-ph small { font-size: 12.5px; color: var(--t3); }
.ixd-tabs { display: inline-flex; gap: 4px; padding: 4px; border-radius: 12px; background: var(--bg1); border: 1px solid #1A1F2C; }
.ixd-tabs button { padding: 8px 14px; border-radius: 9px; font: 600 13px/1 Inter, sans-serif; color: var(--t2); background: none; border: 0; cursor: pointer; }
.ixd-tabs button[aria-pressed="true"] { color: #fff; background: #1F2535; }

/* chart */
.ixd-plot { position: relative; margin-top: 12px; cursor: crosshair; touch-action: pan-y; }
.ixd-plot svg, .ixd-plot svg:not([width]):not(.chev) { display: block; width: 100%; height: auto; max-width: none; max-height: none; overflow: visible; }
.ixd-gl { stroke: #161B26; stroke-width: 1; }
.ixd-ylab { fill: #5C6271; font: 600 11px Inter, sans-serif; text-anchor: end; }
.ixd-area { fill: rgba(255,255,255,.035); }
.ixd-line { fill: none; stroke: #E9ECF3; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.ixd-move.dn { fill: rgba(240,61,61,.09); } .ixd-move.up { fill: rgba(48,191,115,.08); }
.ixd-move-l { stroke-width: 1; stroke-dasharray: 3 3; } .ixd-move-l.dn { stroke: rgba(240,61,61,.7); } .ixd-move-l.up { stroke: rgba(48,191,115,.7); }
.ixd-move-t { font: 800 13px Inter, sans-serif; } .ixd-move-t.dn { fill: var(--r); } .ixd-move-t.up { fill: var(--g); }
.ixd-dot { stroke: #0C0F16; stroke-width: 1.4; cursor: pointer; opacity: 0; animation: ixdPop .35s cubic-bezier(.22,1,.36,1) forwards; animation-delay: var(--d, 0ms); transition: r .15s; }
.ixd-dot.up { fill: var(--g); } .ixd-dot.dn { fill: var(--r); }
.ixd-dot:hover { r: 7.5; }
.ixd-dot.focus { r: 8.5; stroke: #fff; stroke-width: 2.5; }
@keyframes ixdPop { from { opacity: 0; } to { opacity: 1; } }
.ixd-mid { stroke: #1F2535; stroke-width: 1; }
.ixd-hit { fill: transparent; }
.ixd-bar.up { fill: var(--g); opacity: .85; } .ixd-bar.dn { fill: var(--r); opacity: .85; }
.ixd-bar.sel { opacity: 1; }
.ixd-cursor { stroke: rgba(255,255,255,.35); stroke-width: 1; opacity: 0; transition: opacity .15s; pointer-events: none; }
.ixd-cursor.on { opacity: 1; }
.ixd-axis { display: flex; justify-content: space-around; margin-top: 6px; font-size: 12px; color: var(--t3); }
.ixd-key { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 10px; font-size: 12px; color: var(--t3); }
.ixd-key i { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 6px; vertical-align: -1px; }
.ixd-key .u i { background: var(--g); } .ixd-key .d i { background: var(--r); }
.ixd.loading .ixd-plot { opacity: .5; }

/* side */
.ixd-side { display: grid; gap: 14px; align-content: start; }
.ixd-gauge { display: grid; justify-items: center; margin-top: 8px; position: relative; }
.ixd-gauge svg { width: 200px; height: 116px; max-width: none; max-height: none; }
.gz-bg { fill: none; stroke: var(--r); stroke-width: 14; stroke-linecap: round; opacity: .85; }
.gz-up { fill: none; stroke: var(--g); stroke-width: 14; stroke-linecap: round; transition: stroke-dasharray .8s cubic-bezier(.22,1,.36,1); }
.gz-needle { stroke: #fff; stroke-width: 3; stroke-linecap: round; }
.gz-hub { fill: #fff; }
.ixd-gauge b { margin-top: -6px; font: 900 34px/1 Inter, sans-serif; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.ixd-gauge > span { font: 600 13px/1.3 Inter, sans-serif; color: var(--t2); }
.ixd-moodn { display: flex; justify-content: space-between; margin-top: 12px; font: 700 13px/1 Inter, sans-serif; }
.ixd-faces { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }
.ixd-faces > div { display: flex; flex-wrap: wrap; gap: 4px; align-content: flex-start; padding: 8px; border-radius: 12px; background: var(--bg1); border: 1px solid #1A1F2C; min-height: 42px; }
.ixd-faces > div.up { border-color: rgba(48,191,115,.25); } .ixd-faces > div.dn { border-color: rgba(240,61,61,.25); }
.ixd-faces img { width: 24px; height: 24px; border-radius: 50%; background: #1F2535; object-fit: cover; }
.ixd-across h3 { font-size: 14px; }
.ixd-across.dn { border-color: rgba(240,61,61,.35); } .ixd-across.up { border-color: rgba(48,191,115,.35); }
.ixd-across .ac { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; margin-top: 12px; }
.ixd-across .ac > div > span { display: block; font-size: 11.5px; color: var(--t3); }
.ixd-across .ac b { display: block; font: 900 24px/1.1 Inter, sans-serif; font-variant-numeric: tabular-nums; }
.ixd-across .ac em { display: block; font-style: normal; font: 600 12px/1.2 Inter, sans-serif; }
.ixd-across .ac i { display: block; margin-top: 8px; height: 5px; border-radius: 5px; background: var(--r); position: relative; overflow: hidden; }
.ixd-across .ac i::before { content: ''; position: absolute; inset: 0 auto 0 0; width: var(--up); background: var(--g); }
.ixd-across .ac small { display: block; margin-top: 6px; font-size: 11px; color: var(--t3); }
.ixd-across .arr { color: var(--t3); }
.ixd-across p { margin: 10px 0 0; font: 600 13px/1.4 Inter, sans-serif; color: #E9ECF3; }
.ixd-period .ph { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; font-size: 13px; }
.ixd-period .ph b { color: #fff; font-weight: 800; } .ixd-period .ph em { font-style: normal; font-weight: 700; font-variant-numeric: tabular-nums; }
.ixd-period .ph span { margin-left: auto; } .ixd-period .ph i { font-style: normal; font-weight: 700; margin-left: 6px; }
.ixd-period .pr { width: 100%; display: grid; grid-template-columns: 26px 1fr auto; gap: 10px; align-items: center; padding: 6px; border-radius: 10px; background: none; border: 0; cursor: pointer; text-align: left; color: #E9ECF3; font: 600 13px/1.2 Inter, sans-serif; }
.ixd-period .pr:hover { background: var(--bg3); }
.ixd-period .pr img { width: 26px; height: 26px; border-radius: 50%; background: #1F2535; object-fit: cover; }
.ixd-period .pr span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ixd-period .pr i { font-style: normal; font-weight: 800; }

/* bottom row */
.ixd-bottom { display: grid; gap: 14px; margin-top: 14px; }
@media (min-width: 1100px) { .ixd-bottom { grid-template-columns: minmax(0, 1fr) 360px; } }
.ixd-filters { display: flex; flex-wrap: wrap; gap: 6px; }
.ixd-filters button { padding: 7px 11px; border-radius: 10px; font: 600 12.5px/1 Inter, sans-serif; color: var(--t2); background: var(--bg1); border: 1px solid #1A1F2C; cursor: pointer; }
.ixd-filters button[aria-pressed="true"] { color: #fff; background: #1F2535; border-color: #2A3245; }
.ixd-tablewrap { margin-top: 12px; overflow-x: auto; overflow-y: visible; border-radius: 12px; }
.ixd-table { width: 100%; min-width: 760px; border-collapse: collapse; font-size: 13px; }
.ixd-table th { background: #10141D; text-align: left; padding: 10px; font: 700 11px/1 Inter, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--t3); border-bottom: 1px solid var(--line); }
.ixd-table td { padding: 10px; border-bottom: 1px solid #161B26; color: #E9ECF3; vertical-align: middle; }
.ixd-table tr[data-call] { cursor: pointer; transition: background .15s; }
.ixd-table tr[data-call]:hover { background: #121722; }
.ixd-table tr.focus { background: #17203A; box-shadow: inset 3px 0 0 #2767E5; }
.ixd-table .who { display: flex; align-items: center; gap: 10px; min-width: 180px; }
.ixd-table .who img { width: 32px; height: 32px; border-radius: 50%; background: #1F2535; object-fit: cover; flex: none; }
.ixd-table .who b { display: block; font-weight: 700; white-space: nowrap; } .ixd-table .who small { display: block; margin-top: 2px; color: var(--t3); font-size: 11.5px; white-space: nowrap; }
.ixd-table .dir { font-weight: 700; white-space: nowrap; }
.ixd-table .q { color: var(--t2); max-width: 340px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ixd-table .num { font-variant-numeric: tabular-nums; white-space: nowrap; font-weight: 600; }
.ixd-table .vd { font: 700 11px/1 Inter, sans-serif; padding: 5px 7px; border-radius: 7px; white-space: nowrap; }
.vd.open { color: var(--y); background: rgba(245,204,59,.1); } .vd.ok { color: var(--g); background: rgba(48,191,115,.1); } .vd.bad { color: var(--r); background: rgba(240,61,61,.1); }
.vd.warn { color: #F0A93B; background: rgba(240,169,59,.1); } .vd.na { color: var(--t3); background: #161B26; }
.ixd-table .lnk a { color: var(--t2); text-decoration: none; padding: 6px 8px; border-radius: 8px; } .ixd-table .lnk a:hover { color: #fff; background: #1F2535; }
.ixd-board { display: grid; gap: 4px; margin-top: 10px; }
.ixd-board .bd { display: grid; grid-template-columns: 18px 34px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px 6px; border-radius: 12px; text-decoration: none; transition: background .15s; }
.ixd-board .bd:hover { background: var(--bg3); }
.ixd-board .n { font: 700 12px/1 Inter, sans-serif; color: var(--t3); text-align: center; }
.ixd-board img { width: 34px; height: 34px; border-radius: 50%; background: #1F2535; object-fit: cover; }
.ixd-board .nm b { display: block; font: 700 13.5px/1.2 Inter, sans-serif; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ixd-board .nm small { display: block; margin-top: 2px; font-size: 11.5px; color: var(--t3); }
.ixd-board .rk { --r: 50; width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; font: 800 13px/1 Inter, sans-serif; color: #fff;
  background: radial-gradient(closest-side, #11141B 78%, transparent 80% 100%), conic-gradient(#A78BFA calc(var(--r) * 1%), #1F2535 0); }

/* discussion slot */
#ixp-discussion { margin-top: 14px; }
@media (prefers-reduced-motion: reduce) { .ixd-dot { animation: none; opacity: 1; } .ixd-live i { animation: none; } }
.ixd-sub { display: block; margin-top: 4px; font-size: 12.5px; color: var(--t3); }
.ixd-all { display: inline-block; margin-top: 12px; font: 700 13.5px/1 Inter, sans-serif; color: #A78BFA; text-decoration: none; }
.ixd-all:hover { color: #fff; }
.ixd-colL { display: grid; gap: 14px; align-content: start; min-width: 0; }
@media (min-width: 1100px) { .ixd-grid { align-items: start; } .ixd-side { position: sticky; top: 88px; } }

.ixd-moreb { display: block; width: 100%; margin-top: 12px; padding: 12px; border-radius: 12px; font: 700 13.5px/1 Inter, sans-serif; color: #E9ECF3; background: #151924; border: 1px solid #1F2535; cursor: pointer; }
.ixd-moreb:hover { background: #1A2030; }