:root{--bg-primary: #0A0A0F;--bg-secondary: #1A1A2E;--bg-surface-variant: #16213E;--bg-elevated: #20203A;--bg-button: rgba(255, 255, 255, .04);--bg-button-hover: rgba(255, 255, 255, .08);--bg-note-btn: rgba(255, 255, 255, .04);--bg-note-btn-hover: rgba(255, 255, 255, .1);--bg-note-btn-active: var(--accent, #FFA726);--bg-note-btn-active-hover: var(--accent, #FFA726);--bg-clear-hover: rgba(229, 57, 53, .12);--bg-clear-active: rgba(229, 57, 53, .2);--bg-cell-normal: transparent;--bg-cell-same-box: rgba(124, 58, 237, .06);--bg-cell-same-line: rgba(124, 58, 237, .1);--bg-cell-same-value: rgba(255, 255, 255, .1);--bg-cell-selected: rgba(255, 167, 38, .2);--bg-cell-violated: rgba(229, 57, 53, .2);--color-primary: #7C3AED;--color-secondary: #6366F1;--color-success: #4CAF50;--color-success-text: #4CAF50;--color-danger: #E53935;--color-danger-text: #FF6B6B;--color-selected-cell-note: #6366F1;--color-easy: #4CAF50;--color-medium: #FFA726;--color-hard: #AB47BC;--color-diabolic: #E53935;--color-random: #6b7280;--tint-easy: rgba(76, 175, 80, .14);--tint-medium: rgba(255, 167, 38, .14);--tint-hard: rgba(171, 71, 188, .16);--tint-diabolic: rgba(229, 57, 53, .14);--tint-random: rgba(107, 114, 128, .14);--user-glow-0: #FFD600;--user-glow-1: #FF6D00;--user-glow-2: #00E676;--user-glow-3: #D500F9;--user-ink-0: #FFD600;--user-ink-1: #FF6D00;--user-ink-2: #00E676;--user-ink-3: #D500F9;--text-primary: #FFFFFF;--text-secondary: #B0B0C0;--text-tertiary: rgba(255, 255, 255, .55);--text-muted: rgba(255, 255, 255, .45);--text-button: #FFFFFF;--text-button-disabled: rgba(255, 255, 255, .3);--text-value: var(--accent, #FFA726);--text-value-initial: #FFFFFF;--text-note: var(--accent, #FFA726);--text-on-primary: #FFFFFF;--text-action: #FFFFFF;--text-action-disabled: rgba(255, 255, 255, .3);--text-note-btn-hover: var(--accent, #FFA726);--border-color: rgba(255, 255, 255, .1);--border-color-strong: rgba(255, 255, 255, .22);--overlay-bg: rgba(0, 0, 0, .78);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 8px 18px rgba(0, 0, 0, .45), 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 32px rgba(0, 0, 0, .5), 0 8px 16px rgba(0, 0, 0, .35);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .55), 0 12px 24px rgba(0, 0, 0, .4);--shadow-game-card: 0 24px 60px rgba(0, 0, 0, .6);--font-display: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif}html.light-mode{--bg-primary: #FFFFFF;--bg-secondary: #F5F5F7;--bg-surface-variant: #EEEEF2;--bg-elevated: #FFFFFF;--bg-button: rgba(0, 0, 0, .04);--bg-button-hover: rgba(0, 0, 0, .08);--bg-note-btn: rgba(0, 0, 0, .04);--bg-note-btn-hover: rgba(0, 0, 0, .08);--bg-note-btn-active: var(--accent, #FFA726);--bg-note-btn-active-hover: var(--accent, #FFA726);--bg-clear-hover: rgba(229, 57, 53, .1);--bg-clear-active: rgba(229, 57, 53, .16);--bg-cell-normal: transparent;--bg-cell-same-box: rgba(124, 58, 237, .06);--bg-cell-same-line: rgba(124, 58, 237, .1);--bg-cell-same-value: rgba(0, 0, 0, .08);--bg-cell-selected: rgba(255, 167, 38, .22);--bg-cell-violated: rgba(229, 57, 53, .16);--user-glow-0: #60A5FA;--user-glow-1: #F43F5E;--user-glow-2: #34D399;--user-glow-3: #A78BFA;--user-ink-0: #2563EB;--user-ink-1: #E11D48;--user-ink-2: #047857;--user-ink-3: #7C3AED;--text-primary: #0A0A0F;--text-secondary: #3C3C4E;--text-tertiary: rgba(10, 10, 15, .55);--text-muted: rgba(10, 10, 15, .4);--text-button: #0A0A0F;--text-button-disabled: rgba(10, 10, 15, .3);--text-value: var(--accent, #FFA726);--text-value-initial: #0A0A0F;--text-note: var(--accent, #FFA726);--text-on-primary: #FFFFFF;--text-action: #0A0A0F;--text-action-disabled: rgba(10, 10, 15, .3);--text-note-btn-hover: var(--accent, #FFA726);--border-color: rgba(0, 0, 0, .1);--border-color-strong: rgba(0, 0, 0, .22);--overlay-bg: rgba(0, 0, 0, .45);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 8px 18px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 32px rgba(0, 0, 0, .14), 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .16), 0 12px 24px rgba(0, 0, 0, .1);--shadow-game-card: 0 24px 60px rgba(0, 0, 0, .14)}.no_highlights{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html,body{width:100%;height:100%;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.theme-toggle.svelte-ckhpf5{position:fixed;top:14px;right:14px;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;box-shadow:var(--shadow-sm);padding:0;transition:background-color .3s,color .3s,transform .2s}.theme-toggle.svelte-ckhpf5:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.theme-toggle.svelte-ckhpf5:active{transform:scale(.95)}