:root{--background-color: #ffffff;--text-color: #333333;--primary-color: #007bff;--secondary-color: #58a7fb;--primary-text-color: #ffffff;--border-color: #dee2e6;color-scheme:light}.dark-mode{--background-color: #1e1e1e;--text-color: #e0e0e0;--primary-color: #1a73e8;--primary-text-color: #e0e0e0;--border-color: #444444}.light-mode{--background-color: #ffffff;--text-color: #333333;--primary-color: #007bff;--primary-text-color: #ffffff;--border-color: #dee2e6;color-scheme:light}@media (prefers-color-scheme: dark){:root{--background-color: #1e1e1e;--text-color: #e0e0e0;--primary-color: #1a73e8;--primary-text-color: #e0e0e0;--border-color: #444444;color-scheme:dark}}body{background-color:var(--background-color);color:var(--text-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:1.25rem;transition:all .3s ease;line-height:1.5;min-height:100vh}h1,h2,h3{color:var(--text-color);margin-top:0;line-height:1.2}a{color:var(--primary-color);text-decoration-thickness:1.5px;transition:opacity .3s ease}a:hover{opacity:.8}button{background-color:var(--primary-color);color:var(--primary-text-color);border:1px solid var(--primary-color);padding:.625rem 1.25rem;border-radius:.25rem;cursor:pointer;transition:all .3s ease;font-size:1rem;min-height:2.5rem}button:hover{opacity:.9;transform:translateY(-1px)}app-root{display:block;border:1px solid var(--border-color);padding:1.25rem;border-radius:.5rem;background-color:var(--background-color);margin:0 auto;max-width:1400px}.switch{position:relative;display:inline-block;width:2.75rem;height:1.5rem}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:all .3s ease;border-radius:2rem}.slider:before{position:absolute;content:"";height:1.1rem;width:1.1rem;left:.2rem;bottom:.2rem;background-color:#fff;transition:all .3s ease;border-radius:50%}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(1.25rem)}.toggle-container{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.status-message{margin:0;font-size:.9rem;opacity:.9}@media (max-width: 1200px){app-root{padding:1rem;margin:0 1rem}}@media (max-width: 1024px){body{padding:1rem}button{padding:.5rem 1rem;font-size:.95rem}.switch{width:2.5rem;height:1.4rem}input:checked+.slider:before{transform:translate(1.1rem)}}@media (max-width: 768px){body{padding:.75rem}app-root{padding:.75rem;border-radius:.375rem}button{width:100%;padding:.75rem;font-size:1rem}.toggle-container{gap:.5rem;justify-content:space-between}.slider:before{height:1rem;width:1rem}}@media (max-width: 480px){body{padding:.5rem}app-root{padding:.5rem;border-width:1px}.switch{width:2.25rem;height:1.3rem}input:checked+.slider:before{transform:translate(.95rem)}.status-message{font-size:.85rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media (max-width: 360px){.toggle-container{flex-direction:column;align-items:stretch}.switch{align-self:flex-start}}