:root{color-scheme:dark;font-family:Manrope,Inter,system-ui,sans-serif;background:#06151e;color:#e6f5f5}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0}
body{min-width:0}
a{color:#70dbea}
.chart-shell{display:flex;flex-direction:column;width:100%;height:100%;min-height:280px;padding:12px;background:linear-gradient(145deg,#0b2430,#06151e 44%)}
.chart-heading,.chart-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.chart-heading{min-height:52px;padding:0 4px 9px}
.chart-kicker,.chart-period{color:#82aeb5;font-size:10px;letter-spacing:.13em;font-weight:700}
h1{font-size:17px;letter-spacing:.04em;line-height:1.2;margin:3px 0 0}h1 span{color:#a9c5cb;font-weight:500}
.chart-period{white-space:nowrap}
.chart-stage{position:relative;flex:1;min-height:180px;overflow:hidden;border:1px solid #1a4651;border-radius:9px;background:#071821}
.tradingview-widget-container{width:100%;height:100%}
.tradingview-widget-container iframe{display:block;width:100%;border:0}
.tradingview-widget-copyright{display:flex;align-items:center;justify-content:center;gap:4px;height:32px;color:#8daab0;font-size:11px}
.tradingview-widget-copyright a{text-decoration:none}
.chart-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center;background:#071821;color:#b9d5d9;font-size:13px}
.chart-status p{margin:0;max-width:34ch}
.chart-status a{font-size:12px}
body[data-chart-state="ready"] .chart-status{display:none}
.chart-footer{min-height:31px;padding:8px 4px 0;color:#8daab0;font-size:10px;line-height:1.3}
.chart-footer a{white-space:nowrap;text-decoration:none}
@media(max-width:420px){.chart-shell{padding:8px}.chart-period{font-size:9px}.chart-footer{font-size:9px}}
.monitor-mode .chart-shell{padding:0;min-height:0;background:#06151e}
.monitor-mode .chart-heading,.monitor-mode .chart-footer{display:none}
.monitor-mode .chart-stage{min-height:0;border:0;border-radius:0}