:root{--bg-color: #aed1ff;--surface-color: #8abdfa;--surface-secondary: #bcdcff;--text-color: #102357;--text-secondary: #57687f;--border-color: #64748b;--primary-color: #1e40af;--secondary-color: #3b82f6;--surface-weather: #7ac8ff5b;--hover-button: rgba(0, 119, 255, .32);--header-footer-gradient-end: #a9d0ff;--header-footer-gradient-start: #5c90e9;--weather-gradient-start: #a5e4e2;--weather-gradient-end: #96d0ff;--header-shadow: 0 4px 6px 2px rgba(25, 0, 255, .416);--footer-shadow: 0 -2px 4px rgba(25, 0, 255, .416);--font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;--font-size-base: 1rem;--line-height-base: 1.5;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--grid-search-bar-cols: minmax(0, 35%) minmax(0, 65%);--button-padding: var(--spacing-sm) var(--spacing-md)}.dark{--bg-color: #0f172a;--surface-color: #1e293b;--surface-secondary: #1a2130;--text-color: #93c5fd;--text-secondary: #64748b;--border-color: #334155;--primary-color: #3b82f6;--secondary-color: #60a5fa;--surface-weather: #0220361a;--hover-button: rgba(141, 179, 223, .32);--header-footer-gradient-start: #12254e;--header-footer-gradient-end: #121b2f;--weather-gradient-start: #1f3a37;--weather-gradient-end: #2b3f71;--header-shadow: 0 4px 6px 2px rgba(147, 197, 253, .2);--footer-shadow: 0 -2px 4px rgba(147, 197, 253, .2)}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--text-color);background-color:var(--bg-color);transition:background-color .3s ease,color .3s ease}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--spacing-md);font-weight:500;line-height:1.2;color:var(--text-color)}*:focus{outline:none!important}app-root{display:block;min-height:100vh}p{color:var(--secondary-color)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}::-webkit-scrollbar-corner{background:var(--bg-color)}*{scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--bg-color)}input:not([type=submit]):not([type=button]):not([type=reset]){color:var(--text-color)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{background-color:var(--surface-secondary)!important;-webkit-box-shadow:0 0 0px 1000px var(--surface-secondary) inset!important;-webkit-text-fill-color:var(--text-color)!important;color:var(--text-color)!important;transition:background-color 0s,color 0s}input:-moz-autofill{background-color:var(--surface-secondary)!important;color:var(--text-color)!important}