.hidden{display:none}body{background:#dfe6ec;margin:0;font-family:sans-serif}#header{background:linear-gradient(145deg,#f7f6f5,#e7d8d3);border:6px solid #fff;border-radius:40px;justify-content:center;align-items:center;width:1050px;margin:20px auto 0;padding:15px 0;display:flex;box-shadow:0 25px 60px #00000059,inset 0 0 20px #ffffff26}#header-h1{color:#3b1f4b;text-align:center;text-shadow:1px 1px 2px #0006;margin:0;font-family:Segoe UI,Trebuchet MS,sans-serif;font-size:3rem}#main-container{background:linear-gradient(145deg,#374461,#4b5b88,#6a7a96);border:6px solid #fff;border-radius:40px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 2fr 1fr;gap:20px;width:1050px;min-height:650px;margin:20px auto;padding:25px;display:grid;box-shadow:0 25px 60px #00000059,inset 0 0 20px #ffffff26}.icon-container{background:linear-gradient(145deg,#b0c0b2,#a0b5a0);border:1px solid #ffffff4d;border-radius:80px;justify-content:center;align-items:center;display:flex;box-shadow:0 15px 30px #00000040,inset 0 0 5px #ffffff1a}#upper-left-icon{grid-area:1/1}#upper-right-icon{grid-area:1/3}#lower-left-icon{grid-area:2/1}#lower-right-icon{grid-area:2/3}.center-container{border:6px solid #fff;border-radius:35px;padding:20px;box-shadow:0 25px 60px #00000073,inset 0 0 20px #ffffff4d}#form-container{background:linear-gradient(145deg,#f2f6fa,#cfdbe6);grid-area:1/2}#display-card{background:linear-gradient(145deg,#e6edf4,#c3d1df,#aebfd0);border:6px solid #fff;border-radius:35px;grid-area:2/2;padding:15px;position:relative;box-shadow:0 30px 70px #00000080,inset 0 0 25px #ffffff59,inset 0 0 5px #0003}#display-card:before{content:"";pointer-events:none;background:linear-gradient(145deg,#ffffff80,#ffffff26);border-radius:25px;position:absolute;inset:10px;box-shadow:inset 0 0 20px #fff9,inset 0 0 40px #00000026}.current-data,.hist-data{color:#2b2b2b;text-shadow:0 1px 2px #fff9;margin:6px 0;font-size:1.25rem;font-weight:600}.currenth1,.historicalh1{text-align:center;color:#3b1f4b;text-shadow:0 2px 3px #0000004d,0 0 5px #ffffff80;margin-bottom:10px;font-size:1.8rem}#current-conditions-wrapper,#historical-conditions-wrapper{background:linear-gradient(145deg,#dfe7ee,#b8c6d4);border-radius:15px;justify-content:center;align-items:center;gap:10px;margin:8px auto;padding:8px 12px;display:flex;box-shadow:inset 0 0 8px #fff9,0 4px 10px #00000040}#sun-wrapper{justify-content:space-around;align-items:center;gap:20px;margin-top:10px;display:flex}#sun-wrapper div{display:inline-block}#current-conditions-icon,#historical-conditions-icon{width:45px;height:45px}.icon-img{filter:drop-shadow(0 10px 15px #0006);width:90px;height:90px}.form-label-row{flex-direction:column;margin-bottom:15px;display:flex}.form-label-text{color:#3b1f4b;text-shadow:1px 1px 2px #0000004d;justify-self:center;font-size:1.4rem;font-weight:600}#current-location-button{justify-self:end}.location-top-row{align-items:center;margin-bottom:3px;display:flex}.location-top-row .hint-btn{justify-self:start}.location-top-row .current-btn{margin-left:auto}.current-btn{cursor:pointer;color:ivory;background:linear-gradient(145deg,#4f6a57,#6f8a74);border:none;border-radius:12px;padding:8px 14px;transition:all .25s;box-shadow:0 6px 14px #0000004d,inset 0 0 6px #fff3}.current-btn:hover{background:linear-gradient(145deg,#3f5a47,#5f7a64);box-shadow:0 8px 18px #00000059}#input-form input[type=text],#input-form input[type=datetime-local]{box-sizing:border-box;color:#222;background:#f8f9fa;border:2px solid #ffffff4d;border-radius:15px;width:100%;margin:5px 0 15px;padding:10px 12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;transition:all .3s;box-shadow:inset 0 2px 4px #0000001a}#input-form input[type=text]:focus,#input-form input[type=datetime-local]:focus{border-color:#6a4f9c;outline:none;box-shadow:0 0 8px #6a4f9c66}#unitGroup-btn-container{justify-content:space-between;align-items:center;margin:3px 0;padding:2px 0;display:flex}.left-buttons{gap:10px;width:260px;display:flex}.left-buttons .unit-btn{text-align:center;flex:1}.unit-btn{cursor:pointer;color:#fff;background:linear-gradient(145deg,#3d1f5a,#4c3575);border:none;border-radius:12px;margin:5px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .3s,opacity .3s;box-shadow:0 6px 15px #00000059}.unit-btn:hover{background:linear-gradient(145deg,#52306f,#3d1f5a);box-shadow:0 8px 18px #00000059}.unit-btn.active-unit{opacity:1;background:linear-gradient(145deg,#3d1f5a,#52306f);transform:scale(1.05);box-shadow:0 8px 25px #00000073}.unit-btn:not(.active-unit){opacity:.5;transform:scale(.95)}#get-weather{cursor:pointer;color:ivory;background:linear-gradient(145deg,#6689c1,#5b7bb0);border:none;border-radius:15px;margin:10px auto 0;padding:12px 22px;font-size:16px;font-weight:700;transition:all .3s;display:block;box-shadow:0 6px 20px #00000040}#get-weather:hover{background:linear-gradient(145deg,#5b7bb0,#6689c1);box-shadow:0 8px 25px #00000059}.hint-btn{color:#2a1a3a;cursor:pointer;background:linear-gradient(145deg,#fff9,#d2dce680);border:1px solid #fff9;border-radius:50%;width:28px;height:28px;font-weight:700;box-shadow:0 2px 6px #00000026,inset 0 0 4px #fff9}.hint-btn:hover{background:linear-gradient(145deg,#ffffffd9,#dce6f0b3)}