*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}#root{height:100%}:root{--bg:#0a0a0f;--surface:#0d0d14;--surface2:#111827;--surface3:#0a1628;--border:#1e2533;--border2:#1e3a5f;--text:#e2e8f0;--dim:#4a5568;--nav-active-bg:#1a2744;--nav-active:#60a5fa;--input-bg:#111827}:root.light{--bg:#f1f5f9;--surface:#fff;--surface2:#f8fafc;--surface3:#eff6ff;--border:#e2e8f0;--border2:#bfdbfe;--text:#1a202c;--dim:#475569;--nav-active-bg:#dbeafe;--nav-active:#2563eb;--input-bg:#f8fafc}