/* 테마·기본 요소·애니메이션 — 어두운 트레이딩 터미널 톤. 외부 글꼴·CDN 없음(CSP). */
:root{color-scheme:dark;--bg:#0b0f19;--card:#111827;--panel:#151d30;--deep:#0e1422;--line:#1f293d;--ink:#e5e7eb;--muted:#94a3b8;
  --accent:#6366f1;--accent2:#818cf8;--up:#f04438;--down:#2e90fa;--ok:#10b981;--warn:#f59e0b;--danger:#e11d48;--r:12px;
  --mono:ui-monospace,"JetBrains Mono","Fira Code",Menlo,Consolas,monospace;
  --sans:Pretendard,Inter,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",Roboto,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh}
::selection{background:rgba(99,102,241,.35)}
::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#374151}
:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}
.hidden{display:none!important}
.muted{color:var(--muted)}.sm{font-size:12px}.mono{font-family:var(--mono)}
.up{color:var(--up)}.down{color:var(--down)}.ok{color:var(--ok)}.err{color:var(--danger)}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
@keyframes flashUp{from{background:rgba(240,68,56,.35)}to{background:transparent}}
@keyframes flashDown{from{background:rgba(46,144,250,.35)}to{background:transparent}}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}
@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.flash-up{animation:flashUp .6s ease-out}.flash-down{animation:flashDown .6s ease-out}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}