:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1220;--surface:#111a2e;--ink:#e6edf7;--muted:#9aa9c2;--hair:#223052;--accent:#7fb0ff;--ok:#4cc38a;--bad:#f08a80}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:14px/1.5 IBM Plex Sans KR,system-ui,sans-serif}a{color:var(--accent);text-decoration:none}.app{max-width:1280px;margin:0 auto;padding:0 16px 48px}.top{border-bottom:1px solid var(--hair);background:var(--bg);z-index:5;align-items:center;gap:14px;padding:12px 0;display:flex;position:sticky;top:0}.brand{color:var(--ink);letter-spacing:.02em;font-weight:700}.top nav a{color:var(--muted);margin-right:10px}.top nav a.on{color:var(--ink)}.spacer{flex:1}.dot{background:var(--bad);border-radius:50%;width:9px;height:9px}.dot.ok{background:var(--ok)}select,input,button{font:inherit;background:var(--surface);color:var(--ink);border:1px solid var(--hair);border-radius:8px;padding:6px 10px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:#0b1220;border-color:var(--accent);font-weight:600}button.on{border-color:var(--accent);color:var(--accent)}h2{margin:18px 0 8px;font-size:1.15rem}h2 small,h3 small{color:var(--muted);margin-left:8px;font-size:.85rem;font-weight:400}h3{margin:16px 0 6px;font-size:1rem}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9rem}th,td{border-bottom:1px solid var(--hair);text-align:left;white-space:nowrap;padding:6px 8px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:500}tr.buy td:nth-child(2){color:var(--ok)}tr.sell td:nth-child(2){color:var(--bad)}.cols{grid-template-columns:1fr 1fr;gap:20px;display:grid}.market .cols{grid-template-columns:2fr 1fr}@media (width<=900px){.cols,.market .cols{grid-template-columns:1fr}}.chart{border:1px solid var(--hair);border-radius:10px;width:100%;height:360px;overflow:hidden}.head .kv{color:var(--muted);flex-wrap:wrap;gap:6px 16px;font-size:.9rem;display:flex}.head .kv b{color:var(--ink)}.panel{background:var(--surface);border:1px solid var(--hair);border-radius:12px;gap:10px;padding:14px;display:grid;position:sticky;top:64px}.panel label{color:var(--muted);gap:4px;font-size:.85rem;display:grid}.panel input{width:100%}.tabs{gap:6px;display:flex}.tabs button{flex:1}.tabs.sub{margin:14px 0 6px}.tabs.sub button{flex:none;padding:4px 14px}td.share{min-width:110px}.bar{background:var(--accent);opacity:.75;border-radius:2px;height:4px;margin-bottom:4px;display:block}.quick{gap:6px;display:flex}.quick button{flex:1;padding:4px}.row{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.muted{color:var(--muted)}.err,.bad{color:var(--bad)}.msg{color:var(--accent);word-break:break-all}.panel.static{margin:8px 0;position:static}.orders select{min-width:160px}.banner{border:1px solid var(--hair);color:var(--muted);border-left:3px solid #e0a040;border-radius:8px;margin:10px 0 0;padding:8px 12px;font-size:.9rem}.tags{max-width:360px;margin:6px 0 10px}.tags button.active{border-color:var(--accent,#3b82f6);color:var(--accent,#3b82f6);font-weight:600}.viewers{color:var(--muted);vertical-align:middle;margin-left:6px;font-size:.78rem;font-weight:500}button.link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:.78rem;text-decoration:underline}.boundary{border:1px solid var(--line,#333);border-radius:6px;max-width:640px;margin:48px auto;padding:24px}.boundary pre{white-space:pre-wrap;word-break:break-word;opacity:.8;font-size:.85em}
