body{margin:0}.app{font-family:Arial,sans-serif;padding:20px;min-height:100vh;transition:background-color .3s,color .3s;background:linear-gradient(#0003,#0000004d),url(/sky.jpg);background-size:cover;background-repeat:repeat-x;background-position:0 center}.app.dark{background-color:#3a23ce80}.app.light{background-color:#9ce4edcc;color:#000}.main-content{max-width:800px;margin:0 auto;padding:20px;border-radius:12px;background-color:#ffffffe6;box-shadow:0 4px 6px #0000001a;color:inherit}._search_8kkb4_1{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:100%;margin:20px auto 0}._search_8kkb4_1._light_8kkb4_15{background:linear-gradient(135deg,#6dd5ed99,#2193b099)}._search_8kkb4_1._dark_8kkb4_23{background:linear-gradient(135deg,#616fcd99,#6b47e099)}._searchContainer_8kkb4_31{position:relative;width:50%}._input_8kkb4_36{outline:none;box-sizing:border-box;padding:10px;width:100%;border:none;border-radius:8px;font-size:16px;box-shadow:0 2px 4px #0000001a}input::-moz-placeholder{text-align:center}input::placeholder{text-align:center}._button_8kkb4_51{margin-top:.7rem;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;background-color:#fff;font-weight:700;transition:background-color .3s,transform .3s;width:50%;box-sizing:border-box}._button_8kkb4_51._light_8kkb4_15{color:#2193b0}._button_8kkb4_51._dark_8kkb4_23{color:#211270}._button_8kkb4_51:hover{color:#fff;transform:scale(1.05)}._button_8kkb4_51._light_8kkb4_15:hover{background-color:#2193b0}._button_8kkb4_51._dark_8kkb4_23:hover{background-color:#211270}._suggestions_8kkb4_83{list-style:none;padding:0;margin:5px 0 0;position:absolute;top:100%;left:0;width:100%;background-color:#fffffff2;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:10;max-height:200px}._suggestionItem_8kkb4_101{padding:10px;cursor:pointer;border-bottom:1px solid #eee;transition:background-color .3s,transform .2s;font-size:14px;display:flex;align-items:center;gap:10px}._suggestionItem_8kkb4_101:hover{background-color:#f0f0f0;transform:scale(1.02)}._suggestionItem_8kkb4_101:last-child{border-bottom:none}@media (max-width: 768px){._searchContainer_8kkb4_31,._button_8kkb4_51{width:100%}}._weather_1n6k3_1{margin:20px auto;padding:20px;border-radius:12px;text-align:center;background-color:#ffffffe6;box-shadow:0 4px 6px #0000001a;font-size:14px;max-width:50%;box-sizing:border-box}._weather_1n6k3_1 h2{font-size:24px;font-weight:700;color:#2193b0;margin-bottom:10px}._weather_1n6k3_1 h3{font-size:18px;margin-bottom:20px}._weather_1n6k3_1 p{margin:10px 0;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px}._weather_1n6k3_1 ._label_1n6k3_34{font-weight:700;color:#333}._weather_1n6k3_1 ._value_1n6k3_39{font-size:18px;font-weight:700;color:#2193b0}._weather_1n6k3_1 img{width:60px;height:60px;margin-top:10px;animation:_float_1n6k3_1 3s ease-in-out infinite}@keyframes _float_1n6k3_1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}._loading_1n6k3_62{color:#555;font-size:16px;text-align:center}._error_1n6k3_68{color:red;font-size:16px;text-align:center}@media (max-width: 768px){._weather_1n6k3_1{width:100%;min-width:100%}}._history_1lxdd_1{margin:20px auto;padding:20px;max-width:50%;background-color:#ffffffe6;border-radius:12px;box-shadow:0 4px 6px #0000001a;text-align:left;font-size:14px;box-sizing:border-box}._history_1lxdd_1 h2{font-size:24px;font-weight:700;color:#2193b0;margin-bottom:10px}._history_1lxdd_1 ul{list-style:none;padding:0;margin:0}._history_1lxdd_1 li{padding:5px;border-bottom:1px solid #ccc;font-weight:700}._clearButton_1lxdd_32{padding:10px 15px;background-color:#ff4d4d;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-bottom:10px;font-weight:700}._clearButton_1lxdd_32:hover{background-color:#c00}@keyframes _fadeIn_1lxdd_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._historyItem_1lxdd_57{display:grid;grid-template-columns:1fr 2fr;grid-gap:10px;gap:10px;padding:10px 0;border-bottom:1px solid #ccc;animation:_fadeIn_1lxdd_1 .5s ease-in-out}._historyItem_1lxdd_57:last-child{border-bottom:none}._label_1lxdd_70{font-weight:700;color:#333;margin-right:10px;text-align:right}._value_1lxdd_77{font-size:16px;font-weight:700;color:#2193b0;text-align:left}._emptyMessage_1lxdd_84{text-align:center;color:#fff;font-size:24px;margin-top:60px;font-weight:700}@media (max-width: 768px){._history_1lxdd_1{max-width:100%}}._forecast_yppt4_1{margin-top:20px;box-sizing:border-box}._forecast_yppt4_1 h3{text-align:center;font-size:18px;margin-bottom:10px}._forecastList_yppt4_12{display:grid;grid-gap:10px;gap:10px;justify-content:center;grid-template-columns:repeat(7,1fr)}._forecastList_yppt4_12._centered_yppt4_19{display:flex;justify-content:center}._forecastItem_yppt4_24{border:1px solid #ccc;padding:5px;border-radius:8px;text-align:center;flex:0 1 160px;min-width:40px;max-width:170px;font-size:14px;background-color:#ffffffe6;box-shadow:0 2px 4px #0000001a;transition:transform .3s}._forecastItem_yppt4_24:hover{transform:scale(1.05)}._dayOfWeek_yppt4_42{font-weight:700;font-size:16px}._date_yppt4_47{font-size:14px;color:#555}._weatherIcon_yppt4_52{width:50px;height:50px}._temperatureLabel_yppt4_57{font-size:12px;color:#777}._temperatureRange_yppt4_62{display:flex;flex-direction:column;align-items:center;gap:5px;color:#2193b0;font-size:16px}._maxTemp_yppt4_71,._minTemp_yppt4_75{font-weight:700}@media (max-width: 768px){._forecastList_yppt4_12{grid-template-columns:repeat(100px,1fr);gap:8px}._forecastList_yppt4_12 ._forecastItem_yppt4_24{min-width:80px;padding:2px;border-radius:8px;flex:0 1 100px;font-size:10px}._forecastList_yppt4_12 p{margin:5px 0}._forecastList_yppt4_12 ._dayOfWeek_yppt4_42{font-size:14px}._forecastList_yppt4_12 ._date_yppt4_47{font-size:12px}._forecastList_yppt4_12 ._weatherIcon_yppt4_52{width:40px;height:40px;margin:0}._forecastList_yppt4_12 ._temperatureLabel_yppt4_57{font-size:10px}._forecastList_yppt4_12 ._temperatureRange_yppt4_62{font-size:12px}}@media (max-width: 700px){._forecastList_yppt4_12{grid-template-columns:repeat(70px,1fr);gap:6px}._forecastList_yppt4_12 ._forecastItem_yppt4_24{min-width:60px;max-width:90px;font-size:8px;padding:2px;border-radius:6px;flex:0 1 70px}._forecastList_yppt4_12 p{margin:3px 0}._forecastList_yppt4_12 ._dayOfWeek_yppt4_42{font-size:10px}._forecastList_yppt4_12 ._date_yppt4_47{font-size:8px}._forecastList_yppt4_12 ._weatherIcon_yppt4_52{width:30px;height:30px}._forecastList_yppt4_12 ._temperatureLabel_yppt4_57{font-size:6px}._forecastList_yppt4_12 ._temperatureRange_yppt4_62{font-size:8px}}@media (max-width: 550px){._forecastList_yppt4_12{grid-template-columns:repeat(50px,1fr);gap:4px}._forecastList_yppt4_12 ._forecastItem_yppt4_24{min-width:40px;max-width:60px;font-size:8px;padding:2px;border-radius:6px;flex:0 1 50px}._forecastList_yppt4_12 p{margin:1px 0}._forecastList_yppt4_12 ._dayOfWeek_yppt4_42{font-size:11px}._forecastList_yppt4_12 ._date_yppt4_47{font-size:9px}._forecastList_yppt4_12 ._weatherIcon_yppt4_52{width:25px;height:25px}._forecastList_yppt4_12 ._temperatureLabel_yppt4_57{font-size:6px;margin:2px 0}._forecastList_yppt4_12 ._temperatureRange_yppt4_62{font-size:8px}}@media (max-width: 395px){._forecastList_yppt4_12{grid-template-columns:repeat(37px,1fr);gap:4px}._forecastList_yppt4_12 ._forecastItem_yppt4_24{min-width:30px;max-width:60px;font-size:8px;padding:2px;border-radius:6px;flex:0 1 38px}._forecastList_yppt4_12 p{margin:1px 0}._forecastList_yppt4_12 ._dayOfWeek_yppt4_42{font-size:9px}._forecastList_yppt4_12 ._date_yppt4_47{font-size:7px}._forecastList_yppt4_12 ._weatherIcon_yppt4_52{width:20px;height:20px}._forecastList_yppt4_12 ._temperatureLabel_yppt4_57{font-size:5px}._forecastList_yppt4_12 ._temperatureRange_yppt4_62{font-size:7px}}._loaderOverlay_5nnmi_1{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}._loaderContainer_5nnmi_14{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:18px;color:#fff}._loader_5nnmi_1{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:_spin_5nnmi_1 1s linear infinite;margin-bottom:10px}@keyframes _spin_5nnmi_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._tabsContainer_24tjm_1{margin:20px auto;max-width:100%;box-sizing:border-box}._tabs_24tjm_1{display:flex;gap:10px;justify-content:center;margin-bottom:20px}._tabs_24tjm_1 button{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;background-color:#f0f0f0;font-weight:700;transition:background-color .3s,transform .3s}._tabs_24tjm_1 button._active_24tjm_25{color:#fff}._tabs_24tjm_1 button._active_24tjm_25._light_24tjm_28{background-color:#2193b0;color:#fff}._tabs_24tjm_1 button._active_24tjm_25._dark_24tjm_32{background-color:#211270;color:#fff}._tabs_24tjm_1 button:hover{transform:scale(1.05)}._tabContent_24tjm_41{border:1px solid #ccc;border-radius:8px;padding:0 20px 20px;background-color:#ffffffe6;box-shadow:0 4px 6px #0000001a}._header_qg9os_1{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;color:#ebe2e2;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;flex-wrap:wrap;letter-spacing:2px}._header_qg9os_1._historyActive_qg9os_13{color:#ebe2e2;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}._logo_qg9os_22{color:inherit;font-size:24px;font-weight:700;-webkit-text-decoration:none;text-decoration:none;color:#ebe2e2;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}._nav_qg9os_32{display:flex;gap:20px}._navLink_qg9os_37{color:inherit;-webkit-text-decoration:none;text-decoration:none;font-size:18px}._navLink_qg9os_37:hover{-webkit-text-decoration:underline;text-decoration:underline}@media (max-width: 768px){._header_qg9os_1{justify-content:center;flex-direction:column;text-align:center;padding:10px;-moz-column-gap:20px;column-gap:20px}._nav_qg9os_32{margin-top:15px;flex-direction:column;gap:10px}._header_qg9os_1._historyActive_qg9os_13{color:#ebe2e2}}