:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #1a1a1a;--text-secondary: #666666;--color-safe: #22c55e;--color-warning: #eab308;--color-danger: #ef4444;--arrow-color: #1a1a1a;--speed-limit-border: #ef4444;--speed-limit-bg: #ffffff;--button-bg: #f5f5f5;--button-bg-hover: #e5e5e5;--button-bg-active: #22c55e;--button-text: #1a1a1a;--button-text-active: #ffffff;--border-color: #e5e5e5;--divider-color: #d4d4d4;--focus-ring-color: #3b82f6;--focus-ring-offset: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--transition-duration: .3s;--transition-timing: ease}:root.dark{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--color-safe: #4ade80;--color-warning: #facc15;--color-danger: #f87171;--arrow-color: #f5f5f5;--speed-limit-border: #ef4444;--speed-limit-bg: #ffffff;--button-bg: #2d2d2d;--button-bg-hover: #404040;--button-bg-active: #4ade80;--button-text: #f5f5f5;--button-text-active: #1a1a1a;--border-color: #404040;--divider-color: #525252;--focus-ring-color: #60a5fa;--focus-ring-offset: 2px}html,body{height:100%;margin:0;padding:0;touch-action:none;-ms-touch-action:none}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transition:background-color var(--transition-duration, .3s) var(--transition-timing, ease),color var(--transition-duration, .3s) var(--transition-timing, ease)}*:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.color-safe{color:var(--color-safe)}.color-warning{color:var(--color-warning)}.color-danger{color:var(--color-danger)}.bg-safe{background-color:var(--color-safe)}.bg-warning{background-color:var(--color-warning)}.bg-danger{background-color:var(--color-danger)}.color-transition{transition:color .3s ease}.bg-transition{transition:background-color .3s ease}