:root{--color-bg: #ffffff;--color-bg-secondary: #f1f5f9;--color-text: #0f172a;--color-text-secondary: #64748b;--color-border: #cbd5e1;--color-border-strong: #475569;--color-tile-prefilled-bg: var(--color-bg-secondary);--color-tile-prefilled-text: var(--color-text-secondary);--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-accent-text: #ffffff;--font-family-base: "Inter", sans-serif;--font-size-xs: .75em;--font-size-sm: .875em;--font-size-base: 1em;--font-size-lg: 1.25em;--font-size-xl: 1.5em;--font-size-xxl: 2.25em;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--spacing-unit: 8px;--spacing-1: calc(1 * var(--spacing-unit));--spacing-2: calc(2 * var(--spacing-unit));--spacing-3: calc(3 * var(--spacing-unit));--spacing-4: calc(4 * var(--spacing-unit));--grid-gap: 4px;--border-radius: 8px;--transition-base: all .2s ease-in-out;--tile-size: 48px;--header-height: 80px;--footer-height: 110px;--main-max-width: 1200px;--z-index-0: 0;--z-index-1: 10;--z-index-2: 20;--z-index-3: 30;--z-index-4: 40;--color-tile-error-overlay: rgba(239, 68, 68, .25);--tile-happy-overlay: #6ee7b7;--tile-sad-overlay: #93c5fd;--tile-angry-overlay: #fca5a5;--color-constraint-equal: #22c55e;--color-constraint-not-equal: #ef4444}.theme-dark{--color-bg: #0f172a;--color-bg-secondary: #1e293b;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-border: #334155;--color-border-strong: #94a3b8;--color-tile-prefilled-bg: var(--color-bg-secondary);--color-tile-prefilled-text: var(--color-text-secondary);--color-tile-error-overlay: rgba(255, 40, 40, .45)}*{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--color-text);background:var(--color-bg);scroll-behavior:smooth;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.5;overflow:hidden}