:root{--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--color-bg: #f9fafb;--color-bg-secondary: #e9eef5;--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: #3b7af7;--color-accent-hover: #1f5fe0;--color-accent-text: #f8fafc;--font-family-base: "Inter", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-xxl: 2.25rem;--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: 9px;--border-radius-large: 16px;--transition-base: all .2s ease-in-out;--tile-size: 56px;--header-height: 80px;--footer-height: 110px;--main-max-width: 1200px;--shadow-soft: 0 1px 2px rgba(15, 23, 42, .06);--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;--islestides-land: #a7d9a5;--islestides-water: #8bc4e8;--scrollbar-thumb: #94a3b8;--scrollbar-thumb-hover: #64748b}.theme-dark{--color-bg: #0f172a;--color-bg-secondary: #1c2636;--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);--islestides-land: #6b9a6a;--islestides-water: #3a6d8c}*{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;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}