:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#b5c1ce;background:#080a0f;font-size:13px}*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column}header{padding:18px 24px 14px;border-bottom:1px solid #202632;background:#0b0e15}.identity{display:flex;align-items:center;gap:12px;margin-bottom:16px}.brand{font-size:11px;letter-spacing:3px;color:#8fa6bc;font-weight:700}.divider{color:#3b4554}h1{font-size:17px;font-weight:500;margin:0;color:#c1ccd9}.badge{font-size:9px;letter-spacing:1px;border:1px solid #725b35;border-radius:3px;padding:4px 7px;color:#c4a572;margin-left:auto}form{display:flex;align-items:center;gap:14px;flex-wrap:wrap}label{display:flex;align-items:center;gap:7px;color:#8698ad;font-size:12px}input,select,button{background:#111722;color:#b9c6d7;border:1px solid #303c4d;border-radius:4px;font:inherit;padding:6px 9px}input#symbol{width:90px;text-transform:uppercase}button{cursor:pointer}button:hover,select:hover{border-color:#7588a5}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #708ccd;outline-offset:2px}input[type=checkbox]{accent-color:#5975c1;width:14px;height:14px}.toggle{white-space:nowrap}.provenance{display:flex;gap:14px;align-items:center;padding:9px 24px;font-size:11px;color:#8c9aaa;min-height:35px;position:relative}.provenance details{margin-left:auto;z-index:4}.provenance summary{cursor:pointer;white-space:nowrap}.provenance details[open]{position:absolute;right:18px;top:5px;max-width:620px;padding:16px;background:#131a26;border:1px solid #394352;border-radius:5px;line-height:1.65;box-shadow:0 12px 36px #0008}.provenance details[open] summary{margin-bottom:9px;color:#c1ccd9}.provenance p{margin-bottom:0}.grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr;gap:8px;padding:0 16px 12px}.grid.six{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.pane{min-width:0;min-height:0;display:flex;flex-direction:column;background:#030508;border:1px solid #202632;border-radius:5px;overflow:hidden}.pane-head{display:flex;gap:8px;align-items:center;padding:10px 12px 7px;font-size:12px;color:#8fa3bb}.pane-head strong{color:#b7c5d8;letter-spacing:.5px}.pane-head select{font-size:10px;padding:3px 5px}.range{font-size:10px;margin-left:auto;color:#738397}.stage{position:relative;flex:1;min-height:150px;overflow:hidden}.stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.labels{position:absolute;right:7px;top:0;bottom:0;pointer-events:none}.end-label{position:absolute;display:flex;align-items:center;gap:5px;height:23px;left:0;right:0;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1;pointer-events:auto}.end-label b{font-size:12px;font-weight:600}.end-label .pct{font-size:11px;letter-spacing:-.3px}.end-label .price{font-size:10px;margin-left:auto;opacity:.82}.end-label.blue{color:var(--cloud-blue)}.end-label.pink{color:var(--cloud-pink)}.pane-readout{position:absolute;left:10px;top:4px;font-size:10px;color:#9aa8b8;pointer-events:none;max-width:75%;padding:3px;background:#030508c9}.error{padding:24px;color:#cc9ca8}.empty{padding:35px;color:#8696aa}footer{display:flex;justify-content:space-between;gap:10px;padding:0 24px 12px;font-size:10px;color:#687c94}footer span{display:flex;align-items:center;gap:6px}i{width:9px;height:3px;display:inline-block}i.blue{background:var(--cloud-blue)}i.pink{background:var(--cloud-pink)}@media(max-width:1000px){.grid.six{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(250px,1fr));overflow:auto}.grid.six .stage{min-height:210px}header{padding:12px}.provenance{padding:8px 12px}footer{padding:0 12px 10px;flex-wrap:wrap}}@media(max-width:650px){body{height:auto;min-height:100dvh}.identity{flex-wrap:wrap}.badge{margin-left:0}.grid,.grid.six{display:block;padding:0 8px}.pane{height:430px;margin-bottom:8px}.grid.six .pane{height:330px}form{gap:8px}.provenance{align-items:flex-start;line-height:1.5}.provenance details[open]{left:8px;right:8px}.range{max-width:100px}.end-label b{font-size:11px}footer{line-height:1.5}}
:root{--label-size:12px}
.labels{left:0;right:auto}
.end-label{right:auto;transform:translateY(-50%);height:auto;min-height:18px;gap:4px}
.end-label b{font-size:var(--label-size)}
.end-label .pct{font-size:calc(var(--label-size) - 1px)}
.end-label .price{font-size:calc(var(--label-size) - 2px);margin-left:3px}
.end-label.blue{color:var(--cloud-blue)}
.end-label.pink{color:var(--cloud-pink)}
.price-view{margin-top:10px}
.end-label{display:grid;grid-template-columns:auto 1fr;column-gap:4px;row-gap:3px;width:max-content;text-shadow:0 1px 2px #030508}
.end-label .price{grid-column:1 / -1;margin:0;font-size:9px;opacity:.7}
.end-label.blue{color:var(--cloud-blue)}
.price-view{display:flex;gap:18px;align-items:center}
.pane-head strong,.day-change{color:var(--day-color,#8797aa);font-weight:700;font-variant-numeric:tabular-nums}
.pane-head select{margin-left:auto}
.quote-state{font-size:10px;color:#b8a16d}
.stage canvas{cursor:crosshair;overscroll-behavior:contain}
.stage canvas.is-panning{cursor:grabbing}
.end-label{transform:translateY(calc(var(--label-size) * -.5))}
.end-label.compact{grid-template-columns:1fr;gap:3px}
.end-label .price{font-size:max(8px,calc(var(--label-size) - 4px))}
.end-label.compact .pct{font-size:max(8px,calc(var(--label-size) - 4px));grid-column:1}
.end-label.compact .price{font-size:max(8px,calc(var(--label-size) - 5px));grid-column:1}
.end-label.compact:hover{width:max-content!important;z-index:2;background:#030508;padding:5px}
.end-label.compact:hover .pct,.end-label.compact:hover .price{font-size:10px}