*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:var(--text-color, #333);background-color:var(--bg-color, #f4f4f4);transition:background-color .3s ease,color .3s ease}:root[data-theme=light]{--bg-color: #f4f4f4;--card-bg: #ffffff;--card-shadow: 0 2px 8px rgba(0, 0, 0, .1);--card-hover-shadow: 0 12px 30px rgba(0, 0, 0, .12);--header-bg: linear-gradient(135deg, #2b5876 0%, #4e4376 100%);--footer-bg: linear-gradient(135deg, #2b5876 0%, #4e4376 100%);--feature-border-gradient: linear-gradient(to right, #2b5876, #4e4376);--feature-button-gradient: linear-gradient(135deg, #5b7f94 0%, #6f6580 100%);--feature-button-shadow: 0 4px 10px rgba(43, 88, 118, .3);--feature-button-hover-shadow: 0 6px 15px rgba(43, 88, 118, .4);--page-wrapper-shadow: 0 8px 20px rgba(0, 0, 0, .08);--page-border-color: rgba(0, 0, 0, .1);--heading-color: #2b5876;--subheading-color: #4e4376;--gradient-start: #2b5876;--gradient-end: #4e4376;--timer-display-shadow: 0 8px 20px rgba(43, 88, 118, .2);--timer-text-color: #ffffff;--button-text-color: #ffffff;--setup-card-bg: #e0e0e0;--card-shadow: 0 4px 12px rgba(0, 0, 0, .05);--label-color: #4e4376;--input-border: #c0c0c0;--input-bg: #ffffff;--text-color: #333;--input-focus-shadow: rgba(43, 88, 118, .1);--button-shadow: 0 4px 10px rgba(43, 88, 118, .25);--button-shadow-hover: 0 6px 15px rgba(43, 88, 118, .3);--set-button-shadow: 0 4px 10px rgba(0, 0, 0, .25);--set-button-shadow-hover: 0 6px 15px rgba(0, 0, 0, .3);--control-button-shadow: 0 4px 10px rgba(0, 0, 0, .25);--control-button-shadow-hover: 0 6px 15px rgba(0, 0, 0, .3);--text-shadow: 0 1px 2px rgba(0, 0, 0, .3);--input-inner-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);--h2-underline-shadow: 0 1px 2px rgba(0, 0, 0, .1);--disabled-bg-start: #bdbdbd;--disabled-bg-end: #9e9e9e;--disabled-text: #eeeeee;--disabled-input-bg: #f5f5f5;--disabled-input-border: #d0d0d0;--disabled-input-text: #999999;--timer-setup-bg: #f8f9fa;--start-gradient-start: #4caf50;--start-gradient-end: #2e7d32;--stop-gradient-start: #f44336;--stop-gradient-end: #c62828;--restart-gradient-start: #2196f3;--restart-gradient-end: #0d47a1;--reset-gradient-start: #ff9800;--reset-gradient-end: #e65100;--alarm-warning-bg: #fff3cd;--alarm-warning-border: #ffc107;--alarm-warning-text: #856404;--alarm-warning-button-bg: #ffc107;--alarm-warning-button-hover: #e0a800;--alarm-info-bg: #e3f2fd;--alarm-info-border: #2196F3;--alarm-info-text: #0d47a1;--alarm-info-text-secondary: #1565c0;--alarm-test-gradient-start: #1565c0;--alarm-test-gradient-end: #0d47a1;--alarm-test-shadow: rgba(21, 101, 192, .2);--alarm-test-shadow-hover: rgba(21, 101, 192, .3);--alarm-delete-color: #e53935;--alarm-delete-hover-bg: rgba(229, 57, 53, .1);--alarm-toggle-inactive: #ccc;--alarm-no-alarms-color: #999999}:root[data-theme=dark]{--bg-color: #1a1a1a;--heading-color: #ffffff;--card-bg: #2a2a2a;--card-shadow: 0 2px 8px rgba(0, 0, 0, .3);--card-hover-shadow: 0 12px 30px rgba(0, 0, 0, .5);--header-bg: linear-gradient(135deg, #2d2640 0%, #1e1e1e 100%);--footer-bg: linear-gradient(135deg, #2d2640 0%, #1e1e1e 100%);--feature-border-gradient: linear-gradient(to right, #1e3a4c, #2d2640);--feature-button-gradient: linear-gradient(135deg, #1e3a4c 0%, #2d2640 100%);--feature-button-shadow: 0 4px 10px rgba(0, 0, 0, .5);--feature-button-hover-shadow: 0 6px 15px rgba(0, 0, 0, .6);--page-wrapper-shadow: 0 8px 20px rgba(0, 0, 0, .4);--page-border-color: rgba(255, 255, 255, .1);--heading-color: #81b3d9;--subheading-color: #ffffff;--gradient-start: #4a7a9b;--gradient-end: #7a6ca5;--timer-display-shadow: 0 8px 20px rgba(0, 0, 0, .4);--timer-text-color: #ffffff;--button-text-color: #ffffff;--setup-card-bg: #333333;--card-shadow: 0 4px 12px rgba(0, 0, 0, .2);--label-color: #ffffff;--input-border: #ffffff;--input-bg: #333333;--text-color: #e0e0e0;--input-focus-shadow: rgba(129, 179, 217, .2);--button-shadow: 0 4px 10px rgba(0, 0, 0, .4);--button-shadow-hover: 0 6px 15px rgba(0, 0, 0, .5);--set-button-shadow: 0 4px 10px rgba(0, 0, 0, .4);--set-button-shadow-hover: 0 6px 15px rgba(0, 0, 0, .5);--control-button-shadow: 0 4px 10px rgba(0, 0, 0, .4);--control-button-shadow-hover: 0 6px 15px rgba(0, 0, 0, .5);--text-shadow: 0 1px 2px rgba(0, 0, 0, .5);--input-inner-shadow: inset 0 1px 3px rgba(0, 0, 0, .3);--h2-underline-shadow: 0 1px 2px rgba(0, 0, 0, .2);--disabled-bg-start: #555555;--disabled-bg-end: #444444;--disabled-text: #888888;--disabled-input-bg: #222222;--disabled-input-border: #555555;--disabled-input-text: #777777;--timer-setup-bg: #2a2a2a;--start-gradient-start: #66bb6a;--start-gradient-end: #2e7d32;--stop-gradient-start: #ef5350;--stop-gradient-end: #b71c1c;--restart-gradient-start: #42a5f5;--restart-gradient-end: #0d47a1;--reset-gradient-start: #ffa726;--reset-gradient-end: #e65100;--alarm-warning-bg: #3e2723;--alarm-warning-border: #ff8f00;--alarm-warning-text: #ffcc02;--alarm-warning-button-bg: #ff8f00;--alarm-warning-button-hover: #f57c00;--alarm-info-bg: #1a237e;--alarm-info-border: #3f51b5;--alarm-info-text: #c5cae9;--alarm-info-text-secondary: #9fa8da;--alarm-test-gradient-start: #1a237e;--alarm-test-gradient-end: #0d47a1;--alarm-test-shadow: rgba(63, 81, 181, .3);--alarm-test-shadow-hover: rgba(63, 81, 181, .4);--alarm-delete-color: #f44336;--alarm-delete-hover-bg: rgba(244, 67, 54, .2);--alarm-toggle-inactive: #666;--alarm-no-alarms-color: #888888}button{cursor:pointer}input[type=number]{-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}