:root{--color-bg-light: #ffffff;--color-surface-light: #f9fafb;--color-surface-elevated-light: #f3f4f6;--color-border-light: #e5e7eb;--color-text-primary-light: #1f2937;--color-text-secondary-light: #6b7280;--color-accent-light: #3b82f6;--color-bg-dark: #0f172a;--color-surface-dark: #1e293b;--color-surface-elevated-dark: #334155;--color-border-dark: #475569;--color-text-primary-dark: #f1f5f9;--color-text-secondary-dark: #cbd5e1;--color-accent-dark: #60a5fa;--color-bg: var(--color-bg-light);--color-surface: var(--color-surface-light);--color-surface-elevated: var(--color-surface-elevated-light);--color-border: var(--color-border-light);--color-text-primary: var(--color-text-primary-light);--color-text-secondary: var(--color-text-secondary-light);--color-accent: var(--color-accent-light)}html.dark{--color-bg: var(--color-bg-dark);--color-surface: var(--color-surface-dark);--color-surface-elevated: var(--color-surface-elevated-dark);--color-border: var(--color-border-dark);--color-text-primary: var(--color-text-primary-dark);--color-text-secondary: var(--color-text-secondary-dark);--color-accent: var(--color-accent-dark)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-bg);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease}app-root{display:block;min-height:100%}input,select,textarea,button,div,span,a{transition:background-color .3s ease,color .3s ease,border-color .3s ease}