/* Compact controls leave the vertical space to the six charts. */
.extreme-header{display:flex;min-height:34px;padding:4px 12px;gap:12px}.extreme-header .back{padding:3px;font-size:10px}.extreme-header h1{font-size:16px}.extreme-header h1 span{font-size:9px}.extreme-audio{margin:0 0 0 auto}.extreme-audio button{min-height:25px;padding:3px 7px;font-size:9px}.extreme-header .volume{font-size:9px}.extreme-header input{width:50px}
body>nav{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:7px;padding:4px 10px}.extreme-flow{width:290px;height:60px;flex:0 0 290px;margin-left:auto;border:0}.extreme-mode-link{font-size:10px}.provider-options{display:flex;gap:3px}.provider-options button{font-size:9px;padding:4px 6px;min-height:27px}.extreme-sources{padding:0 10px!important}.extreme-recent{padding-bottom:4px}.source-card summary{padding-block:6px}.chart-provider{font-size:9px;min-height:24px;padding:3px 6px;white-space:nowrap}.extreme-chart-head{min-height:47px}.extreme-chart-tools{position:relative;display:flex;justify-content:center;align-items:center;min-height:27px;padding:0 6px}.extreme-chart-tools .chart-measure-tools{display:flex;justify-content:center;margin:0;padding:0}.extreme-chart-tools button{font-size:9px;padding:3px 9px;min-height:23px}.extreme-chart-tools .extreme-original{position:absolute;right:4px;top:7px;font-size:8px}.dex-mode .chart-measure-tools{visibility:hidden}.dex-chart-frame{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:8;background:#141722}.dex-chart-frame[hidden]{display:none}.dex-chart-notice{position:absolute;z-index:9;top:8px;left:50%;transform:translateX(-50%);background:#18362f;color:#c7f4df;max-width:90%;font-size:11px;box-shadow:0 4px 20px #0006}.dex-chart-notice[hidden]{display:none}.swap-dex{width:100%;height:480px;border:1px solid #3b5362;border-radius:9px}.swap-chart-tabs{display:flex;gap:8px;margin:15px 0}.swap-chart-tabs button{font-size:12px}.swap-chart-dialog small{display:block;margin:10px 0;color:#adc0d1}.swap-chart-dialog [hidden]{display:none!important}
@media(min-width:1051px){body:has(.extreme-header) main{min-height:680px}body:has(.extreme-header){overflow:auto;min-height:100dvh;height:auto}#extreme-charts{min-height:680px}body:has(.extreme-header){height:100dvh}.extreme-flow{margin-block:-2px}}
@media(max-width:1050px){.extreme-header{display:flex;flex-wrap:wrap;gap:5px}.extreme-brand{grid-column:auto}.extreme-flow{margin:0;height:60px;flex:1;max-width:400px}.extreme-audio{margin-left:auto}body:has(.extreme-header) #extreme-charts{min-height:1800px}body:has(.extreme-header) main{min-height:1900px}}
@media(max-width:650px){body>nav{gap:6px;padding:6px}.extreme-flow{flex-basis:100%;max-width:none;width:100%;height:60px}.extreme-header .extreme-audio .volume,.extreme-header #extreme-test{display:none}.extreme-header .extreme-audio{flex-wrap:nowrap}#extreme-intervals{flex-wrap:wrap}.extreme-chart-head{min-height:43px}.source-card summary .source-preview{font-size:10px}.swap-dex{height:430px}}

.dex-source-label{display:none;font-size:8px;color:#a8bdcf}.dex-mode .dex-source-label{display:block}.dex-mode .extreme-chart-stamp{display:none}.dex-chart-notice{top:auto;bottom:3px;font-size:9px;padding:4px 8px;min-height:22px}