:root{--color-background: #f8f9fa;--color-surface: #ffffff;--color-surface-hover: #f1f3f5;--color-text-primary: #1a1d20;--color-text-secondary: #5c636a;--color-text-muted: #8c959f;--color-accent: #2b569a;--color-accent-hover: #1e3d6e;--color-accent-light: #e8f0fe;--color-accent-pink: #9c27b0;--color-accent-pink-light: #f3e5f5;--color-border: #dde1e5;--color-border-dark: #8c959f;--cell-bg-given: #f1f3f5;--cell-bg-user: #ffffff;--cell-bg-selected: #d0e1fd;--cell-bg-related: #edf3fe;--cell-bg-same-number: #dce7f9;--cell-bg-error: #fce8e6;--cell-text-given: #1a1d20;--cell-text-user: #1d4ed8;--cell-text-error: #d93025;--cell-text-note: #5c636a;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--board-max-width: 480px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--space-md)}button{font-family:inherit;cursor:pointer;border:none;background:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}