:root{--paper:#14130f;--panel:#1e1c17;--panel-hi:#28251e;--inset:#0e0d0a;--ink:#f2efe7;--ink-muted:#a8a29a;--ink-faint:#8a857c;--ink-dis:#6e6961;--ink-inv:#14130f;--heavy:3px solid #d7d2c7;--cardline:1px solid #b3aea3;--rule:1px solid #322e28;--dotted:1px dotted #3d3830;--accent:#d9761f;--accent-ink:#14130f;--accent-soft:#2e2115;--up:#f2564a;--down:#6a9dff;--border:#38342d;--border-soft:#2a2721;--border-strong:#4d483f;--buy-soft:#f2564a29;--sell-soft:#6a9dff29;--buy-bd:#f2564a66;--sell-bd:#6a9dff66;--grid:#38342d;--f-d:"Noto Sans KR",system-ui,"Apple SD Gothic Neo",sans-serif;--f-b:"Noto Sans KR",system-ui,"Apple SD Gothic Neo",sans-serif;--f-m:"IBM Plex Mono",ui-monospace,Consolas,monospace}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:400 14px/1.55 var(--f-b);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent);opacity:.85}h1,h2,h3{font-family:var(--f-d);margin:0;font-weight:900}.num{font-family:var(--f-m);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.up{color:var(--up)}.down{color:var(--down)}table{border-collapse:collapse;background:0 0;border:0;border-radius:0;width:100%}th{background:var(--panel);border-bottom:var(--heavy);font:700 12px/1.3 var(--f-b);color:var(--ink);letter-spacing:.04em;white-space:nowrap;text-align:left;padding:7px 10px}td{height:36px;font:400 13px/1.45 var(--f-b);color:var(--ink);white-space:nowrap;border-bottom:0;padding:0 10px}tbody tr+tr td{border-top:var(--dotted)}.r{text-align:right}.btn{min-height:32px;font-family:var(--f-b);border:1px solid var(--border-strong);color:var(--ink);cursor:pointer;background:0 0;border-radius:0;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.xs{min-height:28px;padding:0 8px;font-size:12px}.btn.lg{min-height:40px;padding:0 18px;font-size:14px}.btn.ghost{border-color:var(--border);color:var(--ink-muted)}.badge{height:20px;font:700 11px/1 var(--f-b);letter-spacing:.03em;border:1px solid var(--border-strong);color:var(--ink-muted);white-space:nowrap;align-items:center;gap:5px;padding:0 7px;display:inline-flex}.badge.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.badge.dash{border-style:dashed;border-color:var(--border-strong);color:var(--ink-faint)}.badge.buy{background:var(--buy-soft);border-color:var(--buy-bd);color:var(--up)}.badge.sell{background:var(--sell-soft);border-color:var(--sell-bd);color:var(--down)}.lbl{font:700 13px/1.4 var(--f-b);color:var(--ink)}.meta{font:400 12px/1.4 var(--f-b);color:var(--ink-faint)}.muted{color:var(--ink-muted)}.faint{color:var(--ink-faint)}.field{background:var(--inset);border:1px solid var(--border);height:32px;color:var(--ink);font:400 13px/30px var(--f-b);border-radius:0;width:100%;padding:0 10px;display:block}.field.mono{font-family:var(--f-m);font-size:12px}.shell{grid-template-columns:196px 1fr;height:100%;display:grid;overflow:hidden}.side{background:var(--paper);border-right:var(--rule);flex-direction:column;gap:2px;padding:16px 10px;display:flex}.brand{border-bottom:var(--rule);margin-bottom:12px;padding:0 8px 13px}.nav-i{height:32px;color:var(--ink-muted);font:400 13px/1 var(--f-b);align-items:center;gap:9px;padding:0 8px;display:flex}.nav-i.on{background:var(--panel-hi);color:var(--ink);font-weight:700}.nav-i svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 16px}.nav-sec{font:700 11px/1 var(--f-b);letter-spacing:.06em;color:var(--ink-dis);padding:14px 8px 6px}.main{flex-direction:column;min-width:0;display:flex;overflow:hidden}.top{border-bottom:var(--heavy);flex:none;justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0 20px;display:flex}.ptitle{font:900 22px/1.3 var(--f-d)}.bodywrap{flex-direction:column;gap:16px;min-height:0;padding:18px 20px;display:flex}.card{border:var(--rule);background:var(--panel);flex-direction:column;min-height:0;display:flex}.card-h{border-bottom:var(--rule);flex:none;justify-content:space-between;align-items:center;gap:12px;height:38px;padding:0 12px;display:flex}.card-t{font:900 15px/1.4 var(--f-d)}.card-b{min-height:0;padding:12px}.card-b.flush{padding:0}.stat-l{font:700 12px/1.4 var(--f-b);color:var(--ink-faint);letter-spacing:.03em}.stat-v{font:700 28px/1.15 var(--f-m);font-variant-numeric:tabular-nums;color:var(--ink)}.stat-v.sm{font-size:20px}.row{align-items:center;gap:8px;display:flex}.col{flex-direction:column;display:flex}.grow{flex:auto;min-width:0;min-height:0}html,body,#root{height:100%}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}input,select{font-family:inherit}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.nav-i{text-decoration:none}.nav-i:hover{background:var(--panel);color:var(--ink)}.nav-i.on:hover{background:var(--panel-hi)}.btn:hover:not(:disabled){background:var(--panel)}.btn.primary:hover:not(:disabled){background:var(--accent);opacity:.88}tbody tr:hover td{background:var(--panel)}.scroll{min-height:0;overflow:auto}.scroll::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar-track{background:var(--inset)}.scroll::-webkit-scrollbar-thumb{background:var(--border-strong)}.scroll thead th{z-index:1;position:sticky;top:0}.empty{color:var(--ink-faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 20px;display:flex}.demo-strip{border-bottom:var(--rule);background:var(--accent-soft);color:var(--accent);font:700 12px/1.4 var(--f-b);align-items:center;gap:10px;padding:7px 20px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}