.active-alert-time{font-size:10px;font-weight:700;display:inline-block;background:#fff6;padding:3px 7px;line-height:1;border-radius:9999px}.active-alerts{position:fixed;top:0;left:0;right:0;padding:10px 20px;border-radius:0 0 6px 6px;z-index:4;font-weight:700;font-size:10px}.slide-enter-active,.slide-leave-active{transition:transform .3s ease-in-out}.slide-enter,.slide-leave-to{transform:translateY(-100%)}.locations{border-radius:10px 10px 0 0;position:fixed;top:0;left:0;right:0;background:#fff;z-index:100;height:100vh;transform:translateY(100vh);transition:transform .4s ease;display:flex;flex-direction:column}.locations.is-active{transform:translateY(10px)}.locations h2{font-size:2em}.locations-actions{display:flex;justify-content:space-between;padding:20px 20px 0;flex-shrink:0;z-index:101}.locations-content{flex:1;overflow-y:auto;padding:0 20px 20px;scrollbar-width:none;-ms-overflow-style:none}.locations-content::-webkit-scrollbar{display:none}.locations-action{color:#1e90ff}.locations-list{list-style:none;padding:0}.locations-location{padding:20px 0;border-bottom:1px solid #ddd}.locations-location .favourite-location-container{display:flex;align-items:center;justify-content:space-between}.locations-location .editing-container{display:flex;align-items:center;gap:8px}.locations-location .location-name{flex:1;cursor:pointer}.locations-location .location-actions{display:flex;gap:5px}.locations-location .edit-input{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.locations-location .edit-input:focus{outline:none;border-color:#1e90ff}.locations-location .add-favourite-btn,.locations-location .remove-favourite-btn,.locations-location .edit-favourite-btn,.locations-location .save-edit-btn,.locations-location .cancel-edit-btn{background:none;border:none;font-size:16px;cursor:pointer;padding:5px;border-radius:4px;transition:background-color .2s}.locations-location .add-favourite-btn:hover,.locations-location .remove-favourite-btn:hover,.locations-location .edit-favourite-btn:hover,.locations-location .save-edit-btn:hover,.locations-location .cancel-edit-btn:hover{background-color:#f0f0f0}.locations-location .add-favourite-btn{color:gold;font-size:18px}.locations-location .remove-favourite-btn{color:#ff6b6b;font-size:18px}.locations-location .edit-favourite-btn{color:#666;font-size:14px}.locations-location .save-edit-btn{color:#28a745;font-size:18px}.locations-location .cancel-edit-btn{color:#ff6b6b;font-size:18px}.add-location-section{margin-top:30px;padding-top:20px;border-top:1px solid #ddd}.add-location-btn{background:#1e90ff;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:16px;width:100%;transition:background-color .2s}.add-location-btn:hover{background:#1e90ff}.add-location-form h3{margin-bottom:16px;color:#333}.add-location-form .search-container{position:relative}.add-location-form .location-input{width:100%;padding:12px;margin-bottom:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box}.add-location-form .location-input:focus{outline:none;border-color:#1e90ff}.add-location-form .search-loading{color:#666;font-size:14px;margin-bottom:12px}.add-location-form .search-results{max-height:200px;overflow-y:auto;border:1px solid #ddd;border-radius:4px;margin-bottom:12px}.add-location-form .search-result{padding:12px;cursor:pointer;border-bottom:1px solid #eee;transition:background-color .2s}.add-location-form .search-result:hover{background-color:#f0f0f0}.add-location-form .search-result:last-child{border-bottom:none}.add-location-form .no-results{color:#666;font-size:14px;text-align:center;padding:20px;margin-bottom:12px}.add-location-form .form-actions{display:flex;gap:10px;margin-top:16px}.add-location-form .form-actions .cancel-btn{flex:1;padding:12px;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s;background:#6c757d;color:#fff}.add-location-form .form-actions .cancel-btn:hover{background:#5a6268}.share-button{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.share-button svg{transition:stroke .2s ease}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:10px 16px;border-radius:20px;font-size:14px;z-index:1000;animation:fadeInOut 2s ease}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(10px)}10%,90%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-container{position:fixed;top:0;left:20px;right:20px;padding-top:10px;background:#fff;padding-bottom:2px;border-bottom:1px solid;display:flex;align-items:center;justify-content:space-between}.location{color:#aaa;font-weight:700;flex:1;margin:0;cursor:pointer}.big-details{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px}.summary{white-space:normal;padding-right:20px}.wind-wiggle{color:#fff;opacity:.2;position:relative;top:25px;animation:windwiggle linear infinite 3s}@keyframes windwiggle{0%{transform:rotate(0)}25%{transform:rotate(5deg)}50%{transform:rotate(0)}75%{transform:rotate(-5deg)}}.current-breakdown{list-style:none;padding:0;margin:0;white-space:normal}.current-breakdown li{border-bottom:1px solid #ddd;padding:12px 0}.current-breakdown li:last-child{border-bottom:0}.loading-state{padding:20px;text-align:center;color:#aaa}.right-now-scroller-wrapper{overflow:hidden;transition:height .4s ease}.rain-bars{height:80px;position:relative;border-bottom:1px solid #888;overflow:hidden}.downpour,.steady,.drizzle{position:absolute;left:0;right:0;font-size:.6em;color:#888}.downpour{bottom:80%}.steady{bottom:50%}.drizzle{bottom:20%}.rain-bar{background:#53d7dd;border-radius:6px 6px 0 0;position:relative}.rain-bar:after{content:"";position:absolute;animation:wibble ease infinite;animation-duration:inherit;left:0;right:0;height:20px;border-radius:6px 6px 0 0;background:inherit}.dash{position:relative;flex:1;border-top:1px dashed #888;transform:translateY(50%);z-index:1}.rain-word{padding:0 6px;letter-spacing:.05em;z-index:1}.flex--between{justify-content:space-between}@keyframes wibble{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}.alert-icon{color:#000;width:16px;height:16px;border-radius:999px;display:flex;justify-content:center;align-items:center}.alert-severity--0{background:#f8f8f8}.alert-severity--1{background:#ccc}.alert-severity--2{background:orange}.alert-severity--3{background:#ffce3c}.icon{width:28px;height:28px;border-radius:0 6px 6px 0}.icon img{display:block;width:100%;height:100%;object-fit:contain}.icon-bg{background:#eaf6fe;border-radius:9999px;padding:2px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.icon-bg.dark{background:#00008b}.possible-rain{padding-top:3px;border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding-bottom:5px;color:#fff;font-weight:700;font-size:12px;position:relative;transition:all .5s ease}.wind-text{display:flex;align-items:flex-end;justify-content:center;font-size:10px}.column{display:grid;grid-template-rows:120px 20px 90px;cursor:pointer}.column__top{display:grid;align-items:end}.column__middle{display:grid;align-items:center;justify-content:center}.column__temperature{color:#fff;border-radius:6px;padding:2px 0;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:height .5s ease,opacity .3s ease;text-align:center;opacity:1}.column__temperature.is-active{opacity:1}.column__temperature.is-dimmed{opacity:.3!important}.column__time{font-size:9px}.bar-wind-bearing{transition:transform .5s ease}.bar-temperature{font-size:12px}.column:hover{opacity:.8;transition:opacity .2s ease}.column.is-active{z-index:2;position:relative}.column.is-active .column__temperature{opacity:1;box-shadow:0 2px 8px #0003}.column.is-dimmed{opacity:.4}.column.is-dimmed .column__temperature{opacity:.3!important}.column.is-dimmed .possible-rain{opacity:.4}.bar-alert-icon{position:absolute;top:2px;right:2px}.detail__summary{margin-bottom:5px;text-transform:uppercase;font-weight:700;font-variant-numeric:tabular-nums}.detail{margin-top:-90px;height:90px;padding:6px;color:#fff;border-radius:6px;font-size:10px;position:relative;z-index:2}.detail ul{padding:0}.detail li{display:flex;justify-content:space-between;padding-bottom:2px}.detail__inner{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px}.detail__key{text-transform:uppercase}.detail__value{font-weight:700}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.alerts{padding:10px 20px;border-radius:6px}.alerts h3{text-align:center}.alerts-heading{font-weight:700;margin:10px 0}.alerts-list{list-style:none;padding:0}.day-word{font-size:11px}.day-number{font-size:10px;color:#ccc}.day-detail__summary{margin-bottom:5px;text-transform:uppercase;font-weight:700;font-variant-numeric:tabular-nums}.day-detail{margin-top:-90px;height:90px;padding:6px;color:#fff;border-radius:6px;font-size:10px;position:relative;z-index:2}.day-detail ul{padding:0}.day-detail li{display:flex;justify-content:space-between;padding-bottom:2px}.day-detail__inner{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px}.day-detail__key{text-transform:uppercase}.day-detail__value{font-weight:700}.rain-mm-scale{position:absolute;bottom:0;height:50px;left:0;right:0;opacity:.5;display:flex;flex-direction:column;justify-content:space-between}.rain-mm-value{font-size:10px;color:#53d7dd;display:flex;justify-content:center;align-items:center}.rain-mm-dash{border-top:1px dashed #53d7dd;flex:1}.rain-mm{padding:0 5px}.day-row{margin:0 auto 3px;grid-template-columns:1fr 30px 1fr;grid-gap:5px;cursor:pointer;transition:background-color .2s ease}.day-row:hover{background-color:#ffffff0d}.low{width:35px;margin-right:3px;border-radius:6px 0 0 6px}.rain-mm{display:flex;flex-direction:column}.rain{align-items:flex-end;border-radius:6px 0 0 6px}.relative{position:relative}.day-alert-icon{position:absolute;top:2px;right:2px}.font-xs{font-size:.8em}.hourly-drawer{padding:12px 0;overflow:hidden}.day-row:hover .bar-temperature{opacity:.8;transition:opacity .2s ease}.bar-temperature{transition:opacity .2s ease}.day-summary{margin-bottom:16px}.day-summary p{margin:0;line-height:1.4;color:#000}.drawer-enter-active{transition:max-height .3s ease-out,opacity .25s ease-out,transform .3s ease-out;overflow:hidden}.drawer-leave-active{transition:max-height .3s ease-in,opacity .2s ease-in,transform .25s ease-in;overflow:hidden}.drawer-enter-from,.drawer-leave-to{max-height:0;opacity:0;transform:translateY(-10px)}.drawer-enter-to,.drawer-leave-from{max-height:400px;opacity:1;transform:translateY(0)}.day-row.is-dimmed{opacity:.3;transition:opacity .3s ease}.date{text-align:center;letter-spacing:.05em}.uppercase{text-transform:uppercase}.pad{padding:5px}.pad-l{padding-left:5px}.pad-r{padding-right:5px}.pad-t{padding-top:5px}.pad-b{padding-bottom:5px}.rain{border-radius:6px 0 0 6px}.high{border-radius:0 6px 6px 0}.font-grey{color:gray}.font-bold{font-weight:700}.font-s{font-size:11px}.font-white{color:#fff}.icon-container{padding-right:3px;border-radius:0 6px 6px 0}a{text-decoration:none;font-size:10px;color:#333}html,body{scrollbar-width:none;-ms-overflow-style:none;scrollbar-gutter:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body{touch-action:pan-x pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}html,.main{overscroll-behavior-y:contain}html:has(.is-locations-active,.is-updating),body:has(.is-locations-active,.is-updating){position:fixed;top:0;left:0;right:0;height:100vh;overflow:hidden;touch-action:none}.main{background:#fff;transition:filter .5s ease}.is-locations-active .main,.is-updating .main{touch-action:none;pointer-events:none}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity:0;z-index:4;pointer-events:none;transition:opacity .5s ease}.is-locations-active .overlay,.is-updating .overlay{opacity:.3}html{font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box;margin:0}ul,ol{list-style:none}h2{font-size:1.8em}.no-padding{padding:0}.full-width{width:calc(100vw - 40px)}.inline-grid{display:inline-grid}.grid{display:grid}.grid-gap{grid-gap:3px}.grid-end{align-items:end}.grid-8{grid-template-columns:repeat(8,1fr)}.grid-12{grid-template-columns:repeat(12,1fr)}.grid-100-100{grid-template-columns:repeat(3,calc(100vw - 40px))}.overflow-x-auto{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.overflow-x-auto::-webkit-scrollbar{display:none}.overflow-hidden{width:100%;overflow:hidden}.pad-row{padding:20px}.nowrap{white-space:nowrap}.snap-scroll{-webkit-scroll-snap-points-x:repeat(100%);scroll-snap-points-x:repeat(100%);-webkit-scroll-snap-type:mandatory;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.snap-scroll>*{-webkit-scroll-snap-align:start;scroll-snap-align:start}.flex{display:flex}.align-stretch{align-items:stretch}.align-center{align-items:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.spaced>*+*{margin-top:20px}.pull-to-refresh-indicator{position:fixed;top:50px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 20px;border-radius:20px;box-shadow:0 2px 10px #0000001a}.pull-icon{font-size:24px;color:#26a7f5;margin-bottom:5px;transition:transform .2s ease,color .2s ease}.pull-icon.ready{color:#28be6e;transform:rotate(180deg)}.pull-text{font-size:12px;color:#666;margin:0;white-space:nowrap}.offline-indicator{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:row;align-items:center;gap:8px;background:#fd3d49f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 20px;border-radius:20px;box-shadow:0 2px 10px #0003;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.offline-icon{font-size:18px;color:#fff}.offline-text{font-size:12px;color:#fff;margin:0;white-space:nowrap;font-weight:600}