.liquidation-workspace{min-width:0}.liquidation-workspace .heading{margin-bottom:14px}.sample-notice{display:flex;align-items:center;gap:9px;padding:11px 14px;background:#162b30;border:1px solid #33545a;border-radius:8px;color:#adc9cc;font-size:11px;margin-bottom:20px}.sample-dot{width:6px;height:6px;border-radius:50%;background:#94cfc1;flex-shrink:0}.period-line{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.period-line>span{font-size:10px;color:var(--muted)}.liquidation-summary{grid-auto-rows:auto!important;gap:16px}.liquidation-summary>div{text-align:center;min-width:0}.liquidation-summary label{height:auto!important}.liquidation-summary strong{font-size:23px;line-height:1.5!important;height:auto!important;margin:7px 0}.liquidation-summary small{display:block;font-size:10px;color:var(--muted);line-height:1.6}.long-color{color:#e59a9a}.short-color{color:#8dbdf0}.long-fill{background:#bc7d81}.short-fill{background:#6796c0}.liquidation-workspace .panel{margin-bottom:18px;padding:20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-head h2{font-size:16px;margin:0}.section-head p{font-size:11px;color:var(--muted);margin:7px 0 0;line-height:1.7}.chart-legend{display:flex;gap:14px;font-size:10px;white-space:nowrap;color:#a8bece}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:7px;height:7px;border-radius:2px}.dominance{display:flex;height:7px;overflow:hidden;border-radius:4px}.share-label{display:flex;justify-content:space-between;font-size:10px;margin:9px 0 15px}.liquidation-chart{display:grid;grid-template-columns:repeat(var(--bars),minmax(0,1fr));gap:8px}.time-bar{min-width:0;padding:6px 4px;border:1px solid transparent;background:transparent}.time-bar:hover{background:transparent;border-color:transparent;filter:none}.bar-plot{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:168px;border-bottom:1px solid #395362;gap:8px}.bar-plot b{font-size:10px;font-variant-numeric:tabular-nums;font-weight:500;color:#cbdce7;white-space:nowrap}.bar-stack{display:flex;flex-direction:column;width:100%;max-width:48px;border-radius:4px 4px 0 0;overflow:hidden;min-height:1px}.bar-stack i{display:block;min-height:0}.bar-time{display:block;margin-top:9px;font-size:10px;color:var(--muted)}.chart-foot{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;line-height:1.7;border-top:1px solid var(--line);padding-top:14px;margin-top:18px}.coin-ranking{display:grid;grid-template-columns:1fr 1fr;gap:8px 30px}.rank-row{display:flex;gap:14px;align-items:center;padding:14px 10px;background:transparent;border:1px solid transparent;text-align:left;min-width:0}.rank-row:hover{background:transparent;border-color:transparent;filter:none}.rank-number{font-size:12px;color:#6e8a9c}.rank-body{flex:1;min-width:0}.rank-top{display:flex;justify-content:space-between;gap:10px;font-size:13px}.rank-top b span{color:#77bea8;margin-left:4px}.rank-top strong{font-weight:500}.rank-top small{font-size:9px;color:var(--muted)}.rank-track{display:flex;height:5px;margin:10px 0 6px;background:#0c1923;overflow:hidden;border-radius:3px}.rank-meta{font-size:10px;color:var(--muted)}.event-tools{display:flex;gap:12px;align-items:center}.list-caption{display:flex;justify-content:space-between;align-items:center;margin:16px 0 12px;font-size:11px;color:var(--muted)}.list-caption label{display:flex;align-items:center;gap:8px}.list-caption select{background:#142633;border:1px solid #344d5d;border-radius:7px;color:#dbe9f1;padding:8px;width:140px;font-size:11px}.event-table-wrap table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.event-table-wrap th,.event-table-wrap td{text-align:right;padding:14px 8px;border-bottom:1px solid #263c49}.event-table-wrap th{font-size:10px;font-weight:500;color:var(--muted);background:#0e1b26;border-top:1px solid var(--line)}.event-table-wrap th:nth-child(-n+3),.event-table-wrap td:nth-child(-n+3){text-align:left}.open-coin{border:0;background:transparent;color:#b0e2d1;padding:0;font-weight:600}.open-coin span{margin-left:5px;color:#7eb4a6}.side-tag{font-size:10px;padding:3px 6px;border:1px solid #394956;border-radius:4px}.time-filter{padding:10px 12px;background:#19332e;border:1px solid #386454;border-radius:7px;margin-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#b4e6d4}.time-filter[hidden]{display:none}.time-filter button{font-size:10px}.empty-message{text-align:center;padding:30px;color:var(--muted);font-size:12px}#eventsPanel{scroll-margin-top:16px}#eventCards{display:none}.method-note{font-size:11px;line-height:1.9;color:var(--muted);margin:22px 0}.method-note summary{cursor:pointer;color:#b8d1db}.method-note a{color:#96d8c0}.coin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.coin-stats>div{padding:14px 5px;text-align:center;background:#142633;border:1px solid #2b4351;border-radius:8px}.coin-stats b,.coin-stats small{display:block}.coin-stats small{font-size:10px;color:var(--muted)}.coin-stats b{font-size:19px;margin:8px 0}.detail-event{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #2b4050;font-size:11px}.detail-event time{color:var(--muted)}#coinDetail h3{font-size:14px}#closeDetail{background:transparent;border:0;font-size:20px}#mobileMenu{position:fixed;inset:0 auto 0 0;margin:0;height:100dvh;max-height:none}.source-switch{max-width:100%;overflow-x:auto}.source-switch button{flex-shrink:0}.monitor-tabs>a{font-weight:600;border-bottom:2px solid transparent}.monitor-tabs>a.active{border-bottom-color:var(--mint)}
@media(max-width:720px){.monitor-tabs{gap:18px;font-size:11px}.liquidation-workspace .heading{display:block}.liquidation-workspace .eyebrow{display:block;font-size:11px}.preview-badge{display:inline-block;margin-top:7px}.sample-notice{font-size:10px;line-height:1.7;padding:10px}.period-line{display:block}.period-line>span{display:block;margin-top:10px;font-size:9px}.period-line .tabs{display:flex}.period-line .tabs button{flex:1;min-height:38px}.liquidation-summary{padding:10px;gap:8px}.liquidation-summary>div{padding:12px 5px;background:#142633;border:1px solid #2b4351;border-radius:9px}.liquidation-summary label{font-size:9px}.liquidation-summary strong{font-size:17px}.liquidation-summary small{font-size:9px;min-height:29px}.liquidation-workspace .panel{padding:16px 12px}.section-head{display:block;margin-bottom:16px}.section-head h2{font-size:15px}.section-head p{font-size:10px}.chart-legend{margin-top:12px}.liquidation-chart{gap:3px}.time-bar{padding:6px 1px}.bar-plot b,.bar-time{font-size:9px}.bar-plot{height:165px}.chart-foot{display:block;font-size:9px}.chart-foot span{display:block}.coin-ranking{grid-template-columns:1fr;gap:2px}.rank-row{padding:12px 2px;gap:10px}.event-tools{display:flex;flex-wrap:wrap;gap:10px}.event-tools .tabs{width:100%;display:flex}.event-tools .tabs button{flex:1;min-height:38px}.event-tools .search{box-sizing:border-box;width:100%;margin:0;min-height:40px}.event-tools .search input{width:100%;min-width:0}.list-caption{font-size:10px}.list-caption select{width:128px;font-size:10px}.event-table-wrap{display:none}#eventCards{display:block}.event-card{padding:15px 0 10px;border-top:1px solid #2b4050}.event-card>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.event-card>div:nth-child(2){margin-top:10px}.event-card strong{font-size:15px}.event-card small{font-size:9px;color:var(--muted)}.event-card time{font-size:10px;color:var(--muted)}.event-card p{text-align:right;font-size:9px;color:var(--muted);margin:13px 0 0}.method-note{font-size:10px}.coin-stats b{font-size:17px}}

.period-line #period{display:flex;flex-wrap:nowrap;white-space:nowrap;gap:3px}.period-line #period button{flex:1 1 0;min-width:0;white-space:nowrap}.coverage-note{color:#91aab8;font-size:11px;line-height:1.7;margin:0 0 14px}.sample-notice[data-connected=true] .sample-dot{background:#69ddbc}.sample-notice[data-connected=false] .sample-dot{background:#d7ba7d}@media(max-width:720px){.period-line #period{width:100%;box-sizing:border-box}.period-line #period button{padding:8px 4px;font-size:12px}.coverage-note{font-size:10px}.sample-notice{align-items:flex-start}.sample-dot{margin-top:5px}}

.time-bar:disabled{opacity:.45;cursor:default}.time-bar:disabled:hover{background:transparent;border-color:transparent}

/* Consistent long/short colors and incoming-event feedback. */
.liquidation-workspace{--liq-long:#e59a9a;--liq-short:#8dbdf0}
.long-color{color:var(--liq-long,#e59a9a)}.short-color{color:var(--liq-short,#8dbdf0)}
.long-fill{background:#bc7d81}.short-fill{background:#6796c0}
.bar-stack .short-fill{border-bottom:1px solid #101c28;box-sizing:border-box}
.chart-legend{font-size:11px;font-weight:600}.chart-legend i{width:10px;height:10px}
.side-tag.long-color{background:#35262d;border-color:#785157}.side-tag.short-color{background:#1b2d41;border-color:#466789}
.update-notice{min-height:18px;margin:-6px 0 16px;padding:7px 10px;border-radius:6px;color:#b8d9cd;font-size:11px;line-height:1.7;font-variant-numeric:tabular-nums}
.liquidation-summary>div{border-radius:8px}.liquidation-summary strong{font-variant-numeric:tabular-nums}
[data-flash-tone]{--flash-color:111,230,185}[data-flash-tone=long]{--flash-color:188,125,129}[data-flash-tone=short]{--flash-color:103,150,192}
.live-flash{animation:incoming-highlight 1.8s ease-out}
@keyframes incoming-highlight{0%,20%{background-color:rgba(var(--flash-color),.23);box-shadow:inset 3px 0 rgb(var(--flash-color))}100%{background-color:rgba(var(--flash-color),0);box-shadow:inset 3px 0 transparent}}
.open-coin{position:relative}.event-new .open-coin::after{content:'NEW';display:inline-block;margin-left:7px;color:#c5f9e5;font-size:8px;letter-spacing:.4px;vertical-align:middle}
.rank-track{height:7px}.rank-row{border-radius:7px}.time-bar{border-radius:6px}
@media(max-width:720px){.update-notice{font-size:10px;margin-bottom:12px}.event-card{border-radius:6px}.chart-legend{font-size:10px}}
@media(prefers-reduced-motion:reduce){.live-flash{animation:none;box-shadow:inset 3px 0 rgb(var(--flash-color))}}

/* Keep the live list columns independent of incoming symbols and NEW badges. */
.event-table-wrap table{table-layout:fixed}
.event-table-wrap th:nth-child(1){width:13%}.event-table-wrap th:nth-child(2){width:24%}.event-table-wrap th:nth-child(3){width:17%}.event-table-wrap th:nth-child(4){width:25%}.event-table-wrap th:nth-child(5){width:21%}
.event-table-wrap td{overflow-wrap:anywhere}
.open-coin{padding-right:30px;text-align:left;max-width:100%;overflow-wrap:anywhere}
.event-new .open-coin::after{position:absolute;right:0;top:50%;transform:translateY(-50%);margin:0;width:26px;text-align:center}
.event-card>div>.open-coin{flex:1;min-width:0}.event-card strong{flex-shrink:0;font-variant-numeric:tabular-nums}
/* Summary and charts respond through their values and bars, not panel flashes. */
.liquidation-summary>.live-flash,.time-bar.live-flash,.rank-row.live-flash{animation:none;box-shadow:none}
.liquidation-summary>.live-flash>strong,.rank-row.live-flash .rank-top strong{animation:value-update .7s ease-out}
.time-bar.live-flash .bar-stack{transform-origin:center bottom;animation:bar-update .8s ease-out}
.time-bar.live-flash .bar-plot b{animation:value-update .7s ease-out}
.rank-row.live-flash .rank-track{transform-origin:left center;animation:rank-update .8s ease-out}
@keyframes value-update{0%{transform:translateY(3px);opacity:.55}100%{transform:translateY(0);opacity:1}}
@keyframes bar-update{0%{transform:scaleY(.92)}100%{transform:scaleY(1)}}
@keyframes rank-update{0%{transform:scaleX(.95)}100%{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.liquidation-summary>.live-flash>strong,.rank-row.live-flash .rank-top strong,.time-bar.live-flash .bar-stack,.time-bar.live-flash .bar-plot b,.rank-row.live-flash .rank-track{animation:none;text-decoration:underline;text-underline-offset:4px}}

/* Funding-matched long red / short blue palette, with live value trails. */
.liquidation-summary strong{position:relative}
.liquidation-summary>.live-flash>strong::after{content:attr(data-previous);position:absolute;inset:0;pointer-events:none;animation:value-ghost 1.45s ease-out both;color:inherit;white-space:nowrap}
@keyframes value-ghost{0%{opacity:.65;transform:translateY(0);filter:blur(0)}70%{opacity:.15}100%{opacity:0;transform:translateY(-19px);filter:blur(2px)}}
.liquidation-summary>.live-flash>strong,.rank-row.live-flash .rank-top strong{animation:value-arrival 1.3s ease-out}
@keyframes value-arrival{0%{transform:translateY(5px);opacity:.6;text-shadow:0 0 14px currentColor}35%{opacity:1;text-shadow:0 0 10px currentColor}100%{transform:translateY(0);text-shadow:none}}
.time-bar,.rank-row{position:relative}
.time-bar.live-flash::after,.rank-row.live-flash::after{content:attr(data-inflow);position:absolute;right:4px;top:0;padding:2px 5px;border-radius:4px;background:#0b1925;color:rgb(var(--flash-color));font-size:9px;font-weight:600;white-space:nowrap;pointer-events:none;z-index:2;animation:inflow-trail 1.8s ease-out both}
.rank-row.live-flash::after{top:2px;right:10px}
@keyframes inflow-trail{0%{opacity:0;transform:translateY(8px)}20%,60%{opacity:1}100%{opacity:0;transform:translateY(-7px)}}
.time-bar.live-flash .bar-stack{animation:bar-trail 1.5s ease-out;overflow:visible}
@keyframes bar-trail{0%{transform:scaleY(.9);filter:drop-shadow(0 -7px 0 rgba(var(--flash-color),.3))}45%{transform:scaleY(1);filter:drop-shadow(0 -4px 4px rgba(var(--flash-color),.22))}100%{filter:drop-shadow(0 0 0 transparent)}}
@media(prefers-reduced-motion:reduce){.liquidation-summary>.live-flash>strong::after{display:none}.liquidation-summary>.live-flash>strong,.rank-row.live-flash .rank-top strong,.time-bar.live-flash .bar-stack{animation:none}.time-bar.live-flash::after,.rank-row.live-flash::after{animation:none}}

/* Stable popup columns and the selected coin's one-hour chart. */
#coinEvents .detail-event{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:center;padding:12px 4px;font-variant-numeric:tabular-nums;position:relative}
#coinEvents .detail-event>span{text-align:center;white-space:nowrap}#coinEvents .detail-event>b{text-align:right;white-space:nowrap}
#coinEvents .event-new time::after{content:'NEW';position:absolute;margin-left:5px;font-size:7px;color:#c5f9e5}
.coin-chart-panel{margin:18px 0 22px;padding:14px 10px;border:1px solid #2b4351;border-radius:8px;background:#0d1a25}
.coin-chart-panel h3{margin:0 0 8px}.coin-chart-panel .chart-legend{margin:0}.coin-chart-note{font-size:9px;color:var(--muted);margin:8px 0}
.coin-chart{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.coin-chart-bin{min-width:0;text-align:center}.coin-chart-plot{height:120px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;border-bottom:1px solid #344b5b}.coin-chart-plot small{font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap}.coin-chart-bin>time{display:block;margin-top:6px;font-size:9px;color:var(--muted)}.coin-chart .bar-stack{max-width:32px}
@media(max-width:420px){#coinDetail{padding:18px 12px}#coinEvents .detail-event{font-size:10px}.coin-chart-panel{padding:12px 8px}.coin-chart-plot small,.coin-chart-bin>time{font-size:8px}}

#coinRatio{margin-top:16px;height:8px;background:#1d3040}#coinRatio>span{transition:width .65s ease-out}#coinRatio[hidden],#coinRatioLabels[hidden]{display:none}#coinRatioLabels{margin-bottom:0}
@media(prefers-reduced-motion:reduce){#coinRatio>span{transition:none}}

#chartInspection{display:block;min-height:34px;font-variant-numeric:tabular-nums}.chart-foot{align-items:flex-start}

/* Subtle value-change tint, independent of pointer hover. */
.liquidation-summary>.live-flash,.time-bar.live-flash,.rank-row.live-flash{animation:soft-update-tint 1.8s ease-out;box-shadow:none}
.liquidation-summary>.live-flash>strong{animation:none}
.liquidation-summary>.live-flash>strong::after{display:none}
@keyframes soft-update-tint{0%,22%{background-color:rgba(var(--flash-color),.1)}100%{background-color:transparent}}
@media(max-width:720px){.liquidation-summary>.live-flash{animation-name:soft-card-tint}}
@keyframes soft-card-tint{0%,22%{background-color:rgba(var(--flash-color),.13)}100%{background-color:#142633}}
@media(prefers-reduced-motion:reduce){.liquidation-summary>.live-flash,.time-bar.live-flash,.rank-row.live-flash{animation:none;background-color:rgba(var(--flash-color),.08)}}

.liquidation-update{display:flex;justify-content:flex-end;align-items:center;gap:6px;text-align:right;color:var(--muted);font-size:10px;line-height:1.6;margin:0 0 7px;font-variant-numeric:tabular-nums}
.liquidation-update::before{content:'';width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#8295a4}
.liquidation-update[data-stale=true]::before{background:#d7ba7d}
.liquidation-workspace>.coverage-note{margin-bottom:9px}
@media(max-width:720px){.liquidation-update{font-size:9px;gap:5px}.liquidation-workspace>.update-notice{margin-top:0}}

/* Compact, stable mobile trade cards. */
@media(max-width:720px){
 #eventsPanel .event-tools{gap:10px}#eventsPanel .event-tools .tabs{padding:3px}
 #eventsPanel .event-tools .tabs button{min-width:0;padding:8px 6px;font-size:12px;min-height:40px}
 #eventsPanel .event-tools .search{height:42px;padding:8px 11px}#eventsPanel .event-tools .search input{font-size:13px}
 #eventsPanel .list-caption{gap:8px;flex-wrap:wrap;margin:14px 0 10px;line-height:1.5}
 #eventsPanel .list-caption label{margin-left:auto;gap:5px}#eventsPanel .list-caption select{min-height:38px;width:124px}
 #eventCards{display:grid;gap:8px}
 #eventCards .event-card{padding:12px;border:1px solid #293e4e;border-radius:9px;background:#10212e;font-variant-numeric:tabular-nums}
 #eventCards .event-card-head{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:10px;align-items:center}
 #eventCards .open-coin{display:block;width:100%;min-width:0;max-width:100%;padding:4px 28px 4px 0;font-size:13px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
 #eventCards .event-card-head strong{font-size:16px;line-height:24px;text-align:right;white-space:nowrap;letter-spacing:-.25px}
 #eventCards .event-card-head small{font-size:9px;font-weight:400;letter-spacing:0}
 #eventCards .event-card-meta{margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:8px}
 #eventCards .side-tag{display:inline-flex;padding:3px 7px;font-size:10px;line-height:16px}
 #eventCards time{font-size:11px;white-space:nowrap;color:#a9bdce}
 #eventCards time small{font-size:9px;margin-left:2px}
 #eventCards .event-card-price{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:9px;color:var(--muted);font-size:10px;line-height:16px}
 #eventCards .event-card-price>span:last-child{text-align:right;overflow-wrap:anywhere}
 #eventCards .event-card-price>span:first-child{flex-shrink:0}#eventCards .event-card-price small{font-size:9px}
 #eventsPanel .load-row{margin-top:14px}#eventsPanel #more{width:100%;min-height:42px;font-size:12px}
}