:root{--bg-deep: #ede9f8;--bg-page: #f8f6ff;--bg-panel: #ffffff;--bg-card: #ffffff;--bg-info: #f0ebff;--text: #1a0f2e;--text-muted: #7b6a9c;--text-emphasis: #f4efff;--border: #ddd5f0;--border-strong: #c4b0e4;--ok: #2d0a5c;--ok-light: #7b3fc8;--flow: #29aae2;--flow-light: #7dd4f5;--pipe-inactive: #c8bedd;--header-bg: #2d0a5c;--blue: #4060d8;--device-fill: #f0edf8;--device-fill-alt: #e0d8f0;--device-fill-active: #e8e0f5;--device-stroke: #9b88c0;--pipe-inner: #b0a0cc;--data-body: #ffffff;--flow-dot: #ffffff}body.dark{--bg-deep: #0b0717;--bg-page: #110d22;--bg-panel: #1a1432;--bg-card: #1a1432;--bg-info: #221a40;--text: #e8e0ff;--text-muted: #9080b8;--text-emphasis: #e8e0ff;--border: #2a2050;--border-strong: #3d2f70;--ok: #9055e0;--ok-light: #b07ef0;--flow: #29aae2;--flow-light: #7dd4f5;--pipe-inactive: #342860;--header-bg: #0b0717;--blue: #6080f0;--device-fill: #201a3a;--device-fill-alt: #281e48;--device-fill-active: #2a2258;--device-stroke: #5a4888;--pipe-inner: #3a2d60;--data-body: #1a1432;--flow-dot: #c0b0ff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-deep);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}