.charts-page{margin:0;background:#0b0e0e;color:#e9e6db;font-family:system-ui,sans-serif;background-image:radial-gradient(ellipse at 80% 0,#36574826,transparent 30%)}
.charts-page *{box-sizing:border-box}.charts-main{max-width:1440px;margin:auto;padding:0 clamp(16px,3vw,52px)}
.charts-intro{padding:66px 0 36px;max-width:900px}.charts-intro>.eyebrow{color:#a6c9b8;font:600 10px/1.5 system-ui;letter-spacing:.17em}.charts-intro h1{font:500 clamp(37px,5.5vw,76px)/1.05 var(--price-type);letter-spacing:-.045em;margin:22px 0}.charts-intro h1 em{font-style:normal;color:#a6b9aa}.charts-intro>p{font:15px/1.75 system-ui;max-width:620px;color:#b4b9b0}.charts-facts{display:flex;gap:8px 24px;flex-wrap:wrap;margin-top:24px;font:11px/1.6 system-ui;color:#c6ad7c}.charts-facts span:before{content:'•';margin-right:8px;color:#83c3a6}
.charts-filter{position:sticky;top:68px;z-index:50;display:flex;gap:5px;align-items:center;padding:10px;background:#0b0e0ef5;border:1px solid #c2cbb323;border-radius:14px;backdrop-filter:blur(12px)}
.charts-filter button,.charts-filter a{font:500 12px system-ui;border:1px solid transparent;background:transparent;color:#b0b8aa;padding:12px 14px;border-radius:9px;min-height:44px;white-space:nowrap;cursor:pointer;text-decoration:none}.charts-filter button[aria-pressed=true]{color:#ffda9c;background:#d3a85c16;border-color:#c8ab6950}.charts-filter a{margin-left:auto;font-size:11px}.chart-share-status{font:12px system-ui;min-height:16px;margin:8px 0;color:#a6c9b8}
.charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.chart-card{min-width:0;overflow:hidden;scroll-margin-top:160px;border:1px solid #bbbc9d26;border-radius:20px;background:linear-gradient(135deg,#20282055,#0e1212 50%);box-shadow:inset 0 1px #e9e0bb08;padding:26px;align-self:start}.chart-card[hidden]{display:none}.chart-wide{grid-column:1/-1}.chart-card>header{margin:0 0 24px;padding:0;display:block;position:static}.chart-index{font:600 9px system-ui;color:#aca082;letter-spacing:.15em}.chart-card h2{font:500 clamp(23px,2.5vw,32px)/1.2 var(--price-type);margin:13px 0;letter-spacing:-.035em}.chart-card>header>p{font:13px/1.7 system-ui;color:#aab3a7;max-width:680px}.chart-card>footer{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin:24px 0 0;padding:18px 0 0;border-top:1px solid #c5c5a91b}.chart-card a{font:12px/1.6 system-ui;color:#a8d4bd;text-decoration:none}.chart-card a:hover{color:#ffda9c}.chart-card>footer a:last-child{color:#c9b281}
.chart-slot{min-width:0;min-height:180px;position:relative}.chart-loading{color:#869184;font:13px/1.7 system-ui;padding:42px 0}.chart-card .fine,.chart-card .history-source,.chart-card .whale-intro,.chart-card .chain-chart-source{font:11px/1.7 system-ui;color:#a7ad9e}.chart-card button,.chart-card select{border:1px solid #bac09430;border-radius:8px;background:#1a211a;color:#eee3c9;font:500 11px system-ui;padding:9px 12px;min-height:44px;cursor:pointer;max-width:100%}.chart-card button[aria-pressed=true],.chart-card button.active{background:#bf995026;border-color:#d5ab66;color:#ffe2a8}.chart-card label{font:12px/1.6 system-ui;color:#bec7b5}.chart-card input[type=range]{accent-color:#d0b074;width:100%;min-height:28px}.chart-card canvas{max-width:100%;display:block}.chart-card .history-heading{display:none}.chart-card .history-toolbar,.chart-card .history-presets,.chain-chart-toolbar{display:flex;flex-wrap:wrap;gap:6px}.chart-card .history-readout{margin:20px 0}.chart-card .history-canvas-wrap{height:270px}.chart-card .history-canvas-wrap canvas{width:100%;height:270px}.chart-card #historyOverview{width:100%;height:60px;touch-action:none}.chart-card .history-range-inputs{display:flex;gap:16px}.chart-card .history-range-inputs>label{flex:1}.chart-card .history-ruler-label{font:9px/1.6 system-ui;gap:8px;display:flex;justify-content:space-between;flex-wrap:wrap;margin:18px 0 8px}.chart-card .history-readout strong{font:500 32px var(--price-type);display:block;color:#ffda9c}.chart-card .history-readout span{font:11px system-ui;color:#aeb8a6}.chart-card .whale-chart-tools{flex-wrap:wrap}.chart-card #whaleCanvas{height:260px;width:100%}.chart-card .whale-readout{flex-wrap:wrap}.chart-card .price-hearth{height:330px}.chart-card .price-lab-controls{flex-wrap:wrap}.chart-card .visual-head{flex-wrap:wrap;gap:12px}.chart-card #fireQuote{font-size:clamp(24px,3vw,38px)}.chart-card #fireSource{font:10px/1.5 system-ui;max-width:240px}.chart-card .price-lab-controls>a{display:none}.chart-card .price-response strong{font-family:var(--price-type)}.chart-card .cap-compare{margin:0;padding:0;border:0;background:none}.chart-card .cap-compare-grid{grid-template-columns:1fr;margin:24px 0}.chart-card .cap-compare-grid strong{font:500 28px var(--price-type)}.chart-card .cap-compare-ratio,.chart-card #capRatio{font:13px/1.7 system-ui}.chart-card svg{max-width:100%}
.series-controls{display:flex;gap:6px;flex-wrap:wrap}.series-value{font:500 27px/1.3 var(--price-type);color:#ffda9c;margin:18px 0 2px}.series-date{color:#a5b09f;font:11px/1.6 system-ui;min-height:18px}.series-svg{display:block;width:100%;height:auto;margin:10px 0}.series-scrub{display:block}.series-empty{font:13px/1.7 system-ui;color:#b9b9a1;padding:40px 0}.series-source{font:10px/1.7 system-ui;color:#98a392;margin:14px 0}.dominance-chart-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin:22px 0;font:12px system-ui}.dominance-chart-row strong{font:500 30px var(--price-type);color:#ffd08b}.dominance-chart-row i{grid-column:1/-1;display:block;background:#aacba011;height:12px;border-radius:5px;overflow:hidden}.dominance-chart-row b{height:100%;display:block;background:linear-gradient(90deg,#6da68b,#bedebc)}.dominance-chart-row:nth-child(2) b{background:linear-gradient(90deg,#9c752f,#f3cd8b)}
.chart-card #networkLenses,.chart-card [data-chart=lenses]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.chart-card .instrument{min-width:0;border:0;border-radius:0;margin:0;padding:0 16px 0 0;background:none;border-right:1px solid #c3c2a324}.chart-card .instrument:last-child{border:0;padding:0}.chart-card .instrument h2{font-size:23px}.chart-card .instrument p{font:12px/1.7 system-ui;color:#acb6a5}.chart-card .rhythm-bars{gap:3px}.chart-card .fee-constellation{grid-template-columns:repeat(12,minmax(0,1fr));gap:3px}.chart-card .fee-constellation button{min-width:0;min-height:18px;height:18px;padding:0;border-radius:3px}.pulse-chart-day{margin:18px 0;font:11px/1.7 system-ui;color:#b2bca9}.pulse-chart-day>div{display:flex;min-height:24px;border-radius:5px;overflow:hidden;margin:7px 0}.pulse-chart-day i{background:#84bba3;display:block}.pulse-chart-day i:nth-child(2){background:#b5ab91}.pulse-chart-day i:nth-child(3){background:#cc8680}
.charts-method{padding:90px 0 40px;scroll-margin-top:150px}.charts-method>h2{font:500 36px/1.1 var(--price-type);max-width:680px}.charts-method>div{display:grid;grid-template-columns:1fr 1fr;gap:26px 48px}.charts-method h3{font:500 20px var(--price-type)}.charts-method p{font:13px/1.8 system-ui;color:#a9b4a5}.charts-method a{color:#abcdbb}.charts-page :focus-visible{outline:2px solid #ebbc71;outline-offset:3px}
@media(max-width:850px){.charts-grid{grid-template-columns:1fr}.chart-wide{grid-column:auto}.chart-card [data-chart=lenses]{grid-template-columns:1fr}.chart-card .instrument{padding:0 0 24px;border:0;border-bottom:1px solid #c3c2a324}.charts-method>div{grid-template-columns:1fr}.charts-intro{padding-top:38px}.chart-card{padding:20px}.charts-filter{top:64px;flex-wrap:wrap;gap:2px;padding:6px}.charts-filter a{display:none}.charts-filter button{font-size:11px;padding:8px 10px;flex:1}.chart-card .history-toolbar button{font-size:10px;padding:8px}.chart-card .history-canvas-wrap,.chart-card .history-canvas-wrap canvas{height:240px}.chart-card .price-hearth{height:300px}.chart-card #fireSource{max-width:none}.chart-card .whale-periods button{padding:8px}.chart-card .visual-head{display:block}.chart-card .price-lab-controls>label{flex:1}}
@media(prefers-reduced-motion:reduce){.charts-filter{backdrop-filter:none}}
/* The price axis uses a fixed 430px coordinate space, including the log base. */
.chart-card .price-hearth,.chart-card .price-hearth canvas.price-fire,.chart-card .price-plot{height:430px}
.chart-card .rhythm-bars button{padding:0;min-width:0;min-height:44px;flex:1 1 0;border:0;border-radius:0;background:transparent}
.chart-card .rhythm-bars span{font-size:7px}
.chart-card .fee-constellation button{background:color-mix(in srgb,#6f755f calc((1 - var(--heat))*100%),#ffc567)}
.chart-card .fee-constellation button[aria-pressed=true]{outline:2px solid #ffe4a4}

/* The analysis workspace: quiet terminal chrome, readable data, no fake ticks. */
.charts-page{--terminal-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#090f16;color:#e5edf3;background-image:radial-gradient(ellipse at 70% 0,#22455c25,transparent 30%)}
.charts-main{max-width:1560px;padding-inline:clamp(14px,3vw,44px)}
.charts-intro{max-width:1100px;padding:38px 0 18px}
.charts-intro>.eyebrow{font:600 10px/1.6 var(--terminal-mono);color:#79c9c3}
.charts-intro h1{font:600 clamp(31px,4vw,53px)/1.05 system-ui,sans-serif;letter-spacing:-.045em;margin:17px 0}
.charts-intro h1 br{display:none}.charts-intro h1 em{color:#8ea6b7;margin-left:.2em}
.charts-intro>p{max-width:800px;color:#aabac8;font-size:14px;line-height:1.65}
.charts-facts{margin-top:17px;font:10px/1.6 var(--terminal-mono);color:#aab9c6;gap:8px 20px}
.terminal-jump{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 20px}
.terminal-jump a{font:11px/1.4 var(--terminal-mono);min-height:44px;padding:14px;color:#93cdd2;background:#14222e;border:1px solid #28424f;border-radius:5px;text-decoration:none}
.terminal-jump a:hover{background:#1c313f;color:#e8f6ff}
.charts-filter{background:#0c151ef5;border-color:#314352;border-radius:6px;padding:6px}
.charts-filter button,.charts-filter a{font-family:var(--terminal-mono);border-radius:4px;color:#aabac8}
.charts-filter button[aria-pressed=true]{background:#23504745;border-color:#477d72;color:#97e0c9}
.charts-grid{gap:16px}.chart-card{padding:22px;border-radius:8px;border-color:#2a3a48;background:linear-gradient(120deg,#13202a,#0d151e 65%);box-shadow:none}
.chart-card>header{margin-bottom:20px}.chart-index{font:600 10px/1.5 var(--terminal-mono);color:#87aaa8;letter-spacing:.08em}
.chart-card h2{font:600 clamp(20px,2vw,27px)/1.25 system-ui,sans-serif;letter-spacing:-.025em;margin:10px 0}
.chart-card>header>p{max-width:940px;color:#a8bac7;line-height:1.65}.chart-card>footer{border-color:#273944}
.chart-card button,.chart-card select{font-family:var(--terminal-mono);color:#d7e6ee;background:#152430;border-color:#344c5b;border-radius:4px}
.chart-card button[aria-pressed=true],.chart-card button.active{background:#244c424d;border-color:#559888;color:#a7eed6}
.chart-card button:hover{border-color:#719daf}.chart-card label{color:#b4c7d1}
.chart-card input[type=range]{accent-color:#63bba8;min-height:32px}
.series-value,.chart-card .history-readout strong,.chart-card .dominance-chart-row strong{font-family:var(--terminal-mono);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.05em;color:#e5edf3}
.series-date,.series-source,.chart-card .history-source,.chart-card .fine{color:#a2b5c4}.series-svg text,.compare-svg text{font-family:var(--terminal-mono)}
.charts-method p{color:#a9bbc7}.charts-method h2,.charts-method h3{font-family:system-ui,sans-serif}.charts-method h3{font-size:18px;line-height:1.4}
.chart-card#compare{border-color:#41606b;background:linear-gradient(125deg,#162934,#0c1620 60%)}
.compare-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.compare-series{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0 0 16px;min-width:0}
.compare-series legend{font:11px/1.5 var(--terminal-mono);color:#91a9b9;margin-bottom:8px;padding:0}
.chart-card .compare-series label{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid #334753;border-radius:4px;padding:8px 12px;cursor:pointer;font:11px/1.5 var(--terminal-mono);background:#09131a}
.compare-series input{accent-color:var(--line);width:15px;height:15px;margin:0}.compare-series i{background:var(--line);width:16px;height:2px;display:inline-block;flex-shrink:0}
.compare-series label:has(:checked){border-color:var(--line);background:#172731}.compare-series label:has(:disabled){opacity:.48;cursor:default}
.compare-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:12px 0;border-block:1px solid #2d414f}
.compare-toolbar label{display:flex;align-items:center;gap:8px}.compare-toolbar select{width:auto}.compare-toolbar>button{margin-left:auto}
.compare-feedback{font:12px/1.6 system-ui,sans-serif;color:#9ad7c4;min-height:20px;overflow-wrap:anywhere;margin:10px 0}
.compare-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}
.compare-legend>div{min-width:0;border-left:2px solid var(--line);padding-left:12px}
.compare-legend span{display:block;color:#a4b8c6;font:10px/1.5 var(--terminal-mono);margin-bottom:7px}
.compare-legend strong{display:block;font:500 clamp(16px,2vw,26px)/1.3 var(--terminal-mono);font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--line);overflow-wrap:anywhere}
.compare-date{font:11px var(--terminal-mono);color:#b0c0cd;min-height:15px}
.compare-svg{display:block;width:100%;height:auto;margin-bottom:12px;touch-action:pan-y;background:linear-gradient(180deg,#10202a55,#08111933)}
.compare-context{font:12px/1.75 system-ui,sans-serif;color:#b4c5d0;margin:18px 0 10px;max-width:1020px}
.compare-sources{display:flex;flex-wrap:wrap;gap:5px 18px}.compare-sources p{font:10px/1.7 var(--terminal-mono);color:#91a6b6;margin:0}
[data-chart=compare]{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start}.compare-stage{min-width:0}
.compare-options{min-width:0}.compare-options summary{cursor:pointer;min-height:44px;font:600 11px/1.5 var(--terminal-mono);color:#a5dfd3;padding:12px 0;margin-bottom:8px;border-bottom:1px solid #314b55}
.compare-options .compare-presets{display:grid;grid-template-columns:1fr;gap:6px}.compare-options .compare-presets button{text-align:left;padding:10px;font-size:10px}
.compare-options .compare-series{display:grid;grid-template-columns:1fr}.compare-options .compare-series label{font-size:10px}
.chart-card .compare-toolbar select{height:44px;appearance:none;padding-right:26px;background-image:linear-gradient(45deg,transparent 50%,#a7c2ce 50%),linear-gradient(135deg,#a7c2ce 50%,transparent 50%);background-position:calc(100% - 14px) 19px,calc(100% - 10px) 19px;background-size:4px 4px;background-repeat:no-repeat}
@media(max-width:850px){.charts-intro{padding-top:27px}.charts-intro h1 br{display:block}.charts-intro h1 em{display:block;margin:.08em 0 0}.chart-card{padding:18px}.compare-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-toolbar>button{margin-left:0}.charts-filter button{font-size:10px;padding:8px}}
@media(max-width:850px){[data-chart=compare]{display:block}.compare-options{margin-bottom:12px}.compare-options summary{padding:14px;border:1px solid #43646d;border-radius:4px;background:#122a33}.compare-options .compare-series{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-options .compare-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.compare-options .compare-presets button{font-size:10px;line-height:1.6}.compare-stage .compare-toolbar{padding-top:4px;border-top:0}}
@media(max-width:480px){.charts-intro>p{font-size:13px}.charts-facts{font-size:9px;gap:7px 14px}.terminal-jump{gap:5px}.terminal-jump a{font-size:10px;padding:14px 9px}.chart-card{padding:15px}.chart-card h2{font-size:22px}.compare-presets{display:grid;grid-template-columns:1fr;gap:6px}.compare-presets button{text-align:left}.compare-series{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.chart-card .compare-series label{padding:7px;font-size:10px;gap:5px}.compare-series i{display:none}.compare-toolbar{gap:10px;display:grid;grid-template-columns:1fr 1fr}.compare-toolbar label{display:grid;gap:5px;font-size:11px;min-width:0}.compare-toolbar select{width:100%;font-size:10px;padding:9px 6px}.compare-toolbar>button{grid-column:1/-1;width:100%}.compare-legend strong{font-size:17px}.compare-legend>div{padding-left:8px}.compare-context{font-size:11px}.compare-sources p{font-size:9px}}
