/* Shared compact surfaces for session events, rules and market controls. */
.mode-switch{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:6px;flex-shrink:0}.mode-switch button{height:26px;padding:0 9px;border:0;border-radius:4px;color:var(--muted);background:transparent;font-size:11px;cursor:pointer}.mode-switch button.on{color:var(--text);background:var(--surface-active);box-shadow:inset 0 0 0 1px var(--accent)}
.mini-head{flex-wrap:wrap;row-gap:4px}.mini-left{flex-wrap:wrap;min-width:0}.mini-timeframes{display:flex;flex-wrap:wrap;gap:3px}.mini-timeframes button{min-width:25px;padding:0 5px;height:27px;font-size:10px}.mini-timeframes button.on{border-color:var(--accent)}.mini-metrics{position:static;padding:4px 7px;border-bottom:1px solid var(--line)}
.alert-line-handle{position:absolute;left:0;height:14px;z-index:5;padding:0 5px;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:#FFA500!important;text-align:right;font:10px var(--font-mono);cursor:ns-resize;touch-action:none;line-height:14px}.alert-line-handle:hover,.alert-line-handle:focus-visible{background:#ffa50018!important;outline:1px dashed #ffa50066;outline-offset:0}.alert-line-handle:active{background:#ffa50024!important}
#eventToasts{position:fixed;right:16px;bottom:40px;z-index:10030;display:flex;flex-direction:column;gap:9px;width:min(340px,calc(100vw - 32px));pointer-events:none}.event-toast{position:relative;overflow:hidden;pointer-events:auto;padding:13px 14px 17px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--glass) 94%,transparent);box-shadow:0 8px 24px #0005;backdrop-filter:blur(14px);animation:toast-entry .2s ease-out,toast-exit .3s ease-in 8s forwards}.event-toast>div{display:flex;align-items:center;gap:9px}.event-toast button{margin-left:auto;border:0;background:transparent;color:var(--muted);cursor:pointer}.event-toast p{margin:9px 0 3px;color:var(--text);font-size:12px;line-height:1.5}.event-toast strong{font:600 20px var(--font-mono);color:var(--up)}.event-toast.negative strong{color:var(--down)}.event-toast i{position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--accent);transform-origin:left;animation:toast-countdown 8s linear forwards}.event-toast.negative i{background:var(--down)}
@keyframes toast-countdown{to{transform:scaleX(0)}}@keyframes toast-entry{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-exit{to{opacity:0;transform:translateX(15px)}}
#viewEvents{flex:1;min-height:0;overflow:auto;padding:18px 20px;background:var(--bg1);border:1px solid var(--line);border-radius:8px}#viewEvents[hidden]{display:none}.event-page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 17px}.event-page-heading h2{margin:4px 0;font-size:22px;letter-spacing:-.5px}.event-page-heading small,.event-help,#viewEvents>p{color:var(--muted);font-size:12px;line-height:1.7}.event-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}.event-tags button,.event-page-heading button,.event-rule button,.event-level-list button{height:30px;padding:0 11px;border:1px solid var(--line);border-radius:5px;background:var(--glass);color:var(--text);cursor:pointer;font-size:12px}.event-tags button.on{border-color:var(--accent);color:var(--accent);background:var(--surface-active)}.event-rule-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:18px 0 28px}.event-rule{background:var(--glass);border:1px solid var(--line);border-radius:8px;padding:16px}.event-rule small{color:var(--muted)}.event-rule h3{font:600 17px var(--font-mono);margin:12px 0}.event-rule p{color:var(--accent);font-family:var(--font-mono)}.event-rule footer{display:flex;gap:5px;padding-top:10px;border-top:1px solid var(--line)}.event-rule footer button{width:32px;padding:0}.event-level-list article{display:flex;gap:20px;align-items:center;padding:12px;border-bottom:1px solid var(--line);font:12px var(--font-mono)}.event-level-list small{color:var(--muted);font-family:var(--font-ui)}.event-level-list article>div{margin-left:auto;display:flex;gap:5px}.listing-table{width:100%;border-collapse:collapse;font-size:12px}.listing-table th{text-align:left;color:var(--muted);font-weight:500;padding:12px 10px;border-bottom:1px solid var(--line)}.listing-table td{height:36px;padding:0 10px;border-bottom:1px solid var(--line);font-family:var(--font-mono)}.listing-table td:last-child,.listing-table th:last-child{text-align:right}.guide-tabs{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.guide-tabs button{padding:8px;border:1px solid var(--line);border-radius:5px;background:var(--glass);color:var(--muted);cursor:pointer}.guide-tabs button.on{color:var(--accent);border-color:var(--accent)}
@media(prefers-reduced-motion:reduce){.event-toast{animation:toast-exit .01s 8s forwards}.event-toast i{animation:toast-countdown 8s linear forwards}}
@media(max-width:1000px){.nav-views{gap:10px;overflow-x:auto}.nav-btn{white-space:nowrap;font-size:11px}.event-level-list article{flex-wrap:wrap;gap:9px}#viewEvents{padding:12px}}

/* Card anatomy: controls / a single metric rail / flexible canvas. */
:root{--ui-muted:#7E8B9E;--card-border:rgba(255,255,255,.08);--card-fill:linear-gradient(180deg,rgba(26,34,53,.65),rgba(17,24,39,.85))}
body{background:var(--bg1,#0B0F19)}
.mini-card{display:flex;flex-direction:column;border:1px solid var(--card-border);border-radius:9px;background:var(--card-fill);transition:border-color .15s,transform .15s,box-shadow .15s;container-type:inline-size}
.mini-card:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));transform:translateY(-1px);box-shadow:0 4px 18px #0003}
.mini-card .mini-head{flex:none;min-height:39px;padding:5px 7px;background:transparent;border-bottom:1px solid var(--card-border);overflow:visible}
.mini-card .mini-left{display:flex;flex-wrap:wrap;width:100%;gap:5px;align-items:center}
.mini-card .mini-sym{max-width:110px;flex:0 1 auto;padding:0;background:none;border-radius:0;font-weight:700;gap:5px}
.mini-card .mini-sym::after{content:none}.mini-card .mini-sym svg{width:19px;height:19px;flex:none}.mini-card .mini-sym small{font-size:9px;color:var(--ui-muted)}
.mini-card .mini-left-actions{display:flex;flex:none;margin-left:auto;gap:3px}.mini-card .mini-timeframes{display:flex;flex-wrap:wrap;gap:3px;flex:0 1 auto;max-width:100%;padding:0}
.mini-card .mini-timeframes button{height:26px;min-width:27px;padding:0 5px;font-size:10px;font-weight:600;border-radius:5px!important;background:#ffffff03;box-shadow:none}
.mini-card .mini-metrics{position:static!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));flex:none;flex-direction:row;align-items:stretch;justify-content:normal;width:auto;min-height:52px;margin:0;padding:7px 8px;gap:0;border-bottom:1px solid var(--card-border);background:transparent;pointer-events:auto}
.mini-card .mini-metrics-left{display:contents!important}.mini-card .mini-price{display:none!important}.mini-stat{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px;position:relative;padding:0 7px;border-left:1px solid var(--card-border)}.mini-stat:first-child{border-left:0;padding-left:0}
.mini-stat>small{display:block;color:var(--ui-muted);font:600 9px/1.1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.mini-card .mini-stat>strong{font:700 clamp(12px,4.1cqi,17px)/1.15 var(--font-mono);letter-spacing:-.55px;white-space:nowrap;color:var(--text);background:none;padding:0;margin:0;border:0;border-radius:0;order:0}
.mini-card .mini-stat>.mini-change.pos{color:var(--up);text-shadow:0 0 12px color-mix(in srgb,var(--up) 20%,transparent)}.mini-card .mini-stat>.mini-change.neg{color:var(--down)}
.mini-card .mini-metrics .mini-change::before,.mini-card .mini-metrics .mini-vol::before{content:none!important}
.mini-card .mini-body{flex:1 1 0;min-height:120px;overflow:hidden}.mini-card .mini-cv-wrap{flex:1;min-width:0;min-height:120px}.mini-card .mini-tools{background:#ffffff02}.mini-card .mini-tools button{box-shadow:none;background:transparent;border-color:transparent}
.metric-meter{display:block;height:2px;margin-top:0;position:absolute;bottom:-4px;left:7px;right:0;background:#ffffff0b;border-radius:2px;overflow:hidden}.metric-meter b{display:block;height:100%;width:0;background:var(--accent);border-radius:inherit;transition:width .25s}
.nav-btn.on,.scr-btn.on,.seg button.on,.mini-card .mini-timeframes button.on,.event-tags button.on,.guide-tabs button.on{color:var(--text);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--glass));box-shadow:0 0 12px color-mix(in srgb,var(--accent) 32%,transparent),inset 0 1px 0 #ffffff10}
.event-rule,.event-level-list article,.guide-dialog section,.event-summary-card,.radar-stat{border:1px solid var(--card-border);background:var(--card-fill);border-radius:8px;backdrop-filter:blur(8px)}
.event-rule,.event-level-list article{transition:transform .15s,border-color .15s}.event-rule:hover,.event-level-list article:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.event-rule h3{font-size:18px;font-weight:700}.event-rule .rule-value{font:700 24px var(--font-mono);color:var(--text)}.event-rule .rule-unit{font:500 10px Inter;color:var(--ui-muted);margin-left:6px}.event-rule small{font:600 10px Inter;text-transform:uppercase;letter-spacing:.04em}
.event-level-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:9px}.event-level-list article{display:grid;grid-template-columns:1fr auto;padding:14px;gap:10px}.event-level-list article>span{font:700 18px var(--font-mono)}.event-level-list article>div{margin:0;justify-content:flex-end}.status-dot{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;background:var(--ui-muted);vertical-align:middle}.status-dot.live{background:var(--up);box-shadow:0 0 9px color-mix(in srgb,var(--up) 55%,transparent);animation:signal-pulse 2s ease-in-out infinite}.status-dot.paused{background:#F59E0B;box-shadow:0 0 7px #F59E0B44}.status-chip{display:inline-flex;gap:7px;align-items:center;padding:5px 8px;font:600 10px Inter;color:var(--ui-muted);border:1px solid var(--card-border);border-radius:5px;width:max-content}
.event-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0 20px}.event-summary-card{padding:12px 15px;display:flex;align-items:center;gap:12px}.event-summary-card b{font:700 24px var(--font-mono)}.event-summary-card small{font:600 10px Inter;color:var(--ui-muted);text-transform:uppercase}.event-help{display:none}.event-badges{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.event-badges span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--card-border);border-radius:5px;padding:6px 9px;font:600 10px Inter;color:var(--ui-muted)}
.event-toast{cursor:pointer}.event-toast .toast-chart-link{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:transparent;z-index:1;cursor:pointer}.event-toast .toast-chart-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.event-toast>div button{position:relative;z-index:2;width:24px;height:24px;display:grid;place-items:center;padding:0}.event-toast strong{font-size:22px;font-weight:700}.event-toast>div>b{font:700 14px var(--font-mono)}.event-toast p{font-size:11px;color:var(--ui-muted)}
.guide-dialog{width:min(760px,calc(100vw - 24px))}.guide-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.guide-dialog section{padding:15px!important;margin:0}.guide-dialog section h3{display:flex;align-items:center;gap:9px;font-size:13px}.guide-dialog section p{font-size:11px;line-height:1.5;margin-bottom:0}.guide-icon{color:var(--accent);font:700 18px var(--font-mono)}.guide-dialog kbd{display:inline-flex;min-height:27px;align-items:center;padding:0 9px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:5px;background:var(--surface-active);font:700 12px var(--font-mono);color:var(--text)}.radar-legend{display:flex;gap:7px;flex-wrap:wrap}.radar-legend span{font:600 10px Inter;letter-spacing:.04em;display:flex;align-items:center;gap:6px;padding:7px;border:1px solid var(--card-border);border-radius:5px}.radar-legend .bid{color:#22D3EE}.radar-legend .ask{color:#F59E0B}.radar-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.radar-stat{padding:11px}.radar-stat b{display:block;font:700 17px var(--font-mono);margin-top:5px;color:var(--text)}.radar-stat small{font:600 10px Inter;color:var(--ui-muted);text-transform:uppercase}
@keyframes signal-pulse{50%{box-shadow:0 0 3px color-mix(in srgb,var(--up) 25%,transparent)}}
@container(max-width:340px){.mini-card .mini-timeframes button{min-width:23px;padding:0 4px}.mini-card .mini-sym{max-width:90px}.mini-stat{padding:0 5px}.mini-stat>small{font-size:8px}}
@media(max-width:600px){.event-summary-card{padding:10px;gap:7px;flex-wrap:wrap}.event-summary-card b{font-size:20px}.guide-card-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mini-card,.event-rule,.event-level-list article,.metric-meter b{transition:none}.mini-card:hover,.event-rule:hover,.event-level-list article:hover{transform:none}.status-dot.live{animation:none}}
.event-rule>.status-chip{float:right;padding:5px;border:0}.event-rule>small{display:block;padding-top:4px}.event-level-list .status-chip{border:0;padding:0;color:var(--ui-muted)}
.mini-metrics-left .mini-stat{border-left:0;padding-left:0}
.listing-table tbody tr:hover{background:#ffffff04}.listing-table td{height:43px}.listing-table .listing-symbol{display:inline-flex;align-items:center;gap:8px;font-weight:700}.exchange-badge{padding:4px 7px;border:1px solid var(--card-border);border-radius:4px;font:600 10px Inter;color:var(--text)}
#notificationList{display:flex;flex-direction:column;gap:7px}#notificationList li{border:1px solid var(--card-border);border-radius:7px;background:var(--card-fill);padding:12px;align-items:center}#notificationList li b{color:var(--text);font-size:12px}#notificationList li span{font:11px Inter;line-height:1.5}
.radar-list .radar-order{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;width:100%;padding:10px;border:1px solid var(--card-border);background:var(--card-fill);border-radius:7px;text-align:left}.radar-order strong{font:700 16px var(--font-mono);color:var(--text)}.radar-order b{font:700 12px var(--font-mono);color:var(--text)}.radar-order small{font:700 10px Inter}.radar-order .bid{color:#22D3EE}.radar-order .ask{color:#F59E0B}.radar-order span{font:11px var(--font-mono);text-align:right;color:var(--ui-muted)}

/* Compact chips overlay the canvas without taking candle height. */
.mini-card .mini-metrics{position:absolute!important;top:45px!important;left:8px!important;right:auto!important;bottom:auto!important;width:max-content;max-width:calc(100% - 90px);min-height:0;display:flex!important;flex-direction:column;align-items:flex-start;gap:3px;margin:0;padding:0;border:0;background:none;pointer-events:none;z-index:3}
.mini-card .metric-chip{display:inline-flex;flex-direction:row;align-items:baseline;gap:4px;padding:2px 6px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:6px;background:rgba(14,23,38,.75);backdrop-filter:blur(10px);min-width:0;min-height:0;line-height:1.2}
.mini-card .metric-chip>small{font:500 9px/1.25 Inter,sans-serif;letter-spacing:0;text-transform:none;color:#9AA9BB}.mini-card .metric-chip>strong{font:600 10px/1.25 var(--font-mono);letter-spacing:0;font-variant-numeric:tabular-nums;color:#E1E4EA}.mini-card .metric-chip>strong.pos{color:#00F59B}.mini-card .metric-chip>strong.neg{color:#FF3B69}
.mini-card:not(.in-chart-overlay) .mini-tools{display:none!important}.mini-card.in-chart-overlay .mini-tools{display:flex!important}.chart-key-hints{display:none}.in-chart-overlay .chart-key-hints{display:flex;align-items:center;flex-wrap:wrap;flex:none;gap:5px;padding:6px 12px;border-bottom:1px solid var(--card-border);font:10px Inter;color:var(--muted)}.chart-key-hints kbd{font:600 10px var(--font-mono);border:1px solid var(--line);border-radius:4px;padding:2px 4px;margin-left:7px;color:var(--text)}.mini-card.in-chart-overlay .mini-metrics{top:90px!important;left:62px!important}.in-chart-overlay .metric-chip>strong{font-size:11px}
.coin-avatar{display:inline-grid;position:relative;width:20px;height:20px;flex:0 0 20px;vertical-align:middle;border-radius:50%;overflow:hidden}.coin-avatar>svg,.coin-avatar>img{grid-area:1/1;width:20px!important;height:20px!important}.coin-avatar>img{position:absolute;inset:0;background:var(--glass);border-radius:50%}.venue-logo{width:19px;height:19px;vertical-align:middle;flex:none}.venue-brand{display:inline-flex;align-items:center;margin-right:-4px}.exchange-badge{display:inline-flex;align-items:center;gap:5px}.exchange-badge .venue-logo{width:13px;height:13px}
.global-tf-control{display:inline-flex;align-items:center;gap:7px;margin-left:auto;color:var(--muted);font:10px Inter;white-space:nowrap}.global-tf-control select{height:29px;border:1px solid var(--accent);border-radius:6px;background:var(--surface-active);color:var(--text);font:600 11px var(--font-mono);padding:0 7px;cursor:pointer}
#scalperEventSettings fieldset{border:1px solid var(--card-border);border-radius:8px;padding:12px;margin:12px 0;background:var(--card-fill)}#scalperEventSettings legend{font:600 11px Inter;color:var(--text)}.event-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}#scalperEventSettings .checkbox-label{display:flex;flex-direction:row;align-items:center;gap:8px}#scalperEventSettings input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent)}#scalperEventSettings .config-status{margin-left:8px;color:var(--muted);font-size:10px}
.market-mode-loading{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;gap:14px;background:#070b14c9;backdrop-filter:blur(10px);animation:chart-reveal .18s ease-out}.market-mode-loading[hidden]{display:none}.market-mode-loading b{font:500 13px Inter;color:#E1E4EA}.market-loader-spinner{width:24px;height:24px;border:2px solid #ffffff18;border-top-color:var(--accent);border-radius:50%;animation:market-spin .8s linear infinite}@keyframes market-spin{to{transform:rotate(360deg)}}.event-level-list[hidden],.event-page-heading[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.market-loader-spinner{animation:none}.market-mode-loading{animation:none}}

/* Layered controls remain above chart canvases, including native dialog top layers. */
.mini-head,.ctop{position:relative;z-index:9}.mini-left-actions,.favorite-flag{position:relative;z-index:11;pointer-events:auto!important}.flag-picker{z-index:14000!important;pointer-events:auto}.mini-cv-wrap canvas{position:relative;z-index:0}.mini-card .mini-head{overflow:visible}.clear-chart-button{display:inline-grid;place-items:center;width:25px;height:27px;padding:4px;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:5px;cursor:pointer;flex:none}.clear-chart-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}.clear-chart-button:hover{color:var(--down);border-color:var(--down)}
.nav-views>.nav-btn{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.nav-views>.nav-btn:hover{transform:translateY(-2px) scale(1.02);border-color:color-mix(in srgb,var(--accent) 65%,var(--line));box-shadow:0 4px 15px color-mix(in srgb,var(--accent) 15%,transparent)}
.row .pair{position:relative;padding-right:22px}.row-book-launch{position:absolute;right:0;top:50%;transform:translateY(-50%);height:22px;width:20px;padding:0;border:1px solid var(--line);border-radius:4px;background:var(--glass);color:var(--accent);cursor:pointer;font-size:15px}.row-book-launch:hover{border-color:var(--accent)}
.market-popover{position:fixed;inset:auto;margin:0;z-index:11000;width:min(380px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;border:1px solid var(--line);border-radius:9px;padding:0;color:var(--text);background:linear-gradient(160deg,var(--glass),var(--chart));box-shadow:0 18px 60px #0008;backdrop-filter:blur(10px)}.market-popover[open]{display:block;animation:chart-reveal .16s ease-out}.popover-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);font:700 12px var(--font-mono)}.popover-head button{border:0;background:none;color:var(--muted);font-size:20px;cursor:pointer}.book-state{font:10px Inter;color:var(--muted);padding:7px 10px}.book-columns,.book-level{display:grid;grid-template-columns:minmax(95px,1.2fr) minmax(85px,1fr) minmax(85px,1fr);column-gap:6px;padding:3px 10px;white-space:nowrap;text-align:right;font:11px/1.4 var(--font-mono);font-variant-numeric:tabular-nums}.book-columns{font:10px Inter;color:var(--muted);padding:6px 10px}.book-level{background:linear-gradient(to left,rgba(14,203,129,.1) var(--depth),transparent var(--depth))}.book-level.asks{background:linear-gradient(to left,rgba(255,59,105,.1) var(--depth),transparent var(--depth))}.book-level.bids span:first-child{color:var(--up)}.book-level.asks span:first-child{color:var(--down)}.book-spread{padding:6px 10px;border-block:1px solid var(--line);font:11px var(--font-mono);text-align:center;color:var(--accent)}.density-preview{width:min(440px,calc(100vw - 16px))}.density-preview .preview-card{height:280px;border:0;transform:none;container-type:normal}.preview-card .mini-timeframes{margin-left:auto}.alert-action-popover{position:fixed;z-index:14000;padding:5px;border:1px solid var(--line);border-radius:6px;background:var(--glass);box-shadow:0 6px 24px #0006}.alert-action-popover button{border:0;border-radius:4px;background:none;color:var(--down);padding:8px;cursor:pointer}
.radar-list .radar-order{grid-template-columns:22px minmax(64px,1fr) minmax(38px,.6fr) minmax(78px,1fr) minmax(52px,.7fr);gap:7px;font-variant-numeric:tabular-nums;white-space:nowrap}.radar-order strong,.radar-order>span:last-child{text-align:right}.radar-point text{paint-order:stroke;stroke-width:3px}.radar-detail{min-width:0;overflow:auto}.radar-list{min-width:360px}.radar-stat b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notice-ticker{display:inline-flex;gap:7px;align-items:center;background:transparent;border:0;color:var(--text);padding:0;cursor:pointer;font:700 12px var(--font-mono)}.notice-ticker:hover{color:var(--accent)}#notificationList li,.trigger-history article{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,2fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--card-border);border-radius:7px;background:var(--card-fill)}#notificationList time,.trigger-history time{font:10px var(--font-mono);color:var(--muted);white-space:nowrap}.trigger-history{margin-top:24px}.trigger-history article{margin-bottom:6px;font-size:12px}.trigger-history article>span{overflow-wrap:anywhere}
.knowledge-page{flex:1;min-height:0;overflow:auto;padding:22px;background:var(--bg1);border:1px solid var(--line);border-radius:8px}.knowledge-page[hidden]{display:none}.knowledge-page #guideBody{max-width:1100px;margin:0 auto}.knowledge-page .guide-card-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.knowledge-page .guide-card-grid section{padding:16px;background:var(--card-fill);border:1px solid var(--card-border);border-radius:8px}.knowledge-page .guide-card-grid h3{display:flex;align-items:center;gap:10px;font-size:13px}.knowledge-page p{color:var(--muted);font-size:12px;line-height:1.7}.hotkey-table{padding:18px 0}.hotkey-table>div{display:grid;grid-template-columns:230px 1fr;align-items:center;gap:20px;padding:8px;border-bottom:1px solid var(--line);font-size:12px}.hotkey-table kbd{width:max-content;max-width:100%;padding:5px 8px;border:1px solid var(--line);border-radius:5px;background:var(--surface-active);font:600 11px var(--font-mono);color:var(--accent)}
@media(max-width:700px){#notificationList li,.trigger-history article{grid-template-columns:1fr auto}#notificationList li>span,.trigger-history article>span{grid-column:1/-1;grid-row:2}.hotkey-table>div{grid-template-columns:150px 1fr;gap:10px}.knowledge-page{padding:12px}.radar-list{min-width:330px}}
@media(prefers-reduced-motion:reduce){.nav-views>.nav-btn{transition:none}.nav-views>.nav-btn:hover{transform:none}.market-popover[open]{animation:none}}
.radar-order b{overflow:hidden;text-overflow:ellipsis;min-width:0}.radar-list .radar-order{min-width:390px}.radar-list{overflow-x:auto}

/* SCALPCRYPTOO coin table: one fixed track map shared by header and rows. */
#viewCoins .tbl{--coin-tracks:26px 150px 150px 72px 60px 84px 92px minmax(76px,1fr);min-width:782px;width:100%}
#viewCoins .thead,#viewCoins .row{display:grid;grid-template-columns:var(--coin-tracks);gap:8px;align-items:center;min-width:782px;width:100%;height:38px;min-height:38px;margin:0;padding:0 8px;box-sizing:border-box;white-space:nowrap;transform:none!important}
#viewCoins .thead>span,#viewCoins .row>span{grid-column:auto!important;grid-row:auto!important;position:static;left:auto;top:auto;min-width:0;max-width:100%;margin:0;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}
#viewCoins .thead{position:sticky;top:0;z-index:12;background:var(--glass);font-size:10px;line-height:1.2}#viewCoins .thead>span{white-space:normal}#viewCoins .thead .num{justify-self:stretch;text-align:right}
#viewCoins .row{font-size:11px;font-variant-numeric:tabular-nums;background:var(--glass);transition:background .12s}#viewCoins .row:hover{background:var(--bg3)}#viewCoins .row.sel{background:var(--surface-active)}#viewCoins .row .num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
#viewCoins .row>.pair{display:grid;grid-template-columns:20px minmax(0,1fr) 22px 20px;align-items:center;gap:5px;padding:0;overflow:visible;position:relative;z-index:3;background:none}#viewCoins .pair .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 11px Inter}#viewCoins .pair small{font:9px Inter;color:var(--muted)}#viewCoins .coin-icon-button{width:20px;display:flex;align-items:center;justify-content:center}
#viewCoins .row .row-book-launch{position:static;transform:none;width:20px;height:24px;grid-column:4;border-radius:4px}#viewCoins .row .favorite-flag{position:relative;z-index:8;grid-column:3;width:22px;height:26px;margin:0;padding:3px;pointer-events:auto!important;cursor:pointer}
#viewCoins .row>.price-cell{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;white-space:nowrap;position:static;padding:0;background:none;height:36px}#viewCoins .price-cell .p{font:600 12px/14px var(--font-mono);width:100%;max-width:150px;overflow:hidden;text-overflow:ellipsis;text-align:right}#viewCoins .price-cell .spread-badge{display:block;max-width:100%;font:9px/11px var(--font-mono);padding:0 4px;border-radius:3px;white-space:nowrap}
#viewCoins .row>.row-signals{display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;min-width:0;height:30px}#viewCoins .signal-badge{font:9px Inter;padding:3px 4px;border-radius:4px;flex:none}#viewCoins .rank{font:10px var(--font-mono);color:var(--muted)}#viewCoins .fuA,#viewCoins .fuB,#viewCoins .fdA,#viewCoins .fdB{animation:none}
.favorite-flag{pointer-events:auto!important;touch-action:manipulation}.favorite-flag svg{pointer-events:none;fill:none;stroke:var(--muted);stroke-width:1.3}.favorite-flag.marked svg{fill:var(--flag-color)!important;stroke:var(--flag-color)!important}.favorite-flag:hover{background:#F59E0B12;border-color:#F59E0B66}
.coin-avatar{isolation:isolate}.coin-fallback{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(var(--avatar-angle,135deg),#7C5CFC,#23445D);color:#F2F5FF;font:700 8px/1 Inter;letter-spacing:-.3px;grid-area:1/1}.coin-avatar>img{background:transparent;z-index:1;object-fit:contain}.coin-icon-button .coin-avatar{flex:none}
.drawing-shell{position:relative}.dtools,.mini-card.in-chart-overlay .mini-tools{width:36px;flex:0 0 36px;gap:3px;padding:5px 3px;background:color-mix(in srgb,var(--chart) 94%,white);transition:transform .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1),flex-basis .25s cubic-bezier(.4,0,.2,1),padding .25s;overflow:hidden}.dtools button,.mini-card.in-chart-overlay .mini-tools button{width:28px;height:28px;padding:5px;flex:none;border-radius:4px!important;box-shadow:none;background:transparent;border:1px solid transparent}.dtools button svg,.mini-card.in-chart-overlay .mini-tools button svg{width:18px;height:18px;stroke-width:1.2}.dtools hr{margin:3px 0}.dtools button.on,.mini-tools button.on{background:var(--surface-active);border-color:var(--line)}
.tools-collapse{position:absolute;z-index:8;left:36px;top:45%;width:13px;height:38px;padding:0;border:1px solid var(--line);border-left:0;border-radius:0 4px 4px 0;background:var(--glass);color:var(--muted);font:17px Inter;cursor:pointer;transition:left .25s cubic-bezier(.4,0,.2,1)}.tools-collapsed>.dtools,.mini-card.in-chart-overlay .tools-collapsed>.mini-tools{width:0;flex-basis:0;padding:5px 0;border-right:0;transform:translateX(-100%)}.tools-collapsed>.tools-collapse{left:0}.mini-card:not(.in-chart-overlay) .tools-collapse{display:none}.mini-card.in-chart-overlay .mini-metrics{left:48px!important}.mini-card.in-chart-overlay:has(.tools-collapsed) .mini-metrics{left:8px!important}
#tfs,.mini-timeframes{position:relative}.tf-active-marker{position:absolute;left:0;height:2px;background:var(--accent);border-radius:2px;pointer-events:none;transition:transform .22s cubic-bezier(.4,0,.2,1),width .22s;box-shadow:0 0 8px color-mix(in srgb,var(--accent) 45%,transparent)}#tfs button,.mini-timeframes button{transition:background .18s,border-color .18s,box-shadow .18s}#tfs button:hover,.mini-timeframes button:hover{box-shadow:0 0 8px color-mix(in srgb,var(--accent) 22%,transparent)}
.density-preview{width:min(420px,calc(100vw - 16px));border:1px solid #ffffff14;border-radius:8px;background:#0D1422e8;backdrop-filter:blur(14px);box-shadow:0 12px 35px #0005;overflow:hidden}.density-preview .popover-head{padding:7px 10px;cursor:grab;touch-action:none;user-select:none;border-bottom:1px solid #ffffff0a}.density-preview.is-dragging{animation:none}.density-preview.is-dragging .popover-head{cursor:grabbing}.density-preview .preview-card{height:260px;background:transparent;box-shadow:none;border:0}.density-preview .mini-head{padding:4px 8px;min-height:32px;gap:4px}.density-preview .mini-head .mini-sym{display:none}.density-preview .mini-timeframes{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:3px}.density-preview .mini-body{border:0}.density-preview .clear-chart-button{margin-left:auto}.density-preview .mini-card:hover{transform:none;box-shadow:none;border:0}
@media(prefers-reduced-motion:reduce){.dtools,.mini-tools,.tools-collapse,.tf-active-marker{transition:none}}
.listing-table-scroll{overflow:auto;border:1px solid var(--card-border);border-radius:8px}.listing-table{min-width:760px;table-layout:fixed}.listing-table th:nth-child(1){width:180px}.listing-table th:nth-child(2){width:110px}.listing-table th:nth-child(3){width:145px}.listing-table th:nth-child(n+4){text-align:right}.listing-table td:nth-child(n+4){text-align:right;font-variant-numeric:tabular-nums}.listing-table td{height:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.listing-table time{font:11px var(--font-mono)}.listing-table time small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.listing-change{display:inline-block;padding:4px 7px;border:1px solid var(--card-border);border-radius:5px;font:600 11px var(--font-mono)}.listing-change.pos{background:#00F59B0c;border-color:#00F59B28}.listing-change.neg{background:#FF3B690c;border-color:#FF3B6928}.listing-change.is-missing{color:var(--muted)}.listing-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:14px;font:11px var(--font-mono);color:var(--muted)}.listing-pagination button{width:30px;height:28px;border:1px solid var(--line);border-radius:5px;background:var(--glass);color:var(--text);cursor:pointer}
.density-preview[open]{animation:scalp-preview-enter .15s ease-out}.density-preview .mini-head{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;height:38px;min-height:38px}.density-preview .mini-timeframes{flex:1;min-width:0;margin-left:0;scrollbar-width:none}.density-preview .mini-timeframes::-webkit-scrollbar{display:none}.density-preview [hidden]{display:none!important}@keyframes scalp-preview-enter{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.density-preview[open]{animation:none}}

/* Coin-local controls and the pulse loader share one compact visual language. */
.selected-book-button{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 8px;margin-left:10px;border:1px solid var(--line);border-radius:5px;background:var(--bg3);color:var(--text);font:11px Inter;cursor:pointer}.selected-book-button:hover{border-color:var(--accent)}
#viewCoins .row>.pair{grid-template-columns:20px minmax(0,1fr) 22px}.coin-market-switch{display:inline-flex;flex:none;align-items:center;padding:2px;gap:2px;border:1px solid var(--line);border-radius:5px;background:var(--chart);margin-left:5px;vertical-align:middle}.coin-market-switch button{width:24px;height:22px;padding:0;border:0;border-radius:3px;background:transparent;color:var(--muted);font:600 10px var(--font-mono);cursor:pointer;box-shadow:none!important}.coin-market-switch button.on{color:var(--accent);background:var(--surface-active);box-shadow:inset 0 0 0 1px var(--accent)!important}.coin-market-switch button:disabled{cursor:wait;opacity:.5}.csym .perp{display:none}.mini-sym{display:flex;align-items:center;min-width:0}.mini-sym>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-sym .coin-market-switch{overflow:visible}.mini-sym .coin-market-switch button{width:19px;height:20px}
.mini-card{border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line))!important;box-shadow:inset 0 1px 0 #ffffff06;transition:border-color .18s,box-shadow .18s}.mini-card:hover{border-color:color-mix(in srgb,var(--accent) 78%,white)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 16%,transparent)}
.mini-status:not(:empty),.cmsg.show{display:flex;align-items:center;justify-content:center;gap:12px;background:color-mix(in srgb,var(--chart) 88%,transparent);backdrop-filter:blur(3px)}.mini-status:not(:empty)::before,.cmsg.show::before,.book-state.is-loading::before,.market-loading::after{content:"";display:block;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 35%,transparent);animation:scalp-load-pulse 1.2s ease-in-out infinite;flex:none}.cmsg span{animation:none;background:none;padding:0}.mini-status span{font:10px Inter}.market-loading{position:relative}.market-loading::after{position:absolute;right:12px;top:12px;z-index:20;pointer-events:none}.book-state.is-loading{display:flex;align-items:center;gap:9px}.market-loader-spinner{border:0;background:var(--accent);width:9px;height:9px;animation:scalp-load-pulse 1.2s ease-in-out infinite}
@keyframes scalp-load-pulse{0%,100%{transform:scale(.7);opacity:.55;box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 35%,transparent)}55%{transform:scale(1);opacity:1;box-shadow:0 0 0 7px transparent}}
.density-radar .distance-ring{fill:#7C5CFC06;stroke:#7183A866;stroke-width:1.2}.radar-distance-label{fill:var(--text);font:700 12px var(--font-mono);paint-order:stroke;stroke:var(--chart);stroke-width:6px}.radar-cross{stroke:#7183A82b;stroke-width:1;stroke-dasharray:2 6;fill:none}.radar-origin{fill:var(--accent)}.density-radar .radar-point.bid>circle{fill:url(#density-bid-core);stroke:#00F59B}.density-radar .radar-point.ask>circle{fill:url(#density-ask-core);stroke:#FF3B69}.density-radar .radar-point>circle{stroke-width:1;fill-opacity:.5}.radar-point .radar-amount{font:700 8px var(--font-mono);fill:#FFF;stroke:none}.radar-point text{font-size:9px;fill:var(--text);stroke:var(--chart)}.radar-point.selected>circle{stroke-width:2;fill-opacity:.85}.radar-caption{fill:var(--muted);font-size:9px}.radar-legend .bid,.radar-stat-grid .bid{color:#00F59B}.radar-legend .ask{color:#FF3B69}
.flag-picker>div{display:grid;grid-template-columns:1fr;gap:3px}.flag-picker>div button{display:flex;gap:9px;align-items:center;width:100%;height:29px;justify-content:flex-start;font:11px Inter;color:var(--text)}.flag-picker>div button svg{width:16px;height:20px;fill:var(--flag-color);stroke:var(--flag-color)}.coin-watchlist{height:26px;max-width:160px;margin-left:auto;border:1px solid var(--line);border-radius:4px;background:var(--glass);color:var(--text);font:11px Inter}
@media(prefers-reduced-motion:reduce){.mini-status::before,.cmsg::before,.book-state::before,.market-loading::after{animation:none}.mini-card{transition:none}}
.mini-card .mini-sym{max-width:220px;min-width:115px}.mini-card .mini-sym>span>small{display:none}.mini-card .mini-left{flex-wrap:nowrap}.mini-card .mini-timeframes{min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.mini-card .mini-timeframes button{flex:none}.mini-card .mini-metrics{top:calc(var(--mini-head-height,39px) + 6px)!important}.mini-card:hover{transform:none}.mini-status:not(.is-loading)::before{display:none}.coin-market-switch button{width:auto!important;min-width:24px;padding:0 5px!important}.book-state[data-loading="true"]{display:flex;gap:10px;align-items:center}.book-state[data-loading="true"]::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent);animation:scalp-load-pulse 1.2s ease-in-out infinite;flex:none}.radar-order .bid{color:#00F59B}.radar-order .ask{color:#FF3B69}
@container(max-width:480px){.mini-card{--mini-head-height:72px}.mini-card .mini-left{display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:4px}.mini-card .mini-sym{max-width:none;min-width:0;grid-column:1;grid-row:1}.mini-card .mini-left-actions{grid-column:2;grid-row:1}.mini-card .mini-timeframes{grid-column:1/-1;grid-row:2;width:100%}.mini-card .mini-head{height:72px;min-height:72px}.mini-card .mini-metrics{top:78px!important}}
.density-preview .preview-card .mini-head{height:38px;min-height:38px}
.density-radar .distance-ring{stroke:#91A4C57d;fill:#7C5CFC04}.radar-point text{opacity:0;pointer-events:none;transition:opacity .15s}.radar-point:hover text,.radar-point:focus text,.radar-point.selected text{opacity:1}.density-radar .radar-point>circle{fill-opacity:.7;stroke-width:1.4}.density-radar .radar-point.selected>circle{stroke-width:2.5}.radar-point .radar-amount{font-size:8px}.density-radar .radar-point:hover,.density-radar .radar-point:focus{filter:drop-shadow(0 0 4px #ffffff33)}

/* Theme-colored fill keeps the controls distinct without outlining the header. */
.mini-card .mini-head{background:linear-gradient(180deg,color-mix(in srgb,var(--glass) 80%,var(--accent)),color-mix(in srgb,var(--glass) 90%,var(--accent)));box-shadow:none;border-bottom:0}
.mini-card .mini-head .mini-timeframes button:not(.on){background:color-mix(in srgb,var(--chart) 64%,transparent);color:color-mix(in srgb,var(--text) 68%,var(--muted))}
.mini-card .mini-head .mini-timeframes button:not(.on):hover{background:color-mix(in srgb,var(--chart) 84%,var(--accent));color:var(--text)}
.ptitle .market-title-button,.ptitle .selected-book-button{display:inline-flex;align-items:center;gap:6px;height:28px;margin:0;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:var(--glass);color:var(--muted);font:600 11px var(--font-ui,Inter,sans-serif);cursor:pointer;box-shadow:none}
.ptitle .market-title-button.on,.ptitle .selected-book-button.on{color:var(--text);background:var(--surface-active);border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.ptitle .market-title-button:hover,.ptitle .selected-book-button:hover{color:var(--text);background:var(--surface-active)}
.ptitle{justify-content:flex-start;gap:6px}.ptitle #info{margin-left:auto}

/* The left pane owns either the coin list or the persistent order-book pool. */
#coinSidebar.book-mode>.search,#coinSidebar.book-mode>.panel.list{display:none!important}
#coinSidebar>.inline-book{position:relative;inset:auto!important;margin:0;width:100%;height:100%;max-width:none;max-height:none;min-height:0;box-sizing:border-box;flex:1;border:1px solid var(--line);border-radius:6px;background:var(--glass);box-shadow:none;backdrop-filter:none;contain:layout paint size;overflow:hidden}
#coinSidebar>.inline-book[open]{display:flex;flex-direction:column;animation:none}
.inline-book .popover-head{flex:none;min-height:38px}.inline-book .popover-head button{font:11px Inter;color:var(--text)}
.inline-book .book-asks,.inline-book .book-bids{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}.inline-book .book-asks{display:flex;flex-direction:column;justify-content:flex-end}
.inline-book .book-columns,.inline-book .book-level{grid-template-columns:repeat(3,minmax(0,1fr));font-variant-numeric:tabular-nums}
.inline-book .book-level{position:relative;isolation:isolate;flex-shrink:0;min-height:23px;background:none;overflow:hidden;align-items:center}
.inline-book .book-level[hidden]{display:none}.book-depth{position:absolute;inset:0;background:color-mix(in srgb,var(--up) 16%,transparent);transform-origin:right;pointer-events:none;z-index:-1;transition:transform 100ms linear}.asks .book-depth{background:color-mix(in srgb,var(--down) 16%,transparent)}
#viewCoins>.leftcol,#viewCoins>#chartPanel{contain:layout paint size}
#viewCoins[data-chart-resizing="true"]>#chartPanel,#viewCoins[data-chart-resizing="true"]>.leftcol{pointer-events:none;will-change:width,transform}
#viewCoins[data-chart-resizing="true"] canvas{width:100%!important;height:100%!important}

.inline-book .book-level.bids span:first-of-type{color:var(--up)}.inline-book .book-level.asks span:first-of-type{color:var(--down)}
#viewCoins .row{content-visibility:auto;contain-intrinsic-size:auto 36px}

#viewCoins.sidebar-animating[data-chart-resizing="true"]>.leftcol .tbl{width:var(--drag-sidebar-width);min-width:var(--drag-sidebar-width)}
#viewCoins[data-chart-resizing="true"]>#chartPanel>*{width:100%;min-width:0;box-sizing:border-box}
/* Matte controls share the same surface in cards and expanded charts. */
#settingsOpen[hidden],.mini-left-actions .open-chart-btn{display:none!important}
.chart-key-hints{display:none!important}
.mini-card .mini-head{background:var(--glass);box-shadow:none}
.mini-card .mini-timeframes button,.mini-card .coin-market-switch button,.mini-left-actions>button{border:1px solid #ffffff12!important;background:#1A1F28!important;color:var(--muted);box-shadow:0 1px 2px #0007,inset 0 1px 0 #ffffff09!important;transition:background .14s,color .14s,box-shadow .14s;transform:none!important}
.mini-card .mini-timeframes button:hover,.mini-card .coin-market-switch button:hover,.mini-left-actions>button:hover{background:#232A35!important;color:var(--text);box-shadow:inset 0 1px 3px #0005!important}
.mini-card .mini-timeframes button.on,.mini-card .coin-market-switch button.on{background:color-mix(in srgb,var(--accent) 48%,#20242D)!important;color:#fff!important;border-color:color-mix(in srgb,var(--accent) 65%,#fff2)!important;box-shadow:inset 0 2px 4px #0007,inset 0 -1px 0 #ffffff14!important;text-shadow:none}
.mini-left-actions>button{display:inline-grid;place-items:center;width:28px!important;height:28px!important;min-width:28px;padding:5px!important;border-radius:6px!important;flex:none}
.mini-left-actions>button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3}.mini-left-actions .favorite-flag.marked svg{fill:var(--flag-color);stroke:var(--flag-color)}
.mini-card .mini-head .mini-timeframes button{border-radius:5px!important}
#viewMarket,.radar-layout,.radar-detail,.radar-stat,.radar-order,.density-radar{background:var(--bg1)!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none}
.density-radar .distance-ring{fill:none;stroke:#8D99AC55}.density-radar .radar-point.bid>circle{fill:#0ECB8129;stroke:#0ECB81}.density-radar .radar-point.ask>circle{fill:#FF3B6929;stroke:#FF3B69}.radar-point:hover,.radar-point:focus{filter:none!important}
.density-preview{width:min(880px,calc(100vw - 32px));height:min(620px,calc(100dvh - 32px));min-width:min(520px,calc(100vw - 32px));min-height:360px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);resize:both;overflow:hidden;background:var(--chart);backdrop-filter:none;border-radius:8px}
.density-preview[open]{display:flex;flex-direction:column}.density-preview>.popover-head{flex:none;cursor:move}.density-preview .preview-card{display:flex;flex:1;min-height:0;height:auto!important;border-radius:0;container-type:normal;background:var(--chart)}
.density-preview .preview-card .mini-head{height:auto;min-height:42px}.density-preview .mini-body{min-height:0;flex:1}.density-preview .mini-card .mini-tools{display:flex!important;width:36px;flex:0 0 36px;padding:4px 3px;gap:3px;background:var(--chart)}
.density-preview .mini-tools button{width:28px;height:28px;flex:none;padding:5px}.density-preview .mini-tools svg{width:18px;height:18px;stroke-width:1.2}.density-preview .tools-collapse{display:block!important}.density-preview .tools-collapsed>.mini-tools{width:0!important;flex-basis:0!important;padding:0!important;transform:translateX(-100%)}
.density-preview .mini-cv-wrap{min-height:0!important}.density-preview .mini-metrics{display:none!important}
.alerts-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.alerts-feed{min-width:0}.alert-preferences{position:sticky;top:0;min-width:0;background:var(--glass);border:1px solid var(--line);border-radius:8px;padding:14px}
.alert-preferences>section{padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid var(--line)}.alert-preferences h3{font-size:12px;margin:0 0 12px}.alert-preferences label{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:11px;color:var(--muted);margin:10px 0}.alert-preferences input:not([type=checkbox]),.alert-preferences select{width:100%;box-sizing:border-box}.alert-preferences input,.alert-preferences select{accent-color:var(--accent);background:var(--chart);color:var(--text);border:1px solid var(--line);padding:6px;border-radius:4px}.alert-preferences input[type=range]{padding:0}.alert-preferences button{padding:6px 9px;border:1px solid var(--line);border-radius:5px;background:#1A1F28;color:var(--text);cursor:pointer}.alert-preferences fieldset{min-width:0;margin:12px 0;padding:10px;border:1px solid var(--line);border-radius:6px}.alert-preferences legend{font-size:11px;color:var(--text)}.alert-preferences p{font-size:11px;color:var(--muted)}
.trigger-history article{display:grid;grid-template-columns:minmax(120px,1fr) 120px minmax(150px,2fr) 94px;align-items:center;gap:12px;padding:12px;margin-bottom:5px;background:var(--glass);border:1px solid var(--line);border-radius:6px}.event-type-badge{font:10px Inter;color:var(--accent);padding:4px 6px;border:1px solid var(--line);border-radius:4px;justify-self:start}.trigger-history article>span{font:600 12px var(--font-mono);color:var(--text)}.trigger-history time{font:10px var(--font-mono);color:var(--muted);text-align:right}.event-rule{background:var(--glass);box-shadow:none;padding:12px}.event-rule h3{display:flex;align-items:center;gap:7px}.event-rule h3 svg{width:20px;height:20px}.event-rule h3 img{width:20px;height:20px}
.listing-open{width:28px;height:28px;border:1px solid var(--line);border-radius:5px;background:#1A1F28;color:var(--accent);cursor:pointer}.listing-open:hover{background:var(--surface-active)}.listing-table td{height:52px}.listing-table time{white-space:nowrap}.listing-table time small{display:block;margin-top:4px;color:var(--muted)}.listing-table-scroll{overflow:auto}.listing-change{display:inline-block;min-width:72px;padding:4px 7px;text-align:right;border-radius:4px;background:#ffffff05}
@media(max-width:1050px){.alerts-workspace{grid-template-columns:minmax(0,1fr)}.alert-preferences{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.trigger-history article{grid-template-columns:1fr 1fr}.trigger-history time{text-align:left}}

.mini-card.in-chart-overlay .mini-expand{display:inline-grid!important}

.event-summary-card,.alert-preferences fieldset{background:var(--glass)!important;background-image:none!important;box-shadow:none!important}.trigger-history article>span.pos{color:var(--up)}.trigger-history article>span.neg{color:var(--down)}

.density-preview .mini-head .mini-sym{display:flex}.density-preview .mini-timeframes{margin-left:0}

.main-chart-actions #indbtn span,.main-chart-actions #indcnt{display:none!important}.main-chart-actions{margin-left:auto}.main-chart-actions #mainStar{margin:0}
/* Matte surfaces and theme accents. */
:root{--card-border:#1E2533;--card-fill:var(--glass)}
.mini-card,.mini-card:hover,.chart-overlay,.density-preview,.terminal-dialog,.event-rule,.event-toast,.theme-option,.terminal-button,.mini-left-actions>button,.mini-card .mini-timeframes button,.mini-card .coin-market-switch button{border-color:#1E2533!important;box-shadow:none!important}
.mini-card,.mini-card:hover{background:var(--chart)!important;transform:none}.mini-card .mini-head{background:var(--glass)!important;border-bottom:1px solid #1E2533!important}.mini-card .mini-expand,.mini-card.in-chart-overlay .mini-expand{display:none!important}.mini-head{cursor:default}
.mini-card .mini-timeframes button.on,.mini-card .coin-market-switch button.on{background:color-mix(in srgb,var(--accent) 24%,var(--glass))!important;border-color:#1E2533!important;color:var(--text)!important;box-shadow:inset 0 1px 3px #0006!important}
.panel,.theme-picker,#viewEvents,#viewMarket,.alert-preferences{border-color:#1E2533!important;background-image:none!important}.theme-option[aria-pressed=true]{background:var(--surface-active)}
header{background:var(--bg1)!important;border-bottom:1px solid #1E2533;gap:24px}header h1{display:flex;gap:11px;align-items:center;font:700 19px Inter;letter-spacing:-.5px;white-space:nowrap}.logo-status{display:block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 35%,transparent)}
.nav-views{gap:5px}.nav-btn{border-color:transparent!important;background:transparent!important;box-shadow:none!important;color:var(--muted);font-size:12px}.nav-btn:hover{transform:none!important;color:var(--text)}.nav-btn.on{color:var(--text);border:1px solid color-mix(in srgb,var(--accent) 46%,#1E2533)!important;border-radius:8px!important;background:color-mix(in srgb,var(--accent) 8%,var(--bg1))!important;box-shadow:0 0 12px color-mix(in srgb,var(--accent) 13%,transparent)!important}
.header-venue{display:flex;align-items:center;gap:4px;border:1px solid #1E2533;border-radius:5px;padding:0 6px;background:var(--glass)}.header-venue select{border:0;background:transparent;width:94px}.header-venue .venue-brand{margin:0}.header-plan-hidden{display:none!important}.hright{gap:7px!important}.hright .picker-wrap{max-width:72px}.hright .picker-wrap select{max-width:72px}.hright .interface-palette{border:0;padding:0;margin:0}.hright #paletteToggle{width:30px;padding:6px}.hright #paletteName,.hright #paletteToggle>.chevron{display:none}.hright #authOpen{font-size:11px;max-width:120px;overflow:hidden;text-overflow:ellipsis}#localProToggle{font:600 10px var(--font-mono);color:var(--muted);white-space:nowrap}#localProToggle[aria-pressed=true]{color:var(--accent);background:var(--surface-active)}
.terminal-more{position:relative}.terminal-more>summary{cursor:pointer;list-style:none;display:grid;place-items:center;width:28px;height:30px;font-size:22px;color:var(--muted)}.terminal-more>div{position:absolute;right:0;top:36px;min-width:170px;padding:6px;background:var(--glass);border:1px solid #1E2533;border-radius:7px;z-index:12000;box-shadow:0 8px 24px #0006}.terminal-more>div>button{display:flex!important;align-items:center;width:100%;margin:0;padding:6px 10px!important;justify-content:flex-start}.terminal-more .control-label{display:inline!important}.terminal-more .nav-btn{border-radius:4px!important}
@media(min-width:1351px){header{display:grid;grid-template-columns:auto 1fr auto;gap:24px}.hleft{display:contents}.nav-views{justify-self:center}.hright{justify-self:end}}
#viewCoins .leftcol{width:100%;min-width:0!important}#viewCoins .leftcol>.panel,#viewCoins .leftcol>.search{width:100%;max-width:none;box-sizing:border-box}#viewCoins .thead,#viewCoins .row{grid-template-columns:24px minmax(120px,1fr) 112px 68px 58px 60px 100px 82px;gap:8px;min-width:800px;justify-content:normal}#viewCoins .row{font-size:12px}#viewCoins .row .num{font-size:12px}#viewCoins .tbl{width:100%;min-width:800px}#viewCoins .thead{font-size:10px}
#viewCoins.sidebar-collapsed>.leftcol{transform:translateX(-100%)!important}#viewCoins>.leftcol{transition:transform .25s ease,opacity .2s ease}
.main-chart-hud{position:absolute;top:10px;left:52px;z-index:3;display:flex;align-items:flex-start;flex-direction:column;gap:4px;pointer-events:none}.main-chart-hud>div{display:flex;gap:5px;align-items:baseline;background:color-mix(in srgb,var(--glass) 86%,transparent);border:1px solid #1E2533;border-radius:5px;padding:3px 6px;white-space:nowrap}.main-chart-hud small{font:10px Inter;color:var(--muted)}.main-chart-hud b{font:600 12px var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text)}.main-chart-hud .pos{color:var(--up)}.main-chart-hud .neg{color:var(--down)}.tools-collapsed .main-chart-hud{left:10px}
.sound-library{display:flex;flex-direction:column;gap:4px;max-height:280px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;margin:10px 0;padding-right:4px}.sound-library>button{display:grid;grid-template-columns:22px 1fr 18px;align-items:center;gap:7px;min-height:58px;flex:none;text-align:left;background:var(--chart)!important}.sound-library>button b{font:500 11px Inter}.sound-library>button small{color:var(--muted)}.sound-library>button[aria-pressed=true]{background:var(--surface-active)!important;color:var(--accent);border-color:#1E2533!important}.sound-library::-webkit-scrollbar{width:5px}.sound-library::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.alert-preferences{max-height:calc(100dvh - 125px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
#coinSidebar>.inline-book{background:var(--chart)}.inline-book .book-state,.inline-book .book-columns,.inline-book .popover-head,.inline-book .book-spread{flex:none}.inline-book .book-asks,.inline-book .book-bids{flex:1 1 0;min-height:0}.inline-book .book-spread{display:grid;place-items:center;min-height:36px;font-size:13px;font-weight:600;background:var(--glass)}.inline-book .book-level{font-size:12px;min-height:24px}.inline-book .book-depth{background:#0ECB8133}.inline-book .asks .book-depth{background:#FF3B6933}.inline-book .popover-head button{font-size:12px}
.density-radar .distance-ring{stroke:#64748B55;fill:none}.radar-point.selected>circle{stroke-width:2}.metric-chip{border-color:#1E2533!important;background:color-mix(in srgb,var(--glass) 88%,transparent)!important}.price-alert-control{border-color:#1E2533!important;box-shadow:none!important}

.hright #paletteToggle{min-width:30px!important;width:30px!important}.coin-market-switch,.coin-market-switch button.on,#tfs button,#densityToggle,.mini-jump,.price-alert-control,.tf-active-marker{border-color:#1E2533!important;box-shadow:none!important}.coin-market-switch button.on{box-shadow:inset 0 0 0 1px #1E2533!important}#densityToggle{background:var(--glass)!important;color:var(--text)}#densityToggle.on.on{background:var(--surface-active)!important}

.mini-liquidity{position:absolute;bottom:29px;left:8px;z-index:3;display:flex;gap:4px;pointer-events:none}.mini-liquidity[hidden]{display:none}.mini-liquidity>span{background:var(--glass);border:1px solid #1E2533;border-radius:4px;padding:3px 5px;font:10px var(--font-mono);font-variant-numeric:tabular-nums}.mini-liquidity .bid{color:var(--up)}.mini-liquidity .ask{color:var(--down)}

.preferences-themes>button{display:flex;align-items:center;gap:8px;width:100%;margin:5px 0;text-align:left}.preferences-themes>button::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--theme-swatch)}.preferences-themes>button[aria-pressed=true]{background:var(--surface-active);color:var(--accent)}

#viewAbout{flex:1;min-height:0;overflow:auto;padding:32px clamp(18px,4vw,64px);background:var(--bg1);border:1px solid #1E2533;border-radius:8px}#viewAbout[hidden]{display:none}.about-hero{max-width:780px;margin:12px 0 30px}.about-hero>small{color:var(--accent);font:11px var(--font-mono);letter-spacing:.12em}.about-hero h2{font:700 clamp(28px,3vw,44px)/1.15 Inter;letter-spacing:-1.2px;margin:18px 0}.about-hero p,.about-grid p,.about-technology p,.about-roadmap p{color:var(--muted);font:13px/1.75 Inter;margin:12px 0}.about-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.about-grid article{padding:20px;border:1px solid #1E2533;border-radius:8px;background:var(--glass)}.about-grid article>small{font:12px var(--font-mono);color:var(--accent)}.about-grid h3{font:600 16px Inter;margin:18px 0 10px}.about-technology,.about-roadmap{padding:24px 0;border-top:1px solid #1E2533;margin-top:28px}.about-technology h3,.about-roadmap h3{font:600 17px Inter}.about-technology>div{display:flex;gap:8px;flex-wrap:wrap}.about-technology span{padding:7px 10px;font:11px var(--font-mono);background:var(--glass);border:1px solid #1E2533;border-radius:5px}.about-roadmap article{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid #1E2533;font-size:13px}.about-roadmap article b{color:var(--accent)}.about-roadmap article span{color:var(--muted)}.listing-table{table-layout:fixed}.listing-table th,.listing-table td{overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.listing-table th:first-child{width:19%}.listing-table th:nth-child(2){width:12%}.listing-table th:nth-child(3){width:17%}.listing-table th:last-child{width:58px}.event-rule,.radar-stat,.about-grid article{contain:layout paint}
@media(max-width:1100px){.about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.about-grid{grid-template-columns:1fr}.about-roadmap article{grid-template-columns:1fr;gap:6px}}

.market-status{display:none!important}body{padding-top:54px}main{height:calc(100dvh - 78px);min-height:0}@media(max-width:1350px){body{padding-top:96px}main{height:calc(100dvh - 120px);min-height:0}}
.mini-status.is-loading:not(:empty) {
  background: none;
  backdrop-filter: none;
}
.mini-status.is-loading:not(:empty)::before { display: none; }
.mini-candle-skeleton {
  width: 76%;
  height: 46%;
  border-radius: 4px;
  background: rgba(255,255,255,.03);
  animation: mini-candle-pulse 1.4s ease-in-out infinite alternate;
}
@keyframes mini-candle-pulse { from { opacity: .4; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .mini-candle-skeleton { animation: none; }
}

.listing-empty {
  min-height: 190px;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 8px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--muted);
  text-align: center;
}
.listing-empty h3 { color: var(--text); }
.listing-empty h3, .listing-empty p { margin: 0; }
.listing-empty svg { color: var(--accent); }
.listing-empty button { margin-top: 5px; }

#tickerVisibility {
  display: grid;
  place-items: center;
  flex: none;
  width: 22px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
}
#tickerVisibility:hover, #tickerVisibility:focus-visible {
  color: var(--text);
  background: var(--glass);
}
#tickerVisibility svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.5; }
#tickerVisibility[aria-pressed="true"] .ticker-eye-slash { display: none; }
.terminal-footer:has(.liquidation-viewport[hidden]) #footerWs { margin-inline-start: auto; }
dialog[open] { z-index: 50; }
