*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-primary: #0f0f1a;--color-bg-secondary: #1a1a2e;--color-bg-tertiary: #2a2a4e;--color-accent: #4a90d9;--color-accent-hover: #5a9fe9;--color-text-primary: #e8e8e8;--color-text-secondary: #a0a0a0;--color-overlay-bg: rgba(15, 15, 26, .85);--color-hover: #2a2a4e;--color-success: #4caf50;--color-warning: #ff9800;--color-error: #f44336;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .3s ease;--sidebar-width: 280px;--widget-width: 300px;--hud-padding: 16px}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-container{position:relative;width:100%;height:100%}.overlay{position:absolute;bottom:var(--hud-padding);left:var(--hud-padding);padding:var(--spacing-lg);background:var(--color-overlay-bg);border-radius:var(--radius-md);pointer-events:none}.overlay h1{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.overlay p{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.overlay .status{color:var(--color-success);font-size:.75rem}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:var(--spacing-xl)}.error-screen h1{color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.error-screen p{color:var(--color-text-secondary)}button{font-family:inherit;cursor:pointer;border:none;background:var(--color-accent);color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:background var(--transition-fast)}button:hover{background:var(--color-accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:var(--color-bg-primary)}.loading-screen .spinner{width:40px;height:40px;border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}