:root{--raised:#151318;--soft:#201826;--accent-soft:#30203980;--ink-strong:#e5dff0;--chart-grid:#2b2331;--chart-text:#a18bad;--chart-bg:#392143;--up-stroke:#79bba9;--down-stroke:#b67c91;--card-width:220px}
:root[data-theme=light]{color-scheme:light;--bg:#eeedf2;--panel:#faf9fc;--raised:#eae6f0;--soft:#e7dff0;--line:#cfc8da;--muted:#70647e;--text:#34293f;--purple:#7545a4;--green:#19795f;--red:#b14065;--accent-soft:#e2d3ef;--ink-strong:#30203f;--chart-grid:#d8cee1;--chart-text:#796187;--chart-bg:#d4bce3;--up-stroke:#28896e;--down-stroke:#b95277}
body{color-scheme:dark}html[data-theme=light] body{color-scheme:light}main{min-width:0}.top{height:auto;min-height:37px;flex-wrap:wrap;padding:5px 0;gap:8px}.top .sub{color:var(--muted)}.top input{max-width:100%;background:var(--panel);border-color:var(--line);color:var(--text)}.top-right{gap:12px;color:var(--muted)}.top-right button{min-height:24px}.top-right button:hover{color:var(--purple)}.ticker{overflow:auto;scrollbar-width:none}.ticker>div{flex:1 0 auto}.kpis{height:auto;grid-template-columns:1.25fr repeat(7,minmax(0,1fr));background:var(--panel)}.kpi{min-height:59px}.kpi strong{white-space:nowrap;color:var(--ink-strong)}.kpi label{color:var(--muted)}.kpi small{display:inline-block}.sectors{height:auto;grid-template-columns:1.06fr 1.95fr 1fr}.sector-body{height:auto;min-height:46px;flex-wrap:wrap}.sector{min-width:65px}.sectors .box:nth-child(2) .sector{min-width:88px}.box-head{background:var(--raised)}.matrix-head{height:auto;min-height:32px;flex-wrap:wrap;padding:5px 0;gap:9px}.matrix-controls{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:10px}.matrix-controls label{color:var(--muted);display:flex;align-items:center;gap:4px}.matrix-controls select{background:var(--panel);color:var(--text);border:1px solid var(--line);font:10px 'Segoe UI','Microsoft YaHei';height:24px;padding:1px 4px;max-width:120px}.matrix-controls button,.empty-state button{border:1px solid var(--line);background:var(--soft);padding:4px 7px;color:var(--purple)}.matrix-controls button:hover{border-color:var(--purple)}.matrix{display:flex;flex-direction:column;height:auto;gap:5px}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--card-width)),1fr));grid-auto-rows:74px;gap:4px;align-content:start}.group-title{height:24px;display:flex;gap:8px;align-items:center;border-left:2px solid var(--purple);padding:0 7px;margin-bottom:4px;background:var(--raised);font-size:10px}.group-title b{color:var(--purple);font:9px Consolas}.group-title small{color:var(--muted);margin-left:auto;font-size:9px}.asset{padding:5px 7px;outline-offset:-2px;contain:layout}.asset:focus-visible{outline:2px solid var(--purple)}.asset-head .algo{min-width:0;text-overflow:ellipsis}.asset-head .hardware{flex-shrink:0}.asset-price strong{flex-shrink:0}.asset-price span{white-space:nowrap;flex-shrink:0}.asset-price svg{min-width:20px;max-width:63px;flex-shrink:1}.asset-foot{grid-template-columns:1fr 1fr auto;white-space:nowrap}.pin-coin{font-size:11px;color:var(--muted);width:15px;height:17px;line-height:17px;flex-shrink:0}.pin-coin:hover,.pin-coin[aria-pressed=true]{color:var(--purple);text-shadow:0 0 5px #a769ce50}.matrix-footer{height:auto;min-height:24px;gap:8px;flex-wrap:wrap;padding:4px 0;border-color:var(--line)}.matrix-footer button{color:var(--purple);text-decoration:underline}.bottom{height:auto;grid-template-columns:minmax(0,1.53fr) minmax(0,1.15fr) minmax(0,.94fr)}.bottom .box{height:auto;min-height:376px}.table-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) var(--panel)}#market-table{min-width:650px}.exchanges .table{min-width:380px}.table td{overflow:hidden;text-overflow:ellipsis}.table tr[data-coin]{cursor:pointer}.table tr[data-coin]:hover{background:var(--soft)}.table-note{height:auto;min-height:17px;gap:6px}.box-head .right{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 10px}.chart-summary div{gap:4px;min-width:0}.chart-summary b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-svg text{fill:var(--chart-text)}.chart-svg path{stroke:var(--chart-grid)}.chart-quote{min-width:0}.chart-quote .ohlc{white-space:nowrap}.event{gap:6px}.event .dim{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event .end,.event time{flex-shrink:0}.statusbar{height:auto;min-height:24px;flex-wrap:wrap;gap:6px 17px;padding:5px 0}.statusbar .right{max-width:100%}.empty-state{border:1px dashed var(--line);background:var(--panel);padding:28px 16px;text-align:center;line-height:2;color:var(--muted)}.empty-state strong{display:block;font-size:13px;color:var(--text)}.empty-state button{margin-top:8px;cursor:pointer}.toast{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);padding:8px 16px;border:1px solid var(--purple);background:var(--raised);color:var(--text);z-index:5;box-shadow:0 3px 18px #0003;font-size:11px}.toast[hidden]{display:none}.motion-off *{animation:none!important}.asset-grid.comfort{grid-auto-rows:92px}.comfort .asset{padding:9px}.comfort .asset-price{height:29px}.comfort .asset-price strong{font-size:20px}.comfort .asset-foot{font-size:9px}
html[data-theme=light] .top,html[data-theme=light] .ticker,html[data-theme=light] .ticker>div{border-color:var(--line)}
html[data-theme=light] .logo{background:linear-gradient(135deg,#dbc5ed,#f4ecfa);color:#75459d;border-color:#aa84c6}
html[data-theme=light] .pill{background:#ede2f6;border-color:#c8afd9;color:#704492}
html[data-theme=light] .ticker b,html[data-theme=light] .ticker{color:#62516e}
html[data-theme=light] .kpi:first-child{background:linear-gradient(90deg,#e1d1f0,#f6f1fa)}html[data-theme=light] .kpi:first-child strong{color:#714394}
html[data-theme=light] .sector{background:linear-gradient(90deg,#e4d6ef,#f0e8f6);border-color:#c9b6d9;color:#624076}html[data-theme=light] .sector.hot{background:linear-gradient(90deg,#c6a4df,#ddc8ec);border-color:#aa80c4}html[data-theme=light] .sector.cold{background:#edeaf1;border-color:#d4cbdc;color:#75677f}html[data-theme=light] .sector small{color:#775689}html[data-theme=light] .sector.active{outline-color:#8150a3}
html[data-theme=light] .rankline .bar{background:#e0d5e8}html[data-theme=light] .asset{background:linear-gradient(120deg,#faf8fd,#f4f2f7);border-color:#d4ccdd}html[data-theme=light] .asset:hover{background:#ede2f5;border-color:#b28dc9}html[data-theme=light] .asset.selected{background:linear-gradient(120deg,#e5d5f1,#f3edf8);border-color:#9867bc;box-shadow:inset 2px 0 #9f70c5}html[data-theme=light] .asset.selected:after{border-top-color:#9f70c5}
html[data-theme=light] .coinmark,html[data-theme=light] .exlogo{background:#e8dcf1;border-color:#c9b8d5;color:#754491}html[data-theme=light] .asset-head .hardware{background:#e9e0ef;color:#7e5c95}html[data-theme=light] .asset-head .algo{color:#83728e}html[data-theme=light] .asset-foot{border-color:#dfd5e5;color:#7b6b86}html[data-theme=light] .asset-foot b{color:#584365}html[data-theme=light] .asset-foot .theme{color:#87629f}
html[data-theme=light] .toolbar,html[data-theme=light] .event,html[data-theme=light] .chart-summary{border-color:var(--line);color:var(--muted)}html[data-theme=light] .toolbar .active,html[data-theme=light] .filter button.active{color:#75439c}html[data-theme=light] .table th{background:#ece6f2;border-color:var(--line);color:#776384}html[data-theme=light] .table td{border-color:#e1dae7}html[data-theme=light] .table tbody tr.selected{background:#e7d9f2}html[data-theme=light] .table .name{color:#5f3c79}html[data-theme=light] .table td.heat-cell{color:#784e91}html[data-theme=light] .chart-quote strong{color:#56316d}html[data-theme=light] .chart-summary b{color:#765688}html[data-theme=light] .event-head{background:#e8deef;border-color:var(--line)}html[data-theme=light] .event b{color:#754c8d}
html[data-theme=light] svg [stroke='#79bba9']{stroke:#28896e}html[data-theme=light] svg [stroke='#b67c91']{stroke:#b95277}html[data-theme=light] svg [stroke='#c39be8']{stroke:#9a6aba}html[data-theme=light] .chart-svg g[stroke='#8bc9b5']{stroke:#338c72}html[data-theme=light] .chart-svg g[stroke='#c48c9f']{stroke:#b64c70}html[data-theme=light] .chart-svg rect[fill='#81bda9']{fill:#338c72}html[data-theme=light] .chart-svg rect[fill='#a7748b']{fill:#b64c70}html[data-theme=light] .chart-svg stop{stop-color:var(--chart-bg)}.chart-svg text[fill='#f3e6ff']{fill:#fff}
@media(max-width:1650px){.kpi strong{font-size:17px}.kpi small{font-size:9px;margin-left:5px}.sectors{grid-template-columns:1fr 1.7fr}.sectors>.box:last-child{display:none}.bottom{grid-template-columns:1.25fr 1fr}.bottom>.box:first-child{grid-column:1/-1}.bottom>.box:first-child{min-height:0}.kpi svg{width:42px}}
@media(max-width:1050px){.top .sub{display:none}.top>.pill{display:none}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi{border-bottom:1px solid var(--line)}.kpi strong{font-size:18px}.sectors{grid-template-columns:1fr}.sectors>.box:last-child{display:block}.sectors>.box:last-child .rankline{display:inline-flex;width:49%}.bottom{grid-template-columns:1fr}.bottom>.box:first-child{grid-column:auto}.bottom .box{min-height:0}.chart-svg{height:245px}.top .grow{display:none}.top input{margin-left:auto}.chart-summary{padding-bottom:10px}.exchanges .table{min-width:380px}.event{height:27px}}
@media(max-width:580px){main{padding:0 6px}.top{gap:6px}.brand{font-size:13px}.top input{width:calc(100% - 140px)}.top-right{width:100%;justify-content:space-between;gap:6px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{padding:5px 8px}.kpi:first-child{grid-column:auto}.sector-body{flex-wrap:wrap}.sectors .box:nth-child(2) .sector{flex:1 0 24%;min-width:75px}.box-head{gap:5px}.box-head .right{font-size:8px}.matrix-head .grow{display:none}.matrix-controls{width:100%;gap:5px}.matrix-controls select{max-width:105px}.matrix-controls label{font-size:9px}.filter{gap:18px}.asset-grid{grid-auto-rows:82px}.asset-price{height:28px}.asset-price strong{font-size:20px}.asset-price svg{max-width:100px;width:100px}.asset-foot{font-size:9px}.asset.micro .asset-price strong{font-size:18px}.chart-quote{gap:5px}.chart-quote strong{font-size:21px}.chart-quote .ohlc{font-size:7px}.chart-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.statusbar .right{margin-left:0}.matrix-footer{font-size:8px}}