:root{--color-bg-main: #1a1a2e;--color-bg-sidebar: #16213e;--color-bg-card: #1a2a4a;--color-bg-button: #2a3a5c;--color-bg-input: #0a0a1a;--color-bg-deep: #0d1b2a;--color-primary: #4fc3f7;--color-success: #4caf50;--color-warning: #ff9800;--color-error: #f44336;--color-error-light: #ff5252;--color-text-primary: #eee;--color-text-secondary: #ccc;--color-text-tertiary: #aaa;--color-text-muted: #888;--color-text-faint: #999;--color-border: #444;--color-border-subtle: #333;--color-on-primary: #000;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--font-xs: 10px;--font-sm: 11px;--font-body: 12px;--font-md: 13px;--font-lg: 14px;--font-xl: 16px;--font-2xl: 20px;--font-3xl: 24px;--sidebar-width: 320px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#16213e}::-webkit-scrollbar-thumb{background:#444;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}button{transition:background .15s,opacity .15s,box-shadow .15s,filter .15s}button:hover{filter:brightness(1.15)}button:active{filter:brightness(.9)}button:disabled{opacity:.4;cursor:not-allowed;filter:none}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}input[type=range]{accent-color:#4fc3f7}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{width:32px;height:32px;border:3px solid #333;border-top-color:#4fc3f7;border-radius:50%;animation:spin .8s linear infinite}