:root{color-scheme:dark;--bg:#080b19;--panel:#0d1224;--border:#242b40;--text:#e4e8f2;--muted:#8993ad;--gold:#f1cf78}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{border:1px solid var(--border);background:#151c31;color:var(--text);border-radius:7px;padding:9px 12px;cursor:pointer;white-space:nowrap}button:hover{border-color:#73819e;background:#202b43}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.5;cursor:wait}a{color:var(--muted)}header{height:82px;display:flex;justify-content:space-between;align-items:center;padding:0 26px;border-bottom:1px solid var(--border)}.brand{display:flex;gap:16px;align-items:center}.brand>a{text-decoration:none;font-size:27px}h1{font-size:23px;margin:0;font-weight:600;letter-spacing:-.6px}h1 span{font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-left:14px}header p{color:var(--muted);margin:5px 0 0}#connection{color:var(--muted);font-size:12px}#connection.live{color:#77d8b3}main{padding:16px 22px 12px}.controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.primary{background:var(--gold);border-color:var(--gold);color:#1c1b20;font-weight:650}.primary:hover{background:#ffe1a0}.active,#choose[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.time-control{display:flex;align-items:center;gap:7px;color:var(--muted);margin-left:5px}input[type=time]{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:8px;color:var(--text);width:110px}.basis{font-size:12px;color:var(--gold);margin-left:8px}.views{margin-left:auto;display:flex;gap:5px}.chart-shell{height:calc(100dvh - 260px);min-height:370px;position:relative;border:1px solid var(--border);border-radius:9px;overflow:hidden;background:#090d20}#plot{height:100%;width:100%}#pick-layer{position:absolute;inset:0 var(--price-axis-width,72px) 30px 0;z-index:4;cursor:crosshair}#marker{position:absolute;top:0;bottom:30px;border-left:1px dashed var(--gold);width:0;pointer-events:none;z-index:5}#handle{position:absolute;top:8px;left:-43px;border-color:var(--gold);color:var(--gold);background:#242333;pointer-events:auto;touch-action:none;cursor:ew-resize;font-size:12px;padding:7px 10px;min-width:87px}#loading{position:absolute;inset:0;display:grid;place-content:center;color:var(--muted);pointer-events:none}#loading[hidden],#marker[hidden],#pick-layer[hidden],#notice[hidden]{display:none}footer{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px;padding:12px 0}.slider-row{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:12px}input[type=range]{flex:1;accent-color:var(--gold);cursor:ew-resize}output{color:var(--gold);font-variant-numeric:tabular-nums;min-width:100px}#notice{padding:8px 12px;margin-top:10px;border:1px solid #79643a;border-radius:6px;color:var(--gold);font-size:12px}@media(max-width:1050px){.basis{margin-left:0}.views{margin-left:0}footer{flex-wrap:wrap}.chart-shell{height:calc(100dvh - 320px)}}@media(max-width:600px){header{padding:0 14px;height:75px}header p{display:none}h1{font-size:20px}#connection{max-width:150px;text-align:right}main{padding:10px}.chart-shell{min-height:400px}h1 span{display:none}.basis{width:100%}.controls button{padding:8px}footer span:last-child{display:none}}
/* Keep the time slider in view on desktop, with room for the chart. */
main{height:calc(100dvh - 82px);display:flex;flex-direction:column}.chart-shell{flex:1;height:auto;min-height:260px;margin-top:14px}.controls,footer,.slider-row{flex-shrink:0}@media(max-width:600px){main{height:auto}.chart-shell{flex:none;height:440px;min-height:400px}}
/* Compact rolling rankings, independent of the intraday chart controls. */
.rankings{flex-shrink:0;margin-top:12px}.ranking-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ranking-card{background:#0d1224;border:1px solid var(--border);border-radius:8px;padding:9px 12px}.ranking-card h2{font-size:12px;font-weight:600;margin:0 0 6px;display:flex;align-items:center;justify-content:space-between;gap:8px}.ranking-card h2>span{font-size:10px;color:var(--muted);font-weight:400}.ranking-card ol{list-style:none;padding:0;margin:0;min-height:66px}.ranking-card li{height:22px;display:flex;gap:9px;align-items:center;font-size:12px;font-variant-numeric:tabular-nums}.rank-place{font-size:10px;color:var(--muted);width:10px}.ranking-card strong{font-size:11px;letter-spacing:.15px}.rank-metrics{margin-left:auto;display:flex;gap:12px;font-size:10px;color:var(--muted);white-space:nowrap}.rank-metrics b{font-weight:500;color:var(--text)}.rank-value{color:var(--text);font-size:12px}.ranking-card .rank-empty{color:var(--muted);font-size:11px;height:auto;min-height:22px}.ranking-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;min-height:14px;font-size:10px;color:var(--muted)}#ranking-rules{position:relative;flex-shrink:0}#ranking-rules summary{cursor:pointer;color:var(--gold)}#ranking-rules summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.ranking-explanation{position:absolute;right:0;top:22px;width:min(510px,85vw);max-height:55vh;overflow:auto;padding:16px;background:#151c31;border:1px solid #54617d;border-radius:8px;z-index:10;color:var(--text);font-size:12px;line-height:1.5;box-shadow:0 10px 36px #0009}.ranking-explanation p:last-child{margin-bottom:0}.rankings+.chart-shell{margin-top:10px;min-height:340px}@media(max-width:1150px){.ranking-card h2{display:block}.ranking-card h2>span{display:block;margin-top:3px}.rank-metrics{gap:6px}.ranking-card{padding:8px}}@media(max-width:800px){main{height:auto}.ranking-cards{grid-template-columns:1fr}.ranking-card h2{display:flex}.ranking-card h2>span{margin:0}.ranking-meta{align-items:flex-start}.chart-shell{flex:none;height:440px}.ranking-card ol{min-height:66px}}
/* Preserve the original colored end-label appearance at a fixed vertical position. */
.fixed-coin-labels{position:absolute;right:calc(var(--price-axis-width,72px) + 12px);top:calc(50% - 15px);transform:translateY(-50%);margin:0;padding:0;list-style:none;z-index:3;pointer-events:none}.fixed-coin-labels li{height:16px;display:flex;justify-content:flex-end;align-items:center;gap:1px;font:11px Arial,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.fixed-coin-labels li span,.fixed-coin-labels li b{background:var(--coin);color:#111522;padding:1px 4px;line-height:13px;font-weight:400}.fixed-coin-labels li b{min-width:55px;text-align:right}

.brand-mark{font-size:27px;color:var(--muted)}