.logo{background:none!important;border:0!important;width:27px;height:27px}.logo img{width:27px;height:27px}.brand{text-transform:none;letter-spacing:.5px;font-size:16px}.brand small{font:9px Consolas;letter-spacing:1px;color:var(--muted);margin-left:5px}.source-banner{min-height:19px;padding:3px 7px;font-size:9px;color:var(--muted);border-bottom:1px solid var(--line)}.source-banner.warning{color:#c7a15c;background:#8d631710}.source-banner.error{color:var(--red)}.venue-line{display:flex;flex-wrap:wrap;gap:4px 12px;padding:6px;font-size:9px}.venue-line .unavailable{color:var(--red)}.venue-line .available{color:var(--green)}.view-switch{display:flex}.view-switch button{border-radius:0}.view-switch button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--purple);color:var(--purple)}.asset{user-select:none;transition:background .2s,border-color .18s,box-shadow .18s;will-change:auto}.asset:hover{box-shadow:inset 0 0 0 1px #aa7bd317,0 2px 9px #0002}.drag-handle{cursor:grab;touch-action:none;display:inline-block;color:var(--muted);font-size:13px;line-height:15px;width:11px;flex-shrink:0}.drag-handle:active,.module-handle:active{cursor:grabbing}.asset.dragging{opacity:.32;border-style:dashed}.asset-head{gap:3px}.asset-head .algo{flex:1}.asset-foot{font-size:8px}.asset-price .currency{font:7px Consolas;color:var(--muted);position:absolute;right:0;bottom:-1px}.asset-price svg{max-width:53px}.asset-price strong{font-size:16px}.asset-price .quote-change{font-size:8px;margin-left:4px}.asset-foot .theme{max-width:95px;overflow:hidden;text-overflow:ellipsis}.asset-group{min-width:0}.asset-group.drop-over{outline:1px dashed var(--purple);outline-offset:1px;background:var(--accent-soft)}.asset.drop-before{box-shadow:inset 3px 0 var(--purple);border-color:var(--purple)}.group-empty{grid-column:1/-1;display:grid;place-items:center;color:var(--muted);font-size:10px;min-height:72px;border:1px dashed var(--line);background:var(--panel)}.group-title button{margin-left:auto;color:var(--muted);font:9px 'Segoe UI'}.group-title button:hover{color:var(--red)}.group-title small{margin-left:auto}.matrix.list-mode .asset-grid{display:block}.matrix-list{width:100%;min-width:880px;border-collapse:collapse;table-layout:fixed;font-size:10px;background:var(--panel)}.matrix-list th{height:26px;text-align:right;color:var(--muted);background:var(--raised);font-weight:400;padding:0 8px}.matrix-list td{height:31px;text-align:right;padding:0 8px;border-bottom:1px solid var(--line);font:11px Consolas;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matrix-list td:first-child,.matrix-list th:first-child{text-align:left;width:19%}.matrix-list td:nth-child(2){color:var(--muted);font-size:9px}.matrix-list tr[data-asset]{cursor:pointer;transition:background .2s}.matrix-list tr[data-asset]:hover,.matrix-list tr.selected{background:var(--accent-soft)}.matrix-list .sparkline{width:75px;height:21px;display:inline-block;vertical-align:middle}.matrix-list .drag-handle{margin-right:6px}.matrix-list .pin-coin{margin-left:5px}.dashboard{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;align-items:start}.dashboard>.module{grid-column:span var(--module-span,4)!important;min-height:360px;transition:border-color .2s}.dashboard>.module.drop-before{border-color:var(--purple);box-shadow:inset 3px 0 var(--purple)}.module-handle{cursor:grab;user-select:none}.module-width{font:9px 'Segoe UI';border:1px solid var(--line);background:var(--panel);color:var(--muted);height:20px;max-width:65px;margin-left:auto}.module-handle .right{margin-left:auto}.grip{font-size:14px;color:var(--purple)}.scanner-scroll{max-height:323px}.live-table{min-width:470px!important}.live-table td,.live-table th{height:24px;font-size:9px}.live-table td:first-child{font-family:'Segoe UI'}.live-table .sparkline{width:58px;height:18px;vertical-align:middle}.live-table tr[data-asset]{cursor:pointer}.live-table tr[data-asset]:hover,.live-table tr.selected{background:var(--accent-soft)}.live-table .meta{display:block;font-size:7px;color:var(--muted);margin:0}.chart-status{padding:0 8px;height:18px;font-size:9px;color:var(--muted)}.chart-svg{height:230px}.chart-quote .dim{font:8px Consolas}.book-button{margin-left:auto;color:var(--purple);border:1px solid var(--line);padding:4px 7px;font-size:9px}.chart-summary a{color:var(--purple)}.exchanges .live-table{min-width:365px!important}.events-empty{padding:14px 8px;color:var(--muted);font-size:9px}.event{height:24px}.statusbar a,.book-dialog>a{color:var(--purple);text-decoration:none}.quote-source{font-size:8px;color:var(--muted)}.sparkline .history-line{stroke:var(--up-stroke)}.sparkline.negative .history-line{stroke:var(--down-stroke)}
.roll-cell{display:inline-block;position:relative;height:1.2em;line-height:1.2em;width:.61em;vertical-align:bottom;overflow:hidden;text-align:center}.roll-stack{display:flex;flex-direction:column;transform:translateY(-50%);animation:digit-roll .48s cubic-bezier(.2,.7,.2,1)}.roll-stack>span{height:1.2em;line-height:1.2em;display:block}.roll-cell.down-tick .roll-stack{animation-name:digit-roll-down;transform:translateY(0)}.quote-tick-up{animation:quote-rise .8s ease-out}.quote-tick-down{animation:quote-fall .8s ease-out}@keyframes digit-roll{from{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes digit-roll-down{from{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes quote-rise{0%{background:#62c6a52c;color:var(--green)}100%{background:transparent}}@keyframes quote-fall{0%{background:#cc72942c;color:var(--red)}100%{background:transparent}}
dialog{color:var(--text);background:var(--panel);border:1px solid var(--purple);border-radius:5px;box-shadow:0 24px 120px #0008;padding:0;max-height:90vh;overflow:auto}dialog::backdrop{background:#090610a8;backdrop-filter:blur(5px)}dialog[open]{animation:dialog-in .2s ease-out}@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.book-dialog{width:min(880px,calc(100vw - 24px))}.dialog-head{height:55px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--raised)}.dialog-head strong{font-size:16px}.dialog-head small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.dialog-close{font-size:18px;color:var(--muted);width:28px;height:28px}.book-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;font-size:10px}.book-toolbar select{height:28px;max-width:330px;background:var(--panel);border:1px solid var(--line);color:var(--text);font-size:10px}.book-toolbar #book-status{color:var(--muted)}.book-summary{display:flex;gap:24px;background:var(--raised);padding:9px 16px;border-block:1px solid var(--line);font:12px Consolas}.book-summary span{color:var(--muted);font-size:9px}.book-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:12px 16px}.side-title{font-size:12px;font-weight:600;display:flex;justify-content:space-between;padding-bottom:7px}.side-title span{color:var(--muted);font-size:9px;font-weight:400}.depth-table{width:100%;table-layout:fixed;border-collapse:collapse;font:11px Consolas}.depth-table th{text-align:right;font-size:9px;color:var(--muted);font-weight:400;height:25px;border-block:1px solid var(--line)}.depth-table td{height:29px;text-align:right;padding:0 4px}.depth-table th:first-child,.depth-table td:first-child{text-align:left;width:35px;color:var(--muted)}.depth-table tr{background:linear-gradient(to left,var(--depth-color) var(--depth),transparent var(--depth))}.depth-table tr:nth-child(odd){border-bottom:1px solid var(--line)}#book-bids{--depth-color:#66bb9f20}#book-asks{--depth-color:#cd819920}.book-footer{padding:10px 16px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;font-size:9px;color:var(--muted)}.book-dialog>a{display:block;padding:0 16px 12px;font-size:10px}.book-dialog.loading .book-columns,.book-dialog.failed .book-columns{opacity:.35}.book-dialog.failed #book-status{color:var(--red)}.group-dialog{width:360px}.group-dialog form{padding:0 15px 15px}.group-dialog .dialog-head{margin:0 -15px 15px}.group-dialog label{display:block;font-size:11px;margin-bottom:6px}.group-dialog input{width:100%;padding:8px;background:var(--bg);border:1px solid var(--line);color:var(--text)}.group-dialog p{font-size:10px;line-height:1.6}.primary{padding:7px 12px;background:var(--purple);color:var(--bg);border-radius:3px}.drag-ghost{position:fixed;pointer-events:none;z-index:1000;background:var(--soft);padding:9px;border:1px solid var(--purple);font-size:11px;opacity:.92;box-shadow:0 4px 20px #0004}.drag-ghost[hidden]{display:none}
@media(max-width:1650px){.dashboard>.module{grid-column:span 6!important}.dashboard>.module[data-module=scanner]{grid-column:span 12!important}.dashboard>.module[style*='--module-span: 12']{grid-column:span 12!important}}
@media(max-width:1050px){.dashboard>.module{grid-column:span 12!important}.module-width{display:none}.module{min-width:0}.book-columns{gap:9px;padding:9px}.depth-table{font-size:10px}.book-summary{gap:10px;flex-wrap:wrap}.matrix-controls{row-gap:5px}}
@media(max-width:580px){.top input{width:calc(100% - 175px)}.top-right{gap:7px}.brand{font-size:14px}.brand small{font-size:8px}.asset-price strong{font-size:19px}.asset-price .quote-change{font-size:10px}.asset-price svg{max-width:90px}.book-columns{grid-template-columns:1fr}.book-toolbar{flex-wrap:wrap}.book-toolbar select{max-width:250px}.book-summary{font-size:11px}.matrix-controls label{font-size:9px}.matrix-controls #add-group{font-size:9px}.source-banner{line-height:1.6}.group-dialog{max-width:calc(100vw - 24px)}.chart-summary{grid-template-columns:repeat(2,1fr)}}
.roll-cell,.roll-cell span{font:inherit!important;margin:0!important;line-height:1.2em!important}.asset-price .roll-cell{flex:none!important}.sectors #themes{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--line) var(--panel);height:53px}.sectors #themes .sector{flex:0 0 94px;min-width:94px}.matrix{max-height:min(48vh,470px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--purple) var(--panel);padding:1px 2px 2px 1px}.group-title{position:sticky;top:0;z-index:2}.matrix-list thead{position:sticky;top:0;z-index:1}.grip{touch-action:none}
@media(max-width:580px){.matrix{max-height:60vh}.sectors #themes .sector{flex-basis:105px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
