#priceChartLegend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;margin-top:10px;font-variant-numeric:tabular-nums}
#priceChartLegend>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 6px;min-width:0;border-left:3px solid var(--series-color);padding-left:7px}
#priceChartLegend span{color:var(--series-color);font-size:11px;line-height:18px}
#priceChartLegend strong{font-size:12px;line-height:18px;white-space:nowrap}
#priceChartLegend small{grid-column:1/-1;color:var(--amber);font-size:10px}
@media(max-width:450px){#priceChartLegend{gap:6px 10px}#priceChartLegend>div{grid-template-columns:1fr}#priceChartLegend span,#priceChartLegend strong{line-height:16px}#priceChartLegend strong{font-size:13px}}
.price-chart-selection{margin-top:10px;border-top:1px solid #303935;padding-top:8px;font-variant-numeric:tabular-nums}
.price-chart-selection-heading{display:flex;align-items:center;gap:8px;color:#99a79f;font-size:11px}.price-chart-selection-heading time{color:#f5f7f2}.price-chart-selection-heading button{margin-left:auto}
.price-chart-selection>[data-selection-values]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 16px;margin-top:6px}
.price-selection-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 6px;border-left:3px solid var(--series-color);padding-left:7px}.price-selection-row span{color:var(--series-color);font-size:11px}.price-selection-row strong{font-size:12px}.price-selection-row small{grid-column:1/-1;color:#99a79f;font-size:10px}
@media(max-width:450px){.price-chart-selection>[data-selection-values]{grid-template-columns:1fr;gap:5px}.price-selection-row{grid-template-columns:minmax(0,1fr) auto}.price-selection-row small{grid-column:auto}}
.volatility-layout{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:14px;align-items:stretch;min-width:0}.volatility-layout #chart{min-width:0}.volatility-panel{display:flex;flex-direction:column;gap:8px;min-width:0;padding:8px 0 4px 12px;border-left:1px solid var(--line);font-variant-numeric:tabular-nums}.volatility-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;color:var(--muted)}.volatility-state{font-size:10px;padding:3px 6px;border-radius:3px;background:#302c21;color:var(--muted);white-space:nowrap}.volatility-state[data-level=calm]{background:#173729;color:#8be0ad}.volatility-state[data-level=watch]{background:#3a3019;color:#f0ce72}.volatility-state[data-level=storm],.volatility-state[data-level=stale]{background:#452126;color:#ff9da4}.volatility-main{display:flex;flex-direction:column;gap:3px}.volatility-main strong{font-size:21px;line-height:1.2;color:var(--text)}.volatility-main span,.volatility-stats span,.volatility-note{font-size:10px;color:var(--muted);line-height:1.4}.volatility-meter{height:5px;background:linear-gradient(90deg,#285b43 0 50%,#695524 50% 78%,#653238 78%);border-radius:2px;overflow:hidden}.volatility-meter span{display:block;width:0;height:100%;background:#72d49a;transition:width .2s ease,background .2s ease}.volatility-stats{display:flex;align-items:center;justify-content:space-between;gap:4px}.volatility-stats strong{font-size:11px;color:var(--text)}.volatility-note{margin-top:auto}@media(max-width:700px){.volatility-layout{grid-template-columns:minmax(0,1fr);gap:0}.volatility-layout #chart{height:clamp(88px,calc((100svh - 540px)*.6),220px)}.volatility-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:10px 0;border-left:0;border-top:1px solid var(--line)}.volatility-heading{grid-column:1/-1}.volatility-main{grid-row:2;grid-column:1}.volatility-stats:nth-child(4){grid-row:2;grid-column:2}.volatility-meter{grid-row:3;grid-column:1/-1}.volatility-stats:nth-child(5){grid-row:4;grid-column:1/-1}.volatility-note{grid-row:5;grid-column:1/-1}.volatility-main strong{font-size:20px}}