*{margin:0;padding:0;box-sizing:border-box;outline:none}:root{--bg-primary:#ffffff;--bg-secondary:#f9fafb;--bg-sidebar:#fcfcfc;--text-primary:#1f2937;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--accent-color:#10b981;--accent-hover:#059669;--accent-light:rgba(16,185,129,0.1);--border-color:#e5e7eb;--status-connected:#10b981;--status-connecting:#f59e0b;--status-error:#ef4444;--status-idle:#9ca3af;--shadow:0 4px 6px -1px rgba(0,0,0,0.1);--radius:8px}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);height:100vh;width:100vw;overflow:hidden;font-size:14px;margin:0;padding:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.4)}70%{box-shadow:0 0 0 6px rgba(16,185,129,0)}to{box-shadow:0 0 0 0 rgba(16,185,129,0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-6px);opacity:1}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::-moz-selection{background:var(--accent-light);color:var(--accent-color)}::selection{background:var(--accent-light);color:var(--accent-color)}