:root{color-scheme:light;--bg: #ffffff;--card-bg: #f4f4f6;--fg: #16161a;--border: #767680;--value-high: #b00020;--value-low: #0b4fb3;--value-neutral: #16161a;--btn-increment-bg: #1b5e20;--btn-increment-fg: #ffffff;--btn-decrement-bg: #b71c1c;--btn-decrement-fg: #ffffff;--btn-reset-bg: #455a64;--btn-reset-fg: #ffffff;--btn-add-four-bg: #0d47a1;--btn-add-four-fg: #ffffff;--btn-double-bg: #6a1b9a;--btn-double-fg: #ffffff;--toggle-bg: #ffffff;--toggle-fg: #16161a}:root[data-theme=dark]{color-scheme:dark;--bg: #121214;--card-bg: #1e1e24;--fg: #f2f2f5;--border: #8a8a96;--value-high: #ff8a80;--value-low: #82b1ff;--value-neutral: #f2f2f5;--btn-increment-bg: #81c784;--btn-increment-fg: #0a0a0c;--btn-decrement-bg: #ef9a9a;--btn-decrement-fg: #0a0a0c;--btn-reset-bg: #b0bec5;--btn-reset-fg: #0a0a0c;--btn-add-four-bg: #90caf9;--btn-add-four-fg: #0a0a0c;--btn-double-bg: #ce93d8;--btn-double-fg: #0a0a0c;--toggle-bg: #1e1e24;--toggle-fg: #f2f2f5}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #121214;--card-bg: #1e1e24;--fg: #f2f2f5;--border: #8a8a96;--value-high: #ff8a80;--value-low: #82b1ff;--value-neutral: #f2f2f5;--btn-increment-bg: #81c784;--btn-increment-fg: #0a0a0c;--btn-decrement-bg: #ef9a9a;--btn-decrement-fg: #0a0a0c;--btn-reset-bg: #b0bec5;--btn-reset-fg: #0a0a0c;--btn-add-four-bg: #90caf9;--btn-add-four-fg: #0a0a0c;--btn-double-bg: #ce93d8;--btn-double-fg: #0a0a0c;--toggle-bg: #1e1e24;--toggle-fg: #f2f2f5}}:root[data-theme=light]{color-scheme:light;--bg: #ffffff;--card-bg: #f4f4f6;--fg: #16161a;--border: #767680;--value-high: #b00020;--value-low: #0b4fb3;--value-neutral: #16161a;--btn-increment-bg: #1b5e20;--btn-increment-fg: #ffffff;--btn-decrement-bg: #b71c1c;--btn-decrement-fg: #ffffff;--btn-reset-bg: #455a64;--btn-reset-fg: #ffffff;--btn-add-four-bg: #0d47a1;--btn-add-four-fg: #ffffff;--btn-double-bg: #6a1b9a;--btn-double-fg: #ffffff;--toggle-bg: #ffffff;--toggle-fg: #16161a}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif}.app{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 16px}.theme-toggle{align-self:flex-end;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--toggle-bg);color:var(--toggle-fg);font:inherit;cursor:pointer}.counter{width:100%;max-width:420px;padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--card-bg);text-align:center}.counter__title{margin:0 0 8px;font-size:1.4rem}.value{margin:8px 0 20px;font-size:40px;font-weight:700}.value--high{color:var(--value-high)}.value--low{color:var(--value-low)}.value--neutral{color:var(--value-neutral)}.counter__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.counter__buttons button{min-width:56px;padding:10px;border:0;border-radius:6px;font:inherit;cursor:pointer}.theme-toggle:focus-visible,.counter__buttons button:focus-visible{outline:3px solid var(--fg);outline-offset:2px}button[data-action=INCREMENT]{background:var(--btn-increment-bg);color:var(--btn-increment-fg)}button[data-action=DECREMENT]{background:var(--btn-decrement-bg);color:var(--btn-decrement-fg)}button[data-action=RESET]{background:var(--btn-reset-bg);color:var(--btn-reset-fg)}button[data-action=ADD_FOUR]{background:var(--btn-add-four-bg);color:var(--btn-add-four-fg)}button[data-action=DOUBLE]{background:var(--btn-double-bg);color:var(--btn-double-fg)}