.flat-button{color:var(--text-color);border:1px solid var(--border-color);cursor:pointer;padding:.5rem 1rem;background-color:var(--background-2-color)}.flat-button:hover{background-color:var(--select-border);transition:background-color .2s}:root{font-family:Roboto,sans-serif}:root{--color-scheme: light;--text-color: #333;--comment-color: #6c757d;--border-color: #ddd;--select-hover: #007bff;--select-border: #ddd;--background-color: #fff;--background-2-color: #f8f9fa;--error-color: #dc3545}@media (prefers-color-scheme: dark){:root{--color-scheme: dark;--text-color: #e0e0e0;--comment-color: #6c757d;--border-color: #444;--select-hover: #007bff;--select-border: #444;--background-color: #1a1a1a;--background-2-color: #333;--error-color: #dc3545}}[data-theme=light]{--color-scheme: light;--text-color: #333;--comment-color: #6c757d;--border-color: #ddd;--select-hover: #007bff;--select-border: #ddd;--background-color: #fff;--background-2-color: #f8f9fa;--error-color: #dc3545}[data-theme=dark]{--color-scheme: dark;--text-color: #e0e0e0;--comment-color: #6c757d;--border-color: #444;--select-hover: #007bff;--select-border: #444;--background-color: #1a1a1a;--background-2-color: #333;--error-color: #dc3545}*{box-sizing:border-box}body{margin:0;display:flex;font-size:16px;min-width:100%;min-height:100svh;flex-direction:column;color:var(--text-color);scrollbar-gutter:stable;background-color:var(--background-color)}#root{flex:1;display:flex;overflow:hidden}select{color:var(--text-color);border:1px solid var(--select-border);cursor:pointer;padding:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;background-color:var(--background-color)}select:hover{border-color:var(--select-hover)}h1,h2,h3,h4,h5,h6,p{margin:0}.time-widget{padding:1rem;text-align:center;box-shadow:0 2px 10px #0000001a;border-radius:.25rem;background-color:var(--background-color)}.time-widget h2{color:var(--text-color)}.time-widget .time-display{font-size:2rem;font-weight:700;color:var(--select-hover);margin-bottom:1rem}.time-widget select{color:var(--text-color);width:100%;cursor:pointer;padding:.5rem;font-size:1rem;border-radius:.25rem;background-color:var(--background-color)!important;transition:border-color .3s ease}.time-widget select:hover{border-color:var(--select-hover)!important}.time-widget select option{color:var(--text-color);background-color:var(--background-color)}.weather-widget{padding:1rem;text-align:center;box-shadow:0 2px 10px #0000001a;border-radius:.25rem;background-color:var(--background-color)}.weather-widget h2{color:var(--text-color);margin-bottom:.5rem}.weather-widget form{gap:.5rem;display:flex;flex-wrap:wrap}.weather-widget form input{flex:1;color:var(--text-color);border:1px solid var(--border-color);padding:1rem;font-size:1rem;min-width:10rem;border-radius:.25rem;background-color:var(--background-color)}.weather-widget form button{color:var(--text-color);border:none;cursor:pointer;padding:.5rem 1rem;background-color:var(--background-2-color);border-radius:4px;transition:background-color .3s}.weather-widget form button:hover{background-color:var(--select-active)}.weather-widget .error{color:var(--error-color);margin-top:10px}.weather-widget .weather-info{padding:1rem 0 0;display:flex;align-items:flex-start}.weather-widget .weather-info .part{gap:.5rem;flex:1;display:flex;align-items:center;flex-direction:column}.weather-widget .weather-info h3{color:var(--select-hover);margin-bottom:10px}.weather-widget .weather-info p{color:var(--text-color)}.weather-widget .weather-info img{width:50px;height:50px}.app{gap:1rem;flex:1;display:flex;padding:1rem;overflow:auto;flex-wrap:wrap;background:var(--background-2-color);align-items:flex-start}.toggle-theme-button{margin-left:auto}