:root{--bg-idle:#f8f9fa;--bg-alert:#dc2626;--bg-clear:#15803d;--text-primary:#1a1a1a;--text-secondary:#6b7280;--text-on-alert:#fff;--dot-connected:#16a34a;--dot-connecting:#eab308;--dot-error:#dc2626;--nav-btn-bg:#2563eb;--nav-btn-text:#fff;--card-bg:#fff}@media (prefers-color-scheme:dark){:root{--bg-idle:#111827;--bg-alert:#991b1b;--bg-clear:#166534;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--nav-btn-bg:#3b82f6;--card-bg:#1f2937}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-idle);color:var(--text-primary);-webkit-font-smoothing:antialiased;direction:rtl;min-height:100dvh;font-family:system-ui,-apple-system,sans-serif}@media (prefers-reduced-motion:no-preference){.state-transition{transition:background-color .5s}}.alert-active{background-color:var(--bg-alert)!important;transition:none!important}.clear-active{background-color:var(--bg-clear)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}