*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--text-primary:#fff;--text-secondary:#e0e0e0e8;--text-muted:#ffffff9f;--card-bg:#fff3;--card-border:#ffffff4d;--blur:blur(10px)}body{background:#f0f4ff;justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem;font-family:Inter,sans-serif;display:flex}body:after{content:"";pointer-events:none;z-index:-1;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");position:fixed;inset:0}#root{width:100%;max-width:800px;margin:0 auto}.container{width:100%;max-width:800px}.top-bar{z-index:100;background:#0003;border:1px solid #fff3;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem 1.5rem;display:flex;position:relative;box-shadow:0 8px 32px #0003}.top-bar h1{color:var(--text-primary)}.clear-cold{background:linear-gradient(135deg,#a8c0ff,#3f2b96)}.clear-mild{background:linear-gradient(135deg,#87ceeb,#4a9eda)}.clear-warm{background:linear-gradient(135deg,#f7b733,#fc4a1a)}.clouds-cold{background:linear-gradient(135deg,#757f9a,#d7dde8)}.clouds-mild{background:linear-gradient(135deg,#dac29e,#7f8c8d)}.clouds-warm{background:linear-gradient(135deg,#d8a14e,#e9e4f0)}.rain-cold{background:linear-gradient(135deg,#283048,#859398)}.rain-mild{background:linear-gradient(135deg,#373b44,#4286f4)}.rain-warm{background:linear-gradient(135deg,#4da0b0,#d39d38)}.drizzle-cold{background:linear-gradient(135deg,#614385,#516395)}.drizzle-mild{background:linear-gradient(135deg,#89f7fe,#66a6ff)}.drizzle-warm{background:linear-gradient(135deg,#43cea2,#185a9d)}.thunderstorm-cold{background:linear-gradient(135deg,#0f0c29,#302b63)}.thunderstorm-mild{background:linear-gradient(135deg,#16213e,#533483)}.thunderstorm-warm{background:linear-gradient(135deg,#373b44,#9b59b6)}.snow-cold{background:linear-gradient(135deg,#e0eafc,#a0b4ff)}.snow-mild{background:linear-gradient(135deg,#e6dada,#274046)}.mist-cold{background:linear-gradient(135deg,#606c88,#3f4c6b)}.mist-mild{background:linear-gradient(135deg,#928dab,#1f1c2c)}.mist-warm{background:linear-gradient(135deg,#b79891,#94716b)}.smoke-warm{background:linear-gradient(135deg,#d1a6a6,#8e9eab)}.smoke-mild{background:linear-gradient(135deg,#aca0a0,#6b7a8d)}.smoke-cold{background:linear-gradient(135deg,#757575,#4a4a4a)}.haze-warm{background:linear-gradient(135deg,#f5af19,#c8a96e)}.haze-mild{background:linear-gradient(135deg,#d4c5a9,#9e8f7a)}.haze-cold{background:linear-gradient(135deg,#a09070,#6b5f4f)}.default{background:linear-gradient(135deg,#f0f4ff,#a0b4ff)}@media (width<=555px){h1{display:none}.top-bar{justify-content:center}}._searchBar_1271y_1{gap:8px;display:flex}._searchBar_1271y_1 input{border:1px solid var(--card-border);background:var(--card-bg);min-width:0;color:var(--text-primary);border-radius:12px;outline:none;flex:1;padding:12px 16px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;transition:border-color .2s}._searchBar_1271y_1 input::placeholder{color:var(--text-muted)}._searchBar_1271y_1 input:focus{border-color:#fff9}._dropdown_1271y_29{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid var(--card-border);z-index:100;background:#0003;border-radius:12px;margin-top:4px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 8px 32px #0003}._dropdown_1271y_29 li{color:var(--text-primary);cursor:pointer;border-bottom:1px solid var(--card-border);padding:12px 16px;font-size:14px}._dropdown_1271y_29 li:last-child{border-bottom:none}@media (width<=555px){._searchBar_1271y_1{width:100%}}._forecast_13pul_1{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}._forecastCard_13pul_7{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border:1px solid #ffffff4d;border-radius:12px;padding:1.5rem;box-shadow:0 8px 32px #0003}._date_13pul_16{color:var(--text-primary);justify-content:space-around;margin-bottom:8px;font-size:18px;font-weight:700;display:flex}._date_13pul_16 span{color:var(--text-secondary);font-weight:400}._bodyContainer_13pul_30{justify-content:space-around;align-items:center;display:flex}._bodyContainer_13pul_30 img{background:#96d9ee;border-radius:6px;width:64px;height:64px}._tempContainer_13pul_43{flex-direction:column;align-items:center;gap:6px;display:flex}._maxTemp_13pul_50{color:var(--text-primary);font-size:19px;font-weight:700}._minTemp_13pul_56{color:var(--text-secondary);font-size:17px}._weatherCard_ylpvz_1{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#0003;border:1px solid #ffffff4d;border-radius:16px;grid-template-columns:3fr 1fr;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:2.5rem;display:grid;box-shadow:0 8px 32px #0003}._left_ylpvz_16{flex-direction:column;gap:8px;display:flex}._right_ylpvz_22{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;display:flex}._right_ylpvz_22 p{color:var(--text-secondary);font-size:16px}._weatherCard_ylpvz_1 h2{color:var(--text-secondary);margin-bottom:1.5rem;font-size:30px;font-weight:700}._temp_ylpvz_42{color:var(--text-primary);font-size:110px;font-weight:700;line-height:1}._tempContainer_ylpvz_49{flex-wrap:wrap;align-items:start;gap:5px;display:flex}._tempUnit_ylpvz_56{color:var(--text-primary)}._tempChange_ylpvz_60,._tempChange_ylpvz_60 button{align-items:flex-start;gap:10px;font-size:30px;font-weight:700;display:flex}._tempChange_ylpvz_60 hr{border:1px solid var(--text-muted);align-self:center;height:25px}._tempChange_ylpvz_60 button{color:var(--text-secondary);background:0 0;border:none;padding-top:2px}._tempChange_ylpvz_60 button:hover{cursor:pointer;color:var(--text-primary);scale:1.1}._tempChange_ylpvz_60 button:active{scale:.95}._description_ylpvz_91{color:var(--text-secondary);text-transform:capitalize;font-size:23px;font-weight:700}._details_ylpvz_98{gap:1.5rem;margin-top:1.5rem;display:flex}._details_ylpvz_98 p{color:var(--text-muted);font-size:14px}._divider_ylpvz_109{background:#fff3;width:100%;height:1px;margin:.5rem 0}