/* Shared visual language from TickShot's open-interest screen. */
:root{--bg:#000;--panel:#0e1013;--raised:#1e2124;--line:#292c30;--text:#fff;--muted:#b5bdc7;--green:#00c805;--positive:#7ab847;--font:'Capsule Sans Text',Arial,'PingFang SC','Microsoft YaHei',sans-serif}
[data-theme="light"]{--bg:#fff;--panel:#f7f8fa;--raised:#edf0f2;--line:#dde1e5;--text:#101214;--muted:#606974;--green:#008c04;--positive:#258050}
body{font-family:var(--font)}header{height:78px;padding:0 max(32px,calc((100vw - 1440px)/2));gap:48px;background:var(--bg)}
.brand{font-family:var(--font);font-size:28px;letter-spacing:-1.2px}nav a, [data-theme="light"] nav a{font-size:15px;font-weight:600;color:var(--text)}nav a.active,[data-theme="light"] nav a.active{color:var(--green)}nav a.active:after{display:none}
.header-right{gap:12px}.demo,[data-theme="light"] .demo{background:none;color:var(--muted);padding:0;font-size:12px}.theme-toggle,.icon-btn{border-radius:50%;border:0}.theme-toggle{width:36px;padding:0}.theme-label{display:none}
.ticker{padding:0 32px;border-color:var(--line);height:46px;font-size:12px;background:var(--bg)}.ticker b,[data-theme="light"] .ticker b{color:var(--text)}.ticker em{color:var(--positive)}
main{max-width:1504px;padding:28px 32px 0}.breadcrumb{font-size:12px}.page-heading{margin:24px 0;align-items:center}h1{font:600 27px var(--font);letter-spacing:-.7px;margin:0 0 8px}.page-heading p{font-size:13px}.heading-actions{gap:12px}.primary,[data-theme="light"] .primary{background:var(--raised);color:var(--text);border-color:var(--line);border-radius:5px;padding:10px 16px;font-weight:500}
button,select,.search,.segmented{border-radius:5px}button:hover,[data-theme="light"] button:hover{background:var(--raised);border-color:var(--line)}button.selected,[data-theme="light"] button.selected{background:var(--raised);color:var(--text)}.quiet,[data-theme="light"] .quiet{color:var(--muted)}
.page-tabs{gap:32px;margin-bottom:20px}.page-tabs>button,[data-theme="light"] .page-tabs>button{font-size:14px;color:var(--muted)}.page-tabs>button[aria-selected="true"],[data-theme="light"] .page-tabs>button[aria-selected="true"]{color:var(--text)}.page-tabs>button[aria-selected="true"]:after,[data-theme="light"] .page-tabs>button[aria-selected="true"]:after{background:var(--green)}
.stats{gap:0;border-block:1px solid var(--line);padding:18px 0;grid-template-columns:repeat(4,minmax(0,1fr))}.stat,.stat:first-child,[data-theme="light"] .stat:first-child{background:none;border:0;border-radius:0;padding:0 22px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat-label,[data-theme="light"] .stat-label{color:var(--muted);font-size:13px}.stat-value{font:600 29px var(--font);margin:12px 0 8px}.stat-foot,[data-theme="light"] .stat-foot,.stat-foot b,[data-theme="light"] .stat-foot b{color:var(--muted);font-size:12px}
.insight,[data-theme="light"] .insight{background:none;border:0;color:var(--muted);padding:14px 0;margin:0;font-size:12px}.insight b,[data-theme="light"] .insight b,.insight-end,[data-theme="light"] .insight-end{color:var(--muted)}.insight-icon{display:none}
.panel{border-radius:5px;background:var(--panel);border-color:var(--line)}.bottom-grid{grid-template-columns:minmax(0,2.85fr) minmax(290px,1fr);gap:32px;margin:8px 0 32px}.history-panel{border-radius:10px}.extremes{background:var(--bg)}
.section-heading{padding:24px 24px 18px}h2{font:500 24px var(--font);letter-spacing:-.6px;margin:0 0 8px}.section-heading p{font-size:12px}.chart-controls select{height:36px}.chart-summary{padding:0 24px;margin-bottom:18px}.chart-summary strong{font:600 36px var(--font);letter-spacing:-1px}.chart-summary>span{font-size:12px}.chart-caption{font-size:12px}.chart{padding:12px 18px 0}.chart svg{height:420px}.axis-labels{padding:0 24px}.axis-text,[data-theme="light"] .axis-text{fill:var(--muted);font:11px var(--font)}.price-path,[data-theme="light"] .price-path{stroke:#a4abc9;stroke-width:1.7}.price-axis,[data-theme="light"] .price-axis{fill:#a4abc9}.price-legend,[data-theme="light"] .price-legend,.axis-labels>span:last-child,[data-theme="light"] .axis-labels>span:last-child{color:#8a93b4}.chart-grid,[data-theme="light"] .chart-grid{stroke:var(--line)}.chart-detail,[data-theme="light"] .chart-detail,.chart-footer,[data-theme="light"] .chart-footer{color:var(--muted);font-size:12px}.chart-footer{padding:14px 24px 20px}
.rank-tabs{gap:16px;padding:0 24px 16px}.rank-tabs button{font-size:13px}.rank-tabs .selected{background:none;color:var(--green);border-color:var(--green)}.rank-row{padding:10px 24px;border-bottom:1px solid var(--line);gap:10px}.rank-row .rank-bar{display:none}.rank-note{padding:16px 24px;font-size:12px}.market-balance{margin:24px 24px auto;padding:0 0 24px}.market-balance p{font-size:12px}
.matrix-panel{background:var(--bg);border:0;border-top:1px solid var(--line);border-radius:0}.matrix-panel .section-heading{padding-inline:0}.toolbar{padding:0 0 20px}.segmented{background:none;padding:2px}.segmented button{padding:7px 14px;font-size:13px}.segments button,.segments button.selected,[data-theme="light"] .segments button.selected{background:none;color:var(--muted);border-radius:0}.segments button.selected,[data-theme="light"] .segments button.selected{color:var(--green);border-bottom:2px solid var(--green)}select,[data-theme="light"] select{background-color:var(--bg);color:var(--text);border-color:var(--line);height:38px;font-size:13px}.search,[data-theme="light"] .search{background:none;height:38px;border-color:var(--line)}.search input{width:160px;font-size:13px}
table{font-size:14px}th,[data-theme="light"] th,.table-scroll th:first-child,[data-theme="light"] .table-scroll th:first-child{background:var(--bg);color:var(--muted);font-size:13px;padding:15px 16px;border-top:0}th button{font-size:13px;font-weight:500}td{height:62px;font:500 14px var(--font);padding:10px 16px;border-color:var(--line)}.table-scroll td:first-child{background:var(--bg)}.table-scroll th:first-child,.table-scroll td:first-child{padding-left:0}.weighted,[data-theme="light"] .weighted{background:none}.coin-name b,[data-theme="light"] .coin-name b{color:var(--text);font-size:15px}.coin-name small,[data-theme="light"] .coin-name small{color:var(--muted);font:12px var(--font)}.coin-cell{gap:12px}.coin-logo{width:28px;height:28px}.asset-logo{position:relative;background:var(--raised);font:600 10px var(--font)}.asset-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.favorite.on,[data-theme="light"] .favorite.on{color:var(--green)}tbody tr:hover,[data-theme="light"] tbody tr:hover{background:var(--panel)}
.pagination-row{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:12px}.pagination{display:flex;gap:6px;align-items:center;height:auto}.pagination>span{margin-right:12px}.pagination button{min-width:32px;height:32px;padding:0 8px;border-color:transparent;font-size:13px}.pagination button[aria-current="page"]{background:var(--raised);color:var(--text);border-color:var(--line)}button:disabled{opacity:.35;cursor:default}.table-footer{padding:16px 0;color:var(--muted);border-bottom:1px solid var(--line)}.legend{font-size:12px}.heat-panel{background:var(--bg);border:0;border-block:1px solid var(--line);border-radius:0}.heat-row>span,[data-theme="light"] .heat-row>span{color:var(--muted)}
dialog,[data-theme="light"] dialog{background:var(--panel);border-color:var(--line);border-radius:10px}dialog p,[data-theme="light"] dialog p,footer,[data-theme="light"] footer,.small-brand,[data-theme="light"] .small-brand,.small-brand span,[data-theme="light"] .small-brand span{color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:32px;padding:32px 0;font-size:12px}
@media(max-width:1100px){header{padding:0 24px;gap:28px}main{padding:24px 24px 0}.bottom-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px}.stats .stat{padding:0 14px}.stat-value{font-size:26px}.chart-controls{flex-wrap:wrap}.chart-caption{display:none}}
@media(max-width:760px){header{height:64px;padding:0 16px}.ticker{padding:0 16px}.brand{font-size:24px}main{padding:20px 16px 0}.page-heading{margin:20px 0}.page-heading h1{font-size:27px}.heading-actions .primary{margin:0;padding:9px;font-size:12px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}.stat:nth-child(2){border:0}.stat-value{font-size:27px}.stat-foot b{display:inline}.insight{font-size:11px}.bottom-grid{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:12px}.section-heading{padding:20px 16px}h2{font-size:21px}.chart-summary{padding:0 16px}.chart-summary strong{font-size:32px}.chart svg{height:300px}.toolbar{gap:14px}.toolbar-left{flex-wrap:wrap;justify-content:flex-start}.toolbar-right{width:100%}.search{flex:1;min-width:0}.search input{width:100%}.pagination-row{flex-wrap:wrap;gap:12px}.pagination{margin-left:auto}.pagination>span{margin-right:4px}.table-scroll td:first-child,.table-scroll th:first-child{padding-left:8px}.matrix-panel .section-heading{padding-inline:0}.table-footer .legend{font-size:11px}.heat-scroll{padding-inline:0}}

.color-scale{display:flex;gap:24px;flex-wrap:wrap;font-size:12px}.color-scale>span{display:flex;gap:8px;align-items:center}.color-steps{display:flex;gap:3px}.color-steps i{display:block;width:18px;height:9px;border-radius:2px}.chart-sign-legend{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}.chart-sign-legend i{width:6px;height:6px;border-radius:50%;margin-left:8px}.chart-sign-legend i:first-child{margin-left:0}.table-footer{flex-direction:column;align-items:flex-start;gap:12px}