.live-index{min-width:0;padding:14px!important;gap:10px;border-left:1px solid var(--line);background:#0b1d18}
.index-label{display:flex;align-items:center;justify-content:space-between;gap:12px}
.index-label span{display:flex;flex-direction:column;gap:3px}.index-label b{font-size:14px}.index-label small{color:var(--muted);font:600 8px 'IBM Plex Mono';letter-spacing:.08em}
.kospi-summary tv-single-ticker{display:block;min-height:92px;width:100%}
.live-index button{width:auto;padding:9px 11px;border:1px solid #41645a;background:#102820;color:var(--lime);font:800 9px 'Noto Sans KR';text-align:left;white-space:nowrap;cursor:pointer}
.live-index button:hover,.live-index button:focus-visible{background:#173b30;outline:2px solid var(--lime);outline-offset:1px}
#chartDialog{width:min(1100px,calc(100vw - 34px));height:min(760px,calc(100dvh - 40px));border:1px solid #41645a;background:#0b1d18;color:var(--white);padding:0;box-shadow:0 35px 100px rgba(0,0,0,.6)}
#chartDialog::backdrop{background:rgba(2,9,7,.82);backdrop-filter:blur(5px)}
.chart-head{display:flex;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}
.chart-head small{color:var(--mint);font:600 9px 'IBM Plex Mono';letter-spacing:.12em}
.chart-head h2{margin:6px 0 2px;font-size:25px}
.chart-head p{margin:0;color:var(--muted);font-size:10px}
.chart-head button{width:38px;height:38px;border:1px solid var(--line);background:none;color:white;font-size:24px;cursor:pointer}
.chart-tabs{display:flex;gap:8px;padding:12px 24px 0}.chart-tabs button{min-width:92px;padding:10px 16px;border:1px solid #41645a;background:#102820;color:var(--muted);font:800 11px 'Noto Sans KR';cursor:pointer}.chart-tabs button[aria-selected="true"]{border-color:var(--lime);background:#173b30;color:var(--lime)}.chart-tabs button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.live-chart{height:calc(100% - 190px);padding:12px}.expanded-index-frame{display:block;width:100%;height:100%;border:0;background:#fff}
.chart-foot{display:flex;gap:20px;padding:13px 24px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}
.chart-foot b{margin-left:auto;font-weight:500}
@media(max-width:800px){#chartDialog{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;margin:0}.chart-head{padding:16px}.chart-tabs{padding:10px 16px 0}.chart-tabs button{flex:1}.live-chart{height:calc(100% - 206px);padding:8px}.chart-foot{padding:12px 16px;flex-wrap:wrap}.chart-foot b{width:100%;margin-left:0}.live-index{padding:12px!important}}