*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #09090f;--bg-card: #111118;--bg-elevated: #1a1a25;--border: rgba(255, 255, 255, .08);--text: #f0f0f5;--text-muted: #7070a0;--text-dim: #4040608;--green: #22c55e;--green-glow: rgba(34, 197, 94, .25);--red: #ef4444;--red-glow: rgba(239, 68, 68, .25);--accent: #6366f1;--accent-glow: rgba(99, 102, 241, .3)}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body.hide-cursor *{cursor:none!important}.connection-dot{width:18px;height:18px;border-radius:50%;transition:background .3s,box-shadow .3s;cursor:pointer!important;flex-shrink:0}.connection-dot.connected{background:var(--green);box-shadow:0 0 10px var(--green-glow)}.connection-dot.disconnected{background:var(--red);animation:pulse-red 1.5s ease-in-out infinite}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.3}}.view-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.idle-state{display:flex;flex-direction:column;align-items:center;gap:16px;opacity:.3}.idle-state svg{width:48px;height:48px;color:var(--text-muted)}.idle-state p{font-size:18px;color:var(--text-muted);letter-spacing:.05em}