:root{--primary-color:#3498db;--secondary-color:#2ecc71;--primary-color-light:color-mix(in srgb,var(--primary-color) 80%,#fff);--primary-color-dark:color-mix(in srgb,var(--primary-color) 80%,#000);--secondary-color-light:color-mix(in srgb,var(--secondary-color) 80%,#fff);--secondary-color-dark:color-mix(in srgb,var(--secondary-color) 80%,#000);--border-color:color-mix(in srgb,var(--primary-color) 30%,#ddd);--hover-color:var(--primary-color-light);--active-color:var(--primary-color);--button-text-color:#fff;--link-color:var(--primary-color);--accent-color:var(--secondary-color)}a{color:var(--link-color)}button:not([class]){background-color:var(--primary-color);border:1px solid var(--primary-color-dark);color:var(--button-text-color)}button:not([class]):hover{background-color:var(--primary-color-dark)}:root{--text-color:#333;--background-color:#fff;--section-background:#fff;--main-background:#f5f5f5;--border-color:#e0e0e0;--hover-background:#f5f5f5;--card-shadow:0 4px 6px rgba(0,0,0,.1)}[data-theme=dark]{--text-color:#e0e0e0;--background-color:#121212;--section-background:#1e1e1e;--main-background:#121212;--border-color:#333;--hover-background:#2a2a2a;--card-shadow:0 4px 6px rgba(0,0,0,.3)}.themeToggleGroup{align-items:center;display:flex;gap:.5rem}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-label{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;transition:.4s}.toggle-switch-handle{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}.toggle-inner{display:block;margin-left:-100%;transition:margin .4s;width:200%}.toggle-inner:after,.toggle-inner:before{box-sizing:border-box;display:block;float:left;height:24px;padding:0;width:50%}.toggle-inner:before{content:"☀️";font-size:12px;line-height:24px;padding-left:7px}.toggle-inner:after{content:"🌙";font-size:12px;line-height:24px;padding-right:7px;text-align:right}input:checked+.toggle-label .toggle-inner{margin-left:0}input:checked+.toggle-label .toggle-switch-handle{transform:translate(26px)}input:checked+.toggle-label{background-color:var(--secondary-color)}body{background-color:var(--background-color);color:var(--text-color)}a{color:var(--primary-color)}button{background-color:var(--primary-color);color:#fff}.accent{color:var(--secondary-color)}.appDiv{--font-color:var(--text-color)}