:root{--color-primary: #c0392b;--color-primary-dark: #922b21;--color-primary-light: #e74c3c;--color-accent: #e67e22;--color-accent-dark: #ca6f1e;--color-bg: #f4f4f4;--color-surface: #ffffff;--color-surface-2: #fafafa;--color-border: #e0e0e0;--color-text: #1a1a1a;--color-text-secondary: #666666;--color-text-on-primary: #ffffff;--color-success: #27ae60;--color-error: #c0392b;--font-family: "Segoe UI", system-ui, -apple-system, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--touch-target: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);font-size:16px;background-color:var(--color-bg);color:var(--color-text);-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow:hidden}button{cursor:pointer;font-family:inherit;border:none;background:none;-webkit-user-select:none;user-select:none}input{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:silver;border-radius:3px}