/* IR 시연 시뮬레이터 — 공통 토큰(제어 화면 시안 v0.2 와 같은 색) · 1부 = 어두운 현장 / 2부 · 휴대폰 = 밝은 사무실 */
:root{
  --fd:"Do Hyeon","Malgun Gothic","Apple SD Gothic Neo",sans-serif;
  --fb:"IBM Plex Sans KR","Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif;
  --mono:ui-monospace,Consolas,"D2Coding",monospace;
  --r-lg:22px;--r-md:14px;--r-sm:10px;
  --warn:#E3A33A;--rain:#6FA0F0;--ok:#3FBF8A;--grey:#8A968F;--danger:#E0675C;
}
.theme-dark{
  --bg:#0E1512;--surface:#16211B;--sunk:#1D2A23;--ink:#E6EFE8;--muted:#9BB1A3;--line:#2B3A31;
  --accent:#3FBF8A;--accent-soft:#173a2b;--rain-soft:#14243a;--warn-soft:#3a2a10;--danger-soft:#3b1c18;
}
.theme-light{
  --bg:#EEF2EC;--surface:#FFFFFF;--sunk:#E3EAE1;--ink:#14221A;--muted:#5B6C61;--line:#D3DDD3;
  --accent:#0F6A4C;--accent-soft:#D7EBE2;--rain:#2563C9;--rain-soft:#DCE7FA;--warn:#B86E0A;--warn-soft:#F8E8CF;--danger:#BE3328;--danger-soft:#F7DEDA;--ok:#2C8A57;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:var(--fb);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
.disp{font-family:var(--fd);font-weight:400;letter-spacing:.2px}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:15px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:transparent}
.chip.v{border-color:var(--warn);color:var(--warn);font-weight:700}
.theme-light .chip.v{background:var(--warn-soft)}
.chip.ok{color:var(--accent);border-color:var(--accent)}
.chip.bad{color:var(--danger);border-color:var(--danger)}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none}
.hidden{display:none!important}
button{font-family:inherit;color:inherit;cursor:pointer;border:none;background:none}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}