*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: #ffffff;--bg-input: #ffffff;--bg-hover: #e2e8f0;--bg-modal: #ffffff;--bg-overlay: rgba(15, 23, 42, .75);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--accent-indigo: #6366f1;--accent-indigo-hover: #4f46e5;--accent-indigo-light: #eef2ff;--accent-indigo-text: #4338ca;--accent-green: #10b981;--accent-green-hover: #059669;--accent-green-light: #d1fae5;--accent-green-text: #047857;--accent-green-bg: #ecfdf5;--accent-green-border: #a7f3d0;--accent-red: #ef4444;--accent-red-hover: #dc2626;--accent-red-light: #fee2e2;--accent-red-text: #b91c1c;--accent-red-bg: #fef2f2;--accent-red-border: #fecaca;--accent-amber: #f59e0b;--accent-amber-hover: #d97706;--accent-amber-light: #fef3c7;--accent-amber-text: #b45309;--accent-purple: #a855f7;--accent-purple-hover: #9333ea;--accent-orange: #f97316;--accent-orange-hover: #ea580c;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--status-connected-bg: #ecfdf5;--status-connected-border: #10b981;--status-connected-text: #047857;--status-disconnected-bg: #fef2f2;--status-disconnected-border: #ef4444;--status-disconnected-text: #b91c1c;--status-pending-bg: #fef3c7;--status-pending-border: #f59e0b;--status-pending-text: #b45309}@media(prefers-color-scheme:dark){:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-input: #334155;--bg-hover: #334155;--bg-modal: #1e293b;--bg-overlay: rgba(0, 0, 0, .8);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--border-primary: #334155;--border-secondary: #475569;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .6);--accent-indigo-light: #312e81;--accent-indigo-text: #a5b4fc;--accent-green-light: #064e3b;--accent-green-text: #6ee7b7;--accent-green-bg: #064e3b;--accent-green-border: #10b981;--accent-red-light: #7f1d1d;--accent-red-text: #fca5a5;--accent-red-bg: #7f1d1d;--accent-red-border: #ef4444;--accent-amber-light: #78350f;--accent-amber-text: #fcd34d;--status-connected-bg: #064e3b;--status-connected-border: #10b981;--status-connected-text: #6ee7b7;--status-disconnected-bg: #7f1d1d;--status-disconnected-border: #ef4444;--status-disconnected-text: #fca5a5;--status-pending-bg: #78350f;--status-pending-border: #f59e0b;--status-pending-text: #fcd34d}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.nav-button{position:fixed;top:1.5rem;right:1.5rem;z-index:40;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--bg-card);border:2px solid var(--border-primary);color:var(--text-primary);font-weight:700;border-radius:1rem;box-shadow:var(--shadow-lg);transition:all .2s ease;text-decoration:none;cursor:pointer}.nav-button:hover{background-color:var(--bg-hover);transform:translateY(-2px);box-shadow:var(--shadow-xl)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-from-top{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-from-bottom{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.animate-in{animation:fade-in .2s ease-out}.zoom-in-95{animation:zoom-in .2s ease-out}.fade-in{animation:fade-in .3s ease-out}.slide-in-from-top-4{animation:slide-in-from-top .3s ease-out}.slide-in-from-bottom-4{animation:slide-in-from-bottom .3s ease-out}.animate-shake{animation:shake .3s ease-in-out}*{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.animate-spin,.animate-pulse,[class*=animate-]{transition:none}