:root{--color-background: #0f1117;--color-surface-1: #1a1d26;--color-surface-2: #242736;--color-surface-3: #2e3245;--color-border: #3a3f54;--color-border-subtle: #272b3a;--color-text-primary: #e8eaf2;--color-text-secondary: #9198b4;--color-text-disabled: #545a72;--color-text-on-accent: #0f1117;--color-accent-primary: #4f7fff;--color-accent-primary-hover: #6b94ff;--color-accent-success: #3ecf8e;--color-accent-warning: #f4a93a;--color-accent-danger: #f75d5d;--color-accent-info: #5ebbf5;--color-bg: var(--color-background);--color-surface: var(--color-surface-1);--color-surface-raised: var(--color-surface-2);--color-accent: var(--color-accent-primary);--color-accent-hover: var(--color-accent-primary-hover);--color-danger: var(--color-accent-danger);--color-success: var(--color-accent-success);--color-warning: var(--color-accent-warning);--faction-blue: #3a7bd5;--faction-yellow: #f5c518;--faction-red: #d94f3d;--faction-green: #2ea87e;--faction-purple: #9b5de5;--faction-orange: #f08030;--faction-pink: #e8509a;--faction-white: #d8dce8;--tech-biotic: #3ecf8e;--tech-propulsion: #5ebbf5;--tech-cybernetic: #f5c518;--tech-warfare: #f75d5d;--tech-upgrade: #9198b4;--wormhole-alpha: #d8540a;--wormhole-beta: #1e8449;--wormhole-gamma: #1f618d;--wormhole-delta: #5b2c6f;--phase-strategy: #9b5de5;--phase-action: #4f7fff;--phase-status: #3ecf8e;--phase-agenda: #f4a93a;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-1: 0 1px 3px rgba(0, 0, 0, .4);--shadow-2: 0 4px 12px rgba(0, 0, 0, .5);--shadow-3: 0 8px 24px rgba(0, 0, 0, .6);--shadow-4: 0 16px 48px rgba(0, 0, 0, .7);--duration-fast: 80ms;--duration-normal: .15s;--duration-drawer: .2s;--duration-sheet: .25s;--z-board: 0;--z-drawer: 100;--z-modal: 200;--z-toast: 300;--z-tooltip: 400}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}html,body{height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100dvh;display:flex;flex-direction:column}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:none;font-weight:600;font-size:var(--text-base);transition:background-color .15s ease,opacity .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover)}.btn-secondary{background-color:var(--color-surface-raised);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.85}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.input{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);font-family:inherit;outline:none;transition:border-color .15s ease}.input:focus{border-color:var(--color-accent)}.input::placeholder{color:var(--color-text-secondary)}.error-message{color:var(--color-danger);font-size:var(--text-sm)}.status-badge{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600}.status-badge--ready{background-color:#4b63;color:var(--color-success)}.status-badge--not-ready{background-color:#9090b026;color:var(--color-text-secondary)}.disconnected-banner{position:fixed;bottom:0;left:0;right:0;background-color:var(--color-danger);color:#fff;text-align:center;padding:var(--space-3);font-weight:600;font-size:var(--text-sm);z-index:1000}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}