.mqviz-root{--mq-primary:#f59e0b;--mq-primary-hover:#d97706;--mq-cyan:#06b6d4;--mq-emerald:#10b981;--mq-rose:#f43f5e;--mq-purple:#a855f7;--mq-bg:#090a0f;--mq-surface:#11131c;--mq-surface-2:#181b26;--mq-border:#f59e0b38;--mq-border-subtle:#ffffff14;--mq-text:#f1f5f9;--mq-muted:#84899b;--mq-display:"Syne", sans-serif;--mq-sans:"Inter", sans-serif;--mq-mono:"DM Mono", monospace;font-family:var(--mq-sans);background-color:var(--mq-bg);color:var(--mq-text);min-height:100vh}html.light .mqviz-root,html[data-theme=light] .mqviz-root,html:not(.dark) .mqviz-root,.mqviz-root[data-theme=light],.mqviz-root.light-mode{--mq-bg:#f8fafc;--mq-surface:#fff;--mq-surface-2:#f1f5f9;--mq-border:#f59e0b47;--mq-border-subtle:#00000014;--mq-text:#0f172a;--mq-muted:#64748b}html.dark .mqviz-root,html[data-theme=dark] .mqviz-root,.mqviz-root[data-theme=dark],.mqviz-root.dark-mode{--mq-bg:#090a0f;--mq-surface:#11131c;--mq-surface-2:#181b26;--mq-border:#f59e0b38;--mq-border-subtle:#ffffff14;--mq-text:#f1f5f9;--mq-muted:#84899b}.mqviz-root .font-display{font-family:var(--mq-display)}.mqviz-root .font-mono{font-family:var(--mq-mono)}.mqviz-root .mq-glow{text-shadow:0 0 25px #f59e0b8c,0 0 50px #f59e0b33}.mqviz-root .mq-card{background:var(--mq-surface);border:1px solid var(--mq-border-subtle);transition:all .25s cubic-bezier(.16,1,.3,1)}.mqviz-root .mq-card:hover{border-color:var(--mq-border);transform:translateY(-3px);box-shadow:0 12px 30px -10px #f59e0b26}.mqviz-root .mq-grid-bg{background-image:linear-gradient(90deg,#f59e0b0d 1px,#0000 1px),linear-gradient(#f59e0b0d 1px,#0000 1px);background-size:38px 38px}@keyframes packet-flow{0%{opacity:0;transform:translate(-100%)}50%{opacity:1}to{opacity:0;transform:translate(100%)}}.mqviz-root .animate-packet-flow{animation:1.5s linear infinite packet-flow}