*,*:before,*:after{box-sizing:border-box}body{background-color:#0a0e1a;color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:300;letter-spacing:.5px;margin:0;min-height:100vh;overflow-x:hidden;overscroll-behavior:contain;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.no-scroll{overflow:hidden}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}button,label{cursor:pointer;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;letter-spacing:.5px}@property --bg-c1{syntax: "<color>"; inherits: false; initial-value: #151822;}@property --bg-c2{syntax: "<color>"; inherits: false; initial-value: #1a1e2e;}@property --bg-c3{syntax: "<color>"; inherits: false; initial-value: #12161f;}.weather-bg{background:linear-gradient(135deg,var(--bg-c1),var(--bg-c2),var(--bg-c3));position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;transition:--bg-c1 1.2s ease,--bg-c2 1.2s ease,--bg-c3 1.2s ease}.weather-particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.weather-particles.rain .particle{position:absolute;top:-10px;width:1px;height:14px;background:#b4d2ff40;animation:rainFall linear infinite}.weather-particles.snow .particle{position:absolute;top:-8px;width:4px;height:4px;border-radius:50%;background:#fff6;animation:snowFall linear infinite}@keyframes rainFall{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}to{transform:translateY(100vh) translate(var(--drift, 0px));opacity:.2}}.weather-particles.rain.blustery-low{transform:skew(-10deg);width:115%;left:-7%}.weather-particles.rain.blustery-low .particle{height:17px}.weather-particles.rain.blustery-high{transform:skew(-32deg);width:130%;left:-15%}.weather-particles.rain.blustery-high .particle{height:22px}.weather-particles.snow.blustery-low{transform:skew(-15deg);width:118%;left:-9%}.weather-particles.snow.blustery-high{transform:skew(-32deg);width:135%;left:-17%}@keyframes snowFall{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}35%{transform:translateY(35vh) translate(var(--wobble, 0px))}to{transform:translateY(100vh) translate(var(--drift, 0px));opacity:.1}}.glass-card{background:#ffffff12;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:16px}.btn{background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#fff;font-size:1rem;letter-spacing:.5px;outline:none;padding:0;transition:all .2s ease}a:focus,button:focus,.btn:focus{box-shadow:0 0 0 2px #5a9cff66;outline:none}.btn.disabled:focus{box-shadow:none}a.btn{text-decoration:none}.btn:hover{background:#ffffff26;border-color:#fff3}.input-wrapper{align-items:center;display:flex;flex:1;position:relative}input{background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(255,255,255,.12);color:#fff;display:block;font-family:inherit;font-size:16px;font-weight:300;outline:none;padding:10px 15px;transition:all .2s ease;width:100%}input::placeholder{color:#fff6;font-style:normal}input:focus{border-color:#64a0ff80;background:#ffffff1a}.spinner-wrapper{background:#0a0e1ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);height:100%;opacity:0;position:fixed;transition:all .3s ease;visibility:hidden;width:100%;z-index:21}.spinner-wrapper.visible{opacity:1;visibility:visible}.spinner{animation-name:spin;animation-duration:.75s;animation-iteration-count:infinite;animation-timing-function:linear;border:2px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:#fffc;height:48px;left:calc(50% - 24px);position:absolute;top:calc(50% - 24px);width:48px}.input-spinner-wrapper{display:flex;height:100%;justify-content:flex-end;opacity:0;position:absolute;transition:.2s ease all;visibility:hidden;width:100%;z-index:21}.input-spinner-wrapper .spinner{border-width:1px;box-sizing:border-box;height:20px;left:auto;right:12px;top:calc(50% - 10px);width:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-alert{background:#b41414d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;border:1px solid rgba(255,80,80,.4);box-shadow:0 8px 32px #0000004d;color:#fff;cursor:pointer;font-weight:500;left:50%;transform:translate(-50%) translateY(-10px);margin-top:10px;opacity:0;padding:10px 20px;position:fixed;text-align:center;transition:all .3s ease;visibility:hidden;width:350px;max-width:calc(100% - 40px);z-index:100}.error-alert .error-msg{display:block;font-weight:300;margin-top:4px}.error-alert.show{opacity:1;transform:translate(-50%) translateY(0);visibility:visible}.top-bar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgb(255 255 255 / 5%);display:flex;justify-content:space-between;padding:10px;position:sticky;top:0;z-index:20}.top-bar .location-name{cursor:pointer;font-size:1rem;font-weight:400;letter-spacing:.5px;opacity:.9;text-align:center;transition:opacity .2s ease}.top-bar .location-name:hover{opacity:1}.sidebar-toggle,.refresh{align-items:center;display:flex;height:40px;justify-content:center;width:40px;flex-shrink:0}.sidebar-toggle:hover,.refresh:hover{background:#ffffff26}.refresh.spinning svg{animation:spin .75s linear infinite}a.donate{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff9;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.75rem;padding:10px;text-align:center;text-decoration:none;transition:all .2s ease}a.donate:hover{background:#ffffff1a;color:#fffc}.toggle-switch{cursor:pointer;position:relative;display:inline-block}.toggle-switch:after{clear:both;content:"";display:table}.toggle-switch i{display:block;transition:all .15s ease;font-style:normal}.toggle-switch label,.toggle-switch>span{line-height:2em}.toggle-switch input:focus~span i,.toggle-switch input:focus+label{outline:0;box-shadow:0 0 0 2px #64a0ff66;transition:all .15s ease}.toggle-switch input{cursor:pointer;opacity:0;position:absolute;z-index:3}.toggle-switch input:checked~span i{border-color:#ffffff4d;left:100%;margin-left:-20px;right:0%}.toggle-switch input:checked~span{border-color:#ffffff4d;box-shadow:inset 0 0 0 20px #ffffff1a}.toggle-switch input:checked~span span:first-of-type{opacity:0}.toggle-switch input:checked~span span:last-of-type{opacity:1}.toggle-switch input:checked+label{color:#ffffff80}.toggle-switch div.label{float:left;margin:0 8px 0 0}.toggle-switch>span{background-color:transparent;border-radius:100px;border:1px solid rgba(255,255,255,.25);box-sizing:content-box;display:block;float:right;height:20px;min-height:20px;overflow:visible;padding:0;position:relative;text-align:left;transition:all .15s ease;width:45px;z-index:1}.toggle-switch span span{color:#fff;display:block;float:left;text-align:center;-webkit-user-select:none;user-select:none;z-index:2}.toggle-switch>span span{font-size:.8rem;left:0;line-height:20px;opacity:0;position:absolute;top:4px;transition:all .15s ease;vertical-align:middle;width:100%}.toggle-switch>span span:first-of-type{opacity:1;padding-left:20px}.toggle-switch>span span:last-of-type{padding-right:20px}.toggle-switch i{background-color:#fffc;border-radius:100%;border:1px solid rgba(255,255,255,.3);box-sizing:border-box;display:block;height:18px;left:1px;padding:0;position:absolute;right:50%;top:1px;transition:all .15s ease;width:18px;z-index:2}#content{box-sizing:border-box;margin:0 auto;max-width:600px;padding:0 20px 20px}.panel-wrapper{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:start;padding:0}.panel{align-items:center;color:#fff;display:flex;flex:1;flex-wrap:wrap;justify-content:space-around;margin:0;padding:10px}dialog#location-request{background:#1e2337e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 48px #0006;color:#fff;max-width:380px;border-radius:16px}dialog#location-request::backdrop{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog#location-request .button-row{display:flex;gap:10px;justify-content:center}dialog#location-request .button-row button{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;cursor:pointer;padding:8px 28px;transition:all .2s ease}dialog#location-request .button-row button:hover{background:#ffffff2e}.weather-icon{stroke-width:1.5}.sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f1223d9;border-right:1px solid rgba(255,255,255,.08);box-sizing:border-box;height:100%;left:-450px;max-width:450px;padding:80px 20px 20px;position:fixed;top:0;transition:.35s ease all;width:100%;z-index:10}.sidebar.open{left:0}.time-format{position:absolute;bottom:20px;left:20px;right:20px}#location-lookup-form{display:flex;gap:8px;justify-content:space-between;margin:0;position:relative}#location-lookup-form input{font-size:16px}#location-lookup-form .add-location-btn{background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;font-weight:400;padding:0 20px;transition:all .2s ease;white-space:nowrap}#location-lookup-form .add-location-btn:hover{background:#ffffff26}#location-lookup-form.loading .input-spinner-wrapper{opacity:1;visibility:visible}.locations-wrapper{background:#ffffff0a;border-radius:12px;border:1px solid rgba(255,255,255,.08);box-sizing:border-box;margin:20px 0;overflow:hidden;width:100%}.location-item-wrapper{align-items:stretch;border-bottom:1px solid rgba(255,255,255,.06);display:flex;min-height:48px;width:100%}.location-item-wrapper:last-child{border-bottom-width:0}.locations-wrapper .location-item{align-items:center;background:transparent;border:none;box-sizing:border-box;color:#fffc;display:flex;font-size:.9rem;font-weight:300;gap:10px;padding:10px 14px;text-align:left;transition:all .15s ease;width:calc(100% - 40px)}.locations-wrapper .location-item.current-location{width:100%}.locations-wrapper .location-item .check-icon{flex-shrink:0;border-radius:50%;border:1px solid rgba(255,255,255,.2);padding:3px}.locations-wrapper .location-item .nav-icon{flex-shrink:0;margin-left:auto;opacity:.4}.locations-wrapper .location-item.active{color:#fff}.locations-wrapper .location-item.active .check-icon{background:#ffffffd9;color:#0a0e1a;border-color:transparent}.locations-wrapper .remove-item{align-items:center;background:transparent;border-left:1px solid rgba(255,255,255,.06);border:none;color:#fff6;display:flex;justify-content:center;transition:all .15s ease;width:40px}.location-item-wrapper:hover .location-item:not(.active){background:#ffffff0a}.location-item-wrapper:hover .remove-item{color:#fff9}.location-item-wrapper .remove-item:hover{background:#c8323266;color:#fff}.alert-banners{display:flex;flex-direction:column;gap:6px;margin-bottom:4px;margin-top:8px}.alert-banner{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;border-style:solid;border-width:1px;cursor:pointer;display:flex;font-family:inherit;font-size:.78rem;font-weight:500;gap:10px;letter-spacing:.4px;padding:11px 16px;text-align:left;transition:filter .2s ease;width:100%}.alert-banner:hover{filter:brightness(1.15)}.alert-banner-label{flex:1}.alert-banner-chevron{flex-shrink:0;opacity:.6}.alert-banner--warning{background:#cd41142e;border-color:#dc501e73;color:#ff7d50}.alert-banner--watch{background:#b994002e;border-color:#d2ac1473;color:#ffd037}.alert-banner--advisory{background:#148aff2e;border-color:#1e9eff73;color:#4bb6ff}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.alert-modal-overlay{align-items:flex-end;animation:fadeInOverlay .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#050814b3;display:flex;justify-content:center;inset:0;position:fixed;z-index:60}.alert-modal{animation:slideUpModal .25s ease;background:#0e1222fa;border:1px solid rgba(255,255,255,.1);border-bottom:none;border-radius:20px 20px 0 0;box-shadow:0 -16px 48px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:100%}.alert-modal-header{align-items:center;border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:16px 20px}.alert-modal-title{font-size:.72rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.alert-modal-header--warning .alert-modal-title{color:#ff7d50}.alert-modal-header--watch .alert-modal-title{color:#ffd037}.alert-modal-header--advisory .alert-modal-title{color:#4bb6ff}.alert-modal-close{align-items:center;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#fff9;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .15s ease;width:28px}.alert-modal-close:hover{background:#ffffff24;color:#ffffffe6}.alert-modal-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:16px 20px 24px}.alert-modal-item{border-radius:12px;border-style:solid;border-width:1px;padding:14px 16px}.alert-modal-item--warning{background:#cd41141f;border-color:#dc501e59}.alert-modal-item--watch{background:#b994001f;border-color:#d2ac1459}.alert-modal-item--advisory{background:#148aff1f;border-color:#1e9eff59}.alert-modal-item-title{font-size:.88rem;font-weight:500;line-height:1.4;margin-bottom:10px}.alert-modal-item--warning .alert-modal-item-title{color:#ff7d50}.alert-modal-item--watch .alert-modal-item-title{color:#ffd037}.alert-modal-item--advisory .alert-modal-item-title{color:#4bb6ff}.alert-modal-item-desc{font-size:.82rem;font-weight:300;line-height:1.65;opacity:.82;white-space:pre-wrap}.hero{text-align:center;padding:10px 0 20px}.hero-date{font-size:.85rem;font-weight:400;margin:0 0 8px;opacity:.8}.hero-main{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:8px}.hero-temp{font-size:5rem;font-weight:200;letter-spacing:-2px;line-height:1;position:relative}.hero-temp .degree{font-size:2.5rem;font-weight:200;position:absolute;top:4px}.hero-summary{font-size:1rem;font-weight:300;margin:0;opacity:.8}.hero-meta{align-items:center;display:flex;gap:8px;justify-content:center;margin:8px 0 0}.hero-meta .hero-time{font-size:.8rem;font-weight:300}.hero-meta .hero-time span{font-weight:200}.meta-sep{opacity:.6;font-size:.7rem;font-weight:600}.hero-meta .high-low{align-items:center;display:inline-flex;font-size:.8rem;font-weight:500;gap:1px}.hero-meta .arrow-up{color:#ffa0a0}.hero-meta .arrow-down{color:#8ab4ff}.temp-format .toggle-switch>span span{font-style:normal;top:0}.temp-format .toggle-switch input:checked~span{box-shadow:none}.day-summary{align-items:center;display:flex;font-size:.85rem;font-weight:300;justify-content:center;margin:0 0 12px;min-height:55px;opacity:.85;padding:14px 20px;text-align:center}.day-summary .summary-label{font-weight:500;margin-right:6px;opacity:.6;text-transform:uppercase;font-size:.7rem;letter-spacing:1px}.stat-selector{margin-bottom:10px;position:relative}.stat-menu-backdrop{inset:0;position:fixed;z-index:49}.active-stat-card{align-items:center;background:#508cff1f;border-color:#64a0ff4d;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.active-stat-card:hover{background:#508cff2e}.active-stat-info{display:flex;flex-direction:column;gap:4px}.active-stat-label{color:#8ab4ffcc;font-size:.65rem;font-weight:400;letter-spacing:1px;text-transform:uppercase}.active-stat-value{color:#8ab4ff;font-size:1.75rem;font-weight:300;letter-spacing:-.5px}.stat-chevron{color:#8ab4ff99;flex-shrink:0;transition:transform .2s ease}.stat-chevron.open{transform:rotate(180deg)}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.stat-menu{animation:menuSlideDown .15s ease;background:#101426f5;border-color:#ffffff1f;box-shadow:0 16px 48px #00000080;display:flex;flex-direction:column;gap:2px;padding:8px;z-index:50}.stat-menu-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:background .15s ease}.stat-menu-item:hover{background:#ffffff12}.stat-menu-item.active{background:#508cff26}.stat-menu-label{flex:1;font-size:.85rem;font-weight:300}.stat-menu-item.active .stat-menu-label{color:#8ab4ff;font-weight:400}.stat-menu-value{font-size:.85rem;font-weight:400;opacity:.6}.stat-menu-item.active .stat-menu-value{color:#8ab4ff;opacity:1}.stat-menu-check{color:#8ab4ff;flex-shrink:0}.stats-text-grid{display:grid;gap:10px 8px;grid-template-columns:repeat(4,1fr)}.stats-text-item{border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:6px;transition:background .15s ease}.stats-text-item:hover{background:#ffffff0d}.stats-text-label{font-size:.6rem;font-weight:400;letter-spacing:.5px;opacity:.4;text-transform:uppercase}.stats-text-value{font-size:.95rem;font-weight:300}.hourly-weather-wrapper{display:inline-block;height:100px;margin-top:8px;overflow:hidden;position:relative;width:100%;z-index:1}.hourly-chart-wrapper{height:100%;margin:0;overflow-x:scroll;padding:0;position:relative;width:100%;scrollbar-width:none}.hourly-chart-wrapper::-webkit-scrollbar{display:none}#hour-indicator-line{background:#64a0ff99;border-radius:10px;height:calc(100% - 20px);left:calc(50% - 1px);position:absolute;top:0;width:1px;z-index:10;pointer-events:none}.hourly-charts-content{position:relative;width:1600px;height:100%;margin-left:50%;padding-right:50%}.charts-stack{position:relative;height:calc(100% - 20px)}.chart-layer{position:absolute;top:0;left:0;width:100%;height:100%}.temperature-layer{z-index:2}.stat-layer{z-index:1;border-bottom:1px solid rgba(255,255,255,.08)}.labels{bottom:-6px;display:flex;height:6px;justify-content:space-evenly;line-height:0;white-space:nowrap;width:100%;z-index:8}.labels .label{border-left:1px solid rgba(255,255,255,.08);box-sizing:border-box;display:inline-block;height:100%;position:relative}.labels .label .text{color:#ffffffb3;font-size:12px;opacity:.9;position:absolute;right:-25px;text-align:center;top:12px;width:50px}.labels .label .text>span{margin:0 1px}.labels .label .unit{font-size:10px;opacity:.5}.hourly-labels.labels{justify-content:space-between;bottom:0;height:0;margin:0;padding:0}.hourly-labels.labels .label{border:none;height:0}.hourly-labels.labels .label .text{font-size:16px;height:0;overflow:hidden;top:16px;visibility:hidden}.hourly-labels.labels .label.midnight:after{background:#ffffff1a;bottom:0;content:"";height:60px;position:absolute;width:1px}.hourly-labels.labels .label.midnight .day{display:block;font-size:.65rem;left:-50px;letter-spacing:1px;opacity:.5;position:absolute;text-align:center;text-transform:uppercase;top:-70px;width:100px}.next-hour-chart{margin:10px auto 4px;max-width:200px;opacity:.2;text-align:center;transition:opacity .4s ease}.next-hour-chart.visible{opacity:1}.next-hour-label{display:block;font-size:.6rem;font-weight:400;letter-spacing:1px;margin-bottom:4px;opacity:.6;text-transform:uppercase}.next-hour-graph{border:1px solid rgba(255,255,255,.18);border-radius:6px;height:50px;overflow:hidden}.now-pill{background:#ffffff1f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:25px;color:#ffffffe6;cursor:pointer;font-family:inherit;font-size:.7rem;font-weight:400;left:6px;letter-spacing:.5px;opacity:0;padding:10px 24px;position:absolute;top:50%;transform:translateY(-50%) translate(-8px);transition:all .3s ease;visibility:hidden;z-index:12}.now-pill.visible{opacity:1;transform:translateY(-50%) translate(0);visibility:visible}.now-pill:hover{background:#fff3;border-color:#ffffff4d}.recharts-surface{overflow:visible}@media screen and (max-width:500px){.alerts .panel{margin:3px 6px;min-width:100%}.stats-text-grid{grid-template-columns:repeat(4,1fr)}.hero-temp{font-size:4rem}.day-summary{font-size:.8rem;padding:10px 20px}}@media screen and (max-width:355px){.hero-temp{font-size:3.5rem}.stats-text-grid{grid-template-columns:repeat(2,1fr)}}