*{margin:0;padding:0}body{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}#loader{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#b4ceff;border-radius:15px;top:0px;left:0px;transition:opacity .5s linear}#loader.disabled{opacity:0;pointer-events:none}#loader .spinner{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.day{color:#333}.day.rain{color:#eee}.day.rain #address{color:#ccc}.day.rain #temp-range{color:#fff}.day.rain #description{color:#ddd}.day.rain .additional-info{color:#ddd}.day #address{color:#222}.day #temp-range{color:#111}.day #description{color:#222}.day .additional-info{color:#111}.night{color:#eee}.night #address{color:#ccc}.night #temp-range{color:#fff}.night #description{color:#ccc}.night .additional-info{color:#ddd}.weather-header{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:15px}#icon{width:70px;height:70px;box-shadow:0 5px 15px rgba(0,0,0,.2);border-radius:50%;background:hsla(0,0%,100%,.3);padding:5px}.location-condition #address{font-size:1.5em;font-weight:700}.location-condition #condition{font-size:1em;margin-top:2px}.temperature-section{margin-top:10px}#temp{font-size:2.5em;font-weight:800;margin-bottom:5px}#temp-range{display:flex;justify-content:center;gap:12px;font-size:.95em;margin-bottom:5px}#feelslike{font-size:.9em;margin-bottom:15px}#description{font-size:.88em;margin-bottom:15px;line-height:1.3em}.additional-info{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px;font-size:.85em}.additional-info div{background:hsla(0,0%,100%,.25);border-radius:10px;padding:5px 10px;height:50px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}