:root{color-scheme:dark;font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif;color:#e8edf4;background:#070c12;font-synthesis:none;--bg: #070c12;--panel: #0a1119;--panel-raised: #0d1621;--line: #223043;--line-soft: #172333;--text: #e8edf4;--muted: #8290a3;--blue: #2f78ff;--green: #26a69a;--red: #ef5350}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden}button,input{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #5c96ff;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{min-height:100dvh;background:var(--bg)}.topbar{height:52px;display:grid;grid-template-columns:250px 1fr 310px;align-items:center;border-bottom:1px solid var(--line);padding:0 16px;background:#080e15}.brand{font-size:18px;font-weight:780;white-space:nowrap}.brand span{color:#3985ff}.brand b{margin-left:5px;color:#78879a;font-size:10px;letter-spacing:.08em}.primary-nav{height:100%;display:flex;justify-content:center;gap:34px}.primary-nav button{position:relative;border:0;background:transparent;color:#a4afbd;cursor:pointer}.primary-nav button.active{color:#fff;font-weight:700}.primary-nav button.active:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:#397eff}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.global-search{width:218px;height:34px;display:flex;align-items:center;gap:8px;border:1px solid #2a3748;background:#0c141e;color:#7c899b;padding:0 11px;border-radius:5px;cursor:pointer}.icon-button,.star-button,.mobile-menu{width:34px;height:34px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid #2a3748;background:#0d151f;border-radius:5px;cursor:pointer}.icon-button:hover,.star-button:hover,.mobile-menu:hover{border-color:#45617f;color:#fff}.icon-button.active{color:#f4bd3f;border-color:#6e5731}.secondary-bar{height:42px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;border-bottom:1px solid var(--line);background:#091019}.section-path{display:flex;align-items:center;gap:9px;color:#738196;font-size:12px}.section-path b{color:#c8d2df}.data-clock{display:flex;align-items:center;color:#7e8b9d;font-size:11px}.data-clock i{width:6px;height:6px;margin-right:7px;border-radius:50%;background:#6d7989}.data-clock.connected i{background:var(--green);box-shadow:0 0 0 3px #26a69a1f}.workspace{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:calc(100dvh - 94px)}.sidebar{min-width:0;border-right:1px solid var(--line);background:#091019;display:flex;flex-direction:column;overflow:hidden;transition:opacity .14s ease,width .14s ease}.workspace.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.workspace.sidebar-collapsed .sidebar{width:0;border:0;opacity:0;pointer-events:none}.sidebar-mobile-head{display:none}.sidebar-search{height:36px;margin:10px;display:flex;align-items:center;gap:8px;padding:0 9px;border:1px solid #2b394a;border-radius:5px;color:#78869a}.sidebar-search:focus-within{border-color:#4f7db7}.sidebar-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#dbe2ec;font-size:12px}.sidebar-search input::placeholder{color:#667487}.sidebar-section-title{min-height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#7f8da0;font-size:11px;font-weight:700}.market-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 10px 7px}.market-tabs button{height:31px;border:1px solid #29384a;background:#0e1823;border-radius:4px;cursor:pointer;font-size:11px}.market-tabs button.active{background:#1d5fcf;border-color:#347fff}.market-tabs small{margin-left:3px;color:#8290a2;font-size:8px}.sector-list{padding:0 7px 7px;border-bottom:1px solid var(--line-soft)}.sector-list button{width:100%;height:28px;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;color:#96a3b3;padding:0 8px;border-radius:4px;cursor:pointer;text-align:left;font-size:11px}.sector-list button:hover{background:#101b28}.sector-list button.active{background:#142d56;color:#e0ecff}.sector-list button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sector-list b{color:#738398;font-size:10px}.list-title{border-bottom:1px solid var(--line-soft)}.text-filter{padding:0;border:0;background:transparent;cursor:pointer;font-weight:700}.text-filter.active{color:#f0bc45}.company-list{min-height:170px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#29394d transparent}.company-row{width:100%;min-height:49px;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:6px;border:0;border-bottom:1px solid rgba(34,48,67,.52);background:transparent;padding:5px 9px;text-align:left;cursor:pointer}.company-row:hover{background:#101a26}.company-row.active{background:#14284a;box-shadow:inset 3px 0 #3d82ff}.company-rank{color:#657387;font-size:10px;text-align:center}.company-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.company-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.company-copy small,.company-cap{color:#748297;font-size:9px}.company-cap{max-width:56px;text-align:right;white-space:nowrap}.company-empty{min-height:150px;display:grid;place-content:center;justify-items:center;gap:10px;padding:18px;color:#7d899a;text-align:center;font-size:11px}.company-empty button{border:0;background:transparent;color:#68a0ff;cursor:pointer}.sidebar-collapse{height:34px;display:flex;align-items:center;justify-content:center;gap:5px;border:0;border-top:1px solid var(--line);background:transparent;color:#718095;cursor:pointer;font-size:11px}.chart-workspace{min-width:0;min-height:calc(100dvh - 94px);display:grid;grid-template-rows:auto auto auto minmax(430px,1fr) auto;background:#080f17}.chart-workspace>*{min-width:0;max-width:100%}.instrument-head{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:12px 16px;border-bottom:1px solid var(--line)}.instrument-title{min-width:0;display:flex;align-items:flex-start;gap:10px}.instrument-copy{min-width:0}.instrument-name{display:flex;align-items:center;gap:7px;min-width:0}.instrument-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px}.instrument-name span{color:#9aa7b7;font-size:12px}.instrument-name em{padding:2px 5px;border:1px solid #2d3b4d;border-radius:3px;color:#8290a2;font-size:9px;font-style:normal}.instrument-name svg{color:#5f7085}.instrument-price{min-height:31px;display:flex;align-items:baseline;gap:12px;margin-top:5px}.instrument-price>strong{font-size:27px;font-weight:730;font-variant-numeric:tabular-nums}.instrument-price .up{color:var(--red)}.instrument-price .down{color:#4f8eff}.instrument-price .flat{color:#a4afbd}.instrument-price span{font-size:12px}.price-unavailable{color:#758397}.star-button{color:#7d8a9b}.star-button.active{color:#f4bd3f;border-color:#665334}.mobile-menu{display:none}.quote-metrics{width:min(42vw,430px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #263446;border-radius:5px}.quote-metrics div{min-width:0;padding:10px 14px;border-right:1px solid #263446}.quote-metrics div:last-child{border-right:0}.quote-metrics span,.quote-metrics strong{display:block}.quote-metrics span{margin-bottom:5px;color:#8190a3;font-size:10px}.quote-metrics strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-variant-numeric:tabular-nums}.chart-toolbar{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 10px;border-bottom:1px solid var(--line)}.toolbar-leading{min-width:0;display:flex;align-items:center;gap:7px}.sidebar-open{width:32px;height:32px}.timeframes{min-width:0;display:flex;gap:1px}.timeframes button{min-width:42px;height:30px;padding:0 7px;border:0;background:transparent;color:#96a3b4;border-radius:4px;cursor:pointer;font-size:11px}.timeframes button:hover{background:#111c29;color:#dce5ef}.timeframes button.active{color:#fff;background:#176af0}.chart-actions{display:flex;gap:5px}.chart-actions .icon-button{width:32px;height:32px}.chart-context{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:6px 14px;border-bottom:1px solid var(--line-soft)}.chart-meta{min-width:0;display:flex;align-items:center;gap:6px;color:#7e8da0;font-size:11px;white-space:nowrap}.chart-meta strong{color:#dce5ef}.status-badge{padding:3px 6px;border:1px solid #334155;border-radius:3px;color:#7f8da0;font-size:9px}.status-badge.live{border-color:#26a69a80;color:#66c9bf}.status-badge.ready{border-color:#4c80de8c;color:#83aaf2}.ma-controls{min-width:0;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px}.ma-controls label{position:relative;height:23px;display:inline-flex;align-items:center;gap:5px;padding:0 6px;border:1px solid #263446;border-radius:3px;color:#68778a;cursor:pointer;font-size:9px}.ma-controls label.enabled{color:#d7e0ea;background:#101925}.ma-controls input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.ma-controls i{width:12px;height:2px;display:inline-block}.chart-stage{position:relative;min-height:430px;margin:0 8px 7px;border:1px solid #202e40;border-top:0;background:#081019;overflow:hidden}.chart-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.chart-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:8px;padding:20px;text-align:center;color:#748297}.chart-empty strong{color:#bdc8d5;font-size:15px}.chart-empty span{max-width:460px;line-height:1.55;font-size:12px}.chart-empty em{margin-top:5px;padding:5px 9px;border:1px solid #2d3b4d;border-radius:4px;color:#aeb9c7;font-size:11px;font-style:normal}.chart-status-orb{width:28px;height:28px;margin-bottom:4px;border:2px solid #2d3a4d;border-top-color:#5b92f6;border-radius:50%}.chart-status-orb:not(.loading){border-color:#324259;background:radial-gradient(circle,#37577d 0 28%,transparent 31%)}.chart-status-orb.loading{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ohlc-legend{position:absolute;z-index:2;top:9px;left:10px;display:flex;flex-wrap:wrap;gap:8px;padding:4px 7px;border-radius:3px;background:#081019c7;color:#738398;font-size:10px;pointer-events:none}.ohlc-legend b{color:#aeb9c7;font-weight:500}.chart-footer{min-height:34px;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:15px;padding:0 14px;border-top:1px solid var(--line);color:#6f7e92;font-size:10px}.mobile-backdrop{display:none}@media(min-width:861px){.workspace{height:max(658px,calc(100dvh - 94px));min-height:0;overflow:hidden}.sidebar,.chart-workspace{min-height:0;height:100%}}@media(max-width:1100px){.topbar{grid-template-columns:225px 1fr 230px}.global-search{width:170px}.quote-metrics{width:390px}.chart-context{align-items:flex-start;flex-direction:column;gap:6px}.ma-controls{width:100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}.ma-controls label{flex:0 0 auto}}@media(max-width:860px){.topbar{height:52px;grid-template-columns:1fr auto;padding:0 12px}.brand{font-size:16px}.primary-nav{display:none}.global-search{width:34px;padding:0;justify-content:center}.global-search span{display:none}.secondary-bar{height:40px;padding:0 12px}.data-clock{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace,.workspace.sidebar-collapsed{grid-template-columns:minmax(0,1fr);min-height:calc(100dvh - 92px)}.sidebar,.workspace.sidebar-collapsed .sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:min(88vw,340px);border-right:1px solid var(--line);opacity:1;pointer-events:auto;transform:translate(-102%);transition:transform .16s ease;box-shadow:18px 0 50px #00000073}.sidebar.open{transform:translate(0)}.sidebar-mobile-head{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 12px;border-bottom:1px solid var(--line)}.mobile-backdrop{display:block;position:fixed;z-index:19;top:0;right:0;bottom:0;left:0;border:0;background:#0000009e}.sidebar-collapse{display:none}.mobile-menu{display:inline-grid}.chart-workspace{min-height:calc(100dvh - 92px);grid-template-rows:auto auto auto minmax(500px,1fr) auto}.instrument-head{min-height:110px;align-items:stretch;flex-direction:column;gap:10px;padding:10px 12px}.instrument-name strong{font-size:18px}.instrument-price>strong{font-size:25px}.quote-metrics{width:100%}.quote-metrics div{padding:7px 9px}.chart-toolbar{padding:5px 8px}.toolbar-leading{width:calc(100% - 72px)}.sidebar-open{display:none}.timeframes{overflow-x:auto;scrollbar-width:none}.timeframes button{flex:0 0 auto;min-width:41px}.chart-context{min-height:68px;padding:6px 10px}.chart-meta{width:100%;overflow-x:auto;scrollbar-width:none}.chart-stage{min-height:500px;height:max(500px,calc(100dvh - 330px));margin:0;border-left:0;border-right:0}.chart-footer{justify-content:flex-start;padding:6px 10px}}@media(max-width:480px){.brand b,.section-path span{display:none}.instrument-title{gap:7px}.star-button,.mobile-menu{width:32px;height:32px}.instrument-name{gap:5px}.instrument-name span{font-size:10px}.instrument-price{flex-wrap:wrap;gap:7px 10px}.quote-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-metrics div:nth-child(2){border-right:0}.quote-metrics div:nth-child(-n+2){border-bottom:1px solid #263446}.chart-actions .icon-button:last-child{display:none}.toolbar-leading{width:calc(100% - 35px)}.chart-empty span{max-width:300px}.chart-footer span:nth-child(3){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}