:root{--color-red-dark: #5d2822;--color-red-light: #e26352;--color-yellow-dark: #46361b;--color-yellow-light: #fecf49;--color-green-dark: #223f21;--color-green-light: #61d463;--color-blue-dark: #1b3b54;--color-blue-light: #3991cf;--color-purple-dark: #38325d;--color-purple-light: #6167c9;--font-headline: "Nunito", sans-serif;--font-body: "Roboto Flex", sans-serif;--font-size-headline: 96px;--font-weight-headline: 800;--letter-spacing-headline: -.25px;--text-transform-headline: uppercase;--font-size-body: 36px;--font-weight-body: 300;--letter-spacing-body: -.25px;--icon-size: 240px;--layout-padding-x: 24px;--layout-padding-bottom: 40px;--color-surface: var(--color-green-light);--color-on-surface: var(--color-green-dark)}[data-theme=hot-day]{--color-surface: var(--color-red-light);--color-on-surface: var(--color-red-dark)}[data-theme=hot-night]{--color-surface: var(--color-red-dark);--color-on-surface: var(--color-red-light)}[data-theme=warm-day]{--color-surface: var(--color-yellow-light);--color-on-surface: var(--color-yellow-dark)}[data-theme=warm-night]{--color-surface: var(--color-yellow-dark);--color-on-surface: var(--color-yellow-light)}[data-theme=neutral-day]{--color-surface: var(--color-green-light);--color-on-surface: var(--color-green-dark)}[data-theme=neutral-night]{--color-surface: var(--color-green-dark);--color-on-surface: var(--color-green-light)}[data-theme=chill-day]{--color-surface: var(--color-blue-light);--color-on-surface: var(--color-blue-dark)}[data-theme=chill-night]{--color-surface: var(--color-blue-dark);--color-on-surface: var(--color-blue-light)}[data-theme=cold-day]{--color-surface: var(--color-purple-light);--color-on-surface: var(--color-purple-dark)}[data-theme=cold-night]{--color-surface: var(--color-purple-dark);--color-on-surface: var(--color-purple-light)}:root{font-family:var(--font-body);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0}body{margin:0;min-width:320px;min-height:100vh}.weather-icon{width:var(--icon-size);height:var(--icon-size);color:var(--color-on-surface)}.weather-icon svg{width:100%;height:100%}.weather-card{display:flex;flex-direction:column;width:312px}.weather-temperature{font-family:var(--font-headline);font-size:var(--font-size-headline);font-weight:var(--font-weight-headline);letter-spacing:var(--letter-spacing-headline);text-transform:var(--text-transform-headline);line-height:1.36;color:var(--color-on-surface)}.weather-condition{font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--font-weight-body);letter-spacing:var(--letter-spacing-body);line-height:1.17;text-transform:capitalize;color:var(--color-on-surface)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--color-on-surface)}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-on-surface);border-top-color:var(--color-surface);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px;opacity:.6}@keyframes spin{to{transform:rotate(360deg)}}.loading p{margin:0;font-size:16px}.error{display:flex;flex-direction:column;align-items:center;padding:32px;background:var(--color-on-surface);border-radius:16px;color:var(--color-surface);transition:background-color .5s,color .5s}.error-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);color:var(--color-on-surface);border-radius:50%;font-size:24px;font-weight:700;margin-bottom:12px}.error p{margin:0;font-size:16px;text-align:center}.app{min-height:100vh;min-height:100dvh;display:flex;align-items:flex-end;background-color:var(--color-surface);color:var(--color-on-surface);transition:background-color .5s,color .5s;padding:0 24px 40px}@media(min-width:768px){.app{padding:0 96px 48px}}