body{margin:0;font-family:Arial,sans-serif;color:#333;transition:background .3s ease,color .3s ease}.container.svelte-15oqfdb{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:var(--background);color:var(--text-color)}.search-box.svelte-15oqfdb{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:20px}input.svelte-15oqfdb{padding:10px 15px;border:none;border-radius:25px;outline:none;font-size:16px;background:var(--input-bg);color:var(--text-color);box-shadow:0 4px 6px #0000001a}button.svelte-15oqfdb{padding:10px 20px;border:none;border-radius:25px;background:var(--button-bg);color:var(--button-text);font-size:16px;cursor:pointer;transition:background .3s ease}button.svelte-15oqfdb:hover{background:var(--button-hover-bg)}.location-button.svelte-15oqfdb{padding:10px;border:none;border-radius:50%;background:var(--button-bg);color:var(--button-text);font-size:16px;cursor:pointer;transition:background .3s ease;display:flex;align-items:center;justify-content:center}.location-button.svelte-15oqfdb:hover{background:var(--button-hover-bg)}.content.svelte-15oqfdb{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:800px}.weather-box.svelte-15oqfdb{text-align:center;padding:20px;border-radius:15px;background:var(--box-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px #0000001a;width:100%;max-width:300px}.weather-box.svelte-15oqfdb h2:where(.svelte-15oqfdb){margin:0;font-size:24px;font-weight:700}.weather-box.svelte-15oqfdb p:where(.svelte-15oqfdb){margin:5px 0;font-size:18px}.scrollable-forecast.svelte-15oqfdb{display:flex;overflow-x:auto;gap:10px;padding:10px;width:100%;max-width:600px;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.scrollable-forecast.svelte-15oqfdb::-webkit-scrollbar{height:8px}.scrollable-forecast.svelte-15oqfdb::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.scrollable-forecast.svelte-15oqfdb::-webkit-scrollbar-track{background:var(--scrollbar-track)}.forecast-card.svelte-15oqfdb{display:flex;flex-direction:column;align-items:center;padding:15px;border-radius:15px;background:var(--box-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px #0000001a;min-width:100px;flex-shrink:0;cursor:pointer}.forecast-card.svelte-15oqfdb p:where(.svelte-15oqfdb){margin:5px 0;font-size:14px}.modal-overlay.svelte-15oqfdb{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content.svelte-15oqfdb{background:var(--box-bg);width:80%;max-width:400px;border-radius:15px;padding:20px;box-shadow:0 4px 6px #0000001a;text-align:center}.message.svelte-15oqfdb{font-size:18px;font-weight:700;margin-top:20px}.light-mode{--background: linear-gradient(135deg, #f5f7fa, #c3cfe2);--text-color: #333;--input-bg: rgba(255, 255, 255, .8);--button-bg: #ff6f61;--button-text: white;--button-hover-bg: #ff3b2f;--box-bg: rgba(255, 255, 255, .8);--scrollbar-thumb: #ff6f61;--scrollbar-track: #f5f7fa}.dark-mode{--background: linear-gradient(135deg, #1e1e2f, #2a2a40);--text-color: #fff;--input-bg: rgba(255, 255, 255, .1);--button-bg: #ff6f61;--button-text: white;--button-hover-bg: #ff3b2f;--box-bg: rgba(255, 255, 255, .1);--scrollbar-thumb: #ff6f61;--scrollbar-track: #1e1e2f}