:root{--color-bg: #060a12;--color-surface: #0c1525;--color-elevated: #111e30;--color-border: #1a2d45;--color-cyan: #22d3ee;--color-cyan-dim: rgba(34, 211, 238, .12);--color-green: #10b981;--color-amber: #f59e0b;--color-red: #f43f5e;--color-text: #e2eaf4;--color-muted: #4a6180;--font-ui: "Syne", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 20% 50%,rgba(34,211,238,.03) 0%,transparent 60%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.025) 0%,transparent 50%)}#root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(34,211,238,.08) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}@keyframes pulse-cyan{0%{box-shadow:0 0 #22d3ee99,0 0 16px #22d3ee66}70%{box-shadow:0 0 0 16px #22d3ee00,0 0 24px #22d3ee33}to{box-shadow:0 0 #22d3ee00,0 0 16px #22d3ee66}}@keyframes pulse-green{0%{box-shadow:0 0 #10b98199,0 0 16px #10b98166}70%{box-shadow:0 0 0 16px #10b98100,0 0 24px #10b98133}to{box-shadow:0 0 #10b98100,0 0 16px #10b98166}}@keyframes pulse-red{0%{box-shadow:0 0 #f43f5e99,0 0 16px #f43f5e66}70%{box-shadow:0 0 0 16px #f43f5e00,0 0 24px #f43f5e33}to{box-shadow:0 0 #f43f5e00,0 0 16px #f43f5e66}}.led-online{animation:pulse-green 2.4s ease-in-out infinite}.led-offline{animation:pulse-red 2.4s ease-in-out infinite}.led-cyan{animation:pulse-cyan 2.4s ease-in-out infinite}.mono{font-family:var(--font-mono)}