:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}._weatherColumn_1qw8y_1{padding:2rem;overflow-y:auto;height:100vh}._searchForm_1qw8y_13{display:flex;gap:.5rem;margin-bottom:2rem;position:sticky;top:2rem;z-index:10}._searchInput_1qw8y_31{flex-grow:1;border:none;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1rem;color:#fff;font-size:1rem;outline:none;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}._searchInput_1qw8y_31:focus{border-color:#fff9}._searchButton_1qw8y_65{border:none;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1rem;cursor:pointer;font-size:1.2rem;color:#fff;border:1px solid rgba(255,255,255,.2);transition:background .3s ease}._searchButton_1qw8y_65:hover{background:#fff3}._message_1qw8y_93{text-align:center;padding:2rem;font-size:1.2rem;color:#fffc}._cityName_1qw8y_107{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:2rem;text-align:left}._dashboardGrid_1qw8y_121{display:grid;grid-template-columns:1fr;gap:1.5rem}._card_1qw8y_133{background:#1c1c2899;border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}._cardTitle_1qw8y_147{margin:0 0 1.5rem;font-size:1rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.1em}._currentWeatherCard_1qw8y_167{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem}._localTime_1qw8y_179{grid-column:1 / -1;text-align:center;margin-bottom:1rem;color:#ffffffb3;font-size:.9rem}._mainTemp_1qw8y_195{font-size:clamp(4rem,10vw,6rem);font-weight:800;line-height:1;text-align:right}._mainIconContainer_1qw8y_197{text-align:center}._mainDescription_1qw8y_199{text-transform:capitalize;margin-top:.5rem}._detailsGrid_1qw8y_201{display:grid;grid-template-columns:1fr 1fr;gap:1rem;grid-column:1 / -1}._detailItem_1qw8y_203{display:flex;align-items:center;gap:.5rem;font-size:.9rem}._detailItem_1qw8y_203 svg{font-size:1.8rem}._hourlyGrid_1qw8y_211{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}._hourItem_1qw8y_221{text-align:center;font-size:.9rem}._hourTemp_1qw8y_229{font-weight:600;margin-top:.5rem}._dailyList_1qw8y_241{display:flex;flex-direction:column;gap:1rem}._dayItem_1qw8y_243{display:grid;grid-template-columns:3fr 1fr 2fr;align-items:center;text-align:center}._dayNameContainer_1qw8y_257{text-align:left}._dayName_1qw8y_257{font-weight:600;margin:0}._dayDate_1qw8y_271{font-size:.8rem;color:#fff9;margin:0}._dayTemps_1qw8y_281{text-align:right;font-size:.9rem}._dayTemps_1qw8y_281 span:last-child{color:#fff9}._aqiCard_1qw8y_293{text-align:center}._aqiLabel_1qw8y_295{font-size:1.5rem;font-weight:700;margin:.5rem 0}._aqiValue_1qw8y_297{font-size:.9rem;color:#ffffffb3}@media (max-width: 768px){._weatherColumn_1qw8y_1{padding:1rem}._searchForm_1qw8y_13{top:1rem}._currentWeatherCard_1qw8y_167{grid-template-columns:1fr}._mainTemp_1qw8y_195{text-align:center}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffe6;background-color:#121212}body{margin:0;padding:0;overflow-x:hidden}.background-video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-1;transform:translate(-50%) translateY(-50%);object-fit:cover;filter:brightness(.7)}.main-layout{display:grid;grid-template-columns:3fr 7fr;min-height:100vh}@media (max-width: 1024px){.main-layout{grid-template-columns:1fr}}