:root{--bg: #ffffff;--fg: #111111;--btn-fg: #ffffff;--btn-increment: #1b6e2a;--btn-decrement: #b3261e;--btn-reset: #4d4d4d;--btn-add-four: #0b5cad;--btn-double: #6a3d9a;--value-high: #b3261e;--value-low: #0b5cad;--value-normal: #000000;--toggle-bg: #e6e6e6;--toggle-fg: #111111}:root[data-theme=dark]{--bg: #121212;--fg: #f0f0f0;--btn-fg: #ffffff;--btn-increment: #2e7d32;--btn-decrement: #c62828;--btn-reset: #616161;--btn-add-four: #1565c0;--btn-double: #7b4bb0;--value-high: #ff8a80;--value-low: #82b1ff;--value-normal: #f5f5f5;--toggle-bg: #2b2b2b;--toggle-fg: #f0f0f0}body{margin:0;padding:16px;background:var(--bg);color:var(--fg);font-family:arial,sans-serif}.value{font-size:40px;font-family:arial,sans-serif}.value--high{color:var(--value-high)}.value--low{color:var(--value-low)}.value--normal{color:var(--value-normal)}.btn{padding:10px;color:var(--btn-fg);border:none;cursor:pointer}button[data-action=INCREMENT]{background:var(--btn-increment)}button[data-action=DECREMENT]{background:var(--btn-decrement)}button[data-action=RESET]{background:var(--btn-reset)}button[data-action=ADD_FOUR]{background:var(--btn-add-four)}button[data-action=DOUBLE]{background:var(--btn-double)}.theme-toggle{margin-top:16px;padding:10px;background:var(--toggle-bg);color:var(--toggle-fg);border:1px solid var(--toggle-fg);cursor:pointer}