*{box-sizing:border-box;margin:0;padding:0}body{font:Montserrat,sans-serif}.app{background-position:50%;background-size:cover;transition:.4s ease-out}.app,.app.clear{background-image:url(/reflections-weather/static/media/sunset.c510a53ffefcb37e6b3e.jpg)}.app.ice{background-image:url(/reflections-weather/static/media/ice.4e769c0d8b4e24db0f38.jpg)}.app.cold{background-image:url(/reflections-weather/static/media/cold.182cd87bbc06e1741740.jpg)}.app.warm{background-image:url(/reflections-weather/static/media/warm.ea69bb9d9359571764da.jpg)}.app.hot{background-image:url(/reflections-weather/static/media/hot.90719b523ecc01149ce2.jpg)}.app.scorching{background-image:url(/reflections-weather/static/media/scorching.d719e17c0164cb2490d0.jpg)}.app.extreme{background-image:url(/reflections-weather/static/media/extreme.8ff28920f5b338afaa71.jpg)}.app.snow{background-image:url(/reflections-weather/static/media/snow.091158fd014081b45f6c.jpg)}.app.thunderstorm{background-image:url(/reflections-weather/static/media/thunderstorm.482c61fe51a63f9f276b.jpg)}.app.clouds{background-image:url(/reflections-weather/static/media/clouds.857e9b184f3744d7903a.jpg)}.app.heavy-rain,.app.rain{background-image:url(/reflections-weather/static/media/rain.dd677505817edfc18a11.jpg)}.app.mist{background-image:url(/reflections-weather/static/media/mist.8a12dc1628917ecf3acd.jpg)}.app.night{background-image:url(/reflections-weather/static/media/night.3fe7d7e16d7530901abf.jpg)}.app.sunrise{background-image:url(/reflections-weather/static/media/sunrise.ee5597b94142f5beb20a.jpg)}.app.sunset{background-image:url(/reflections-weather/static/media/sunset.c510a53ffefcb37e6b3e.jpg)}.app.night-mode main:before{background:rgba(4,8,22,.38);content:"";inset:0;pointer-events:none;position:fixed;transition:background .6s ease;z-index:0}.app.night-mode main>*{position:relative;z-index:1}.app.cold .search-box .search-bar,.app.mist .search-box .search-bar,.app.snow .search-box .search-bar{background-color:hsla(0,0%,100%,.5)}.app.hot .search-box .search-bar,.app.warm .search-box .search-bar{background-color:hsla(0,0%,100%,.75)}.app.heavy-rain .search-box .search-bar,.app.rain .search-box .search-bar,.app.thunderstorm .search-box .search-bar{background-color:hsla(0,0%,100%,.4)}main{background-image:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.75));min-height:100vh;min-height:100dvh;padding:calc(25px + env(safe-area-inset-top)) 25px calc(25px + env(safe-area-inset-bottom))}.reflections-header{align-items:center;-webkit-animation:rfl-fadein 1.4s ease both;animation:rfl-fadein 1.4s ease both;display:flex;flex-direction:column;gap:32px;padding-bottom:4px;padding-top:8px}@-webkit-keyframes rfl-fadein{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes rfl-fadein{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.reflections-orb{-webkit-animation:orb-shimmer 5s ease-in-out infinite;animation:orb-shimmer 5s ease-in-out infinite;border-radius:50%;box-shadow:0 0 25px 9px rgba(30,60,120,.35),0 0 68px 20px rgba(30,60,120,.15);-webkit-filter:brightness(1.08) contrast(1.05);filter:brightness(1.08) contrast(1.05);height:52px;object-fit:cover;transition:box-shadow 1.2s ease,-webkit-filter 1.2s ease;transition:box-shadow 1.2s ease,filter 1.2s ease;transition:box-shadow 1.2s ease,filter 1.2s ease,-webkit-filter 1.2s ease;width:52px;will-change:transform,opacity}@-webkit-keyframes orb-shimmer{0%,to{-webkit-filter:brightness(1.08) contrast(1.05);filter:brightness(1.08) contrast(1.05)}50%{-webkit-filter:brightness(1.13) contrast(1.06);filter:brightness(1.13) contrast(1.06)}}@keyframes orb-shimmer{0%,to{-webkit-filter:brightness(1.08) contrast(1.05);filter:brightness(1.08) contrast(1.05)}50%{-webkit-filter:brightness(1.13) contrast(1.06);filter:brightness(1.13) contrast(1.06)}}.app.extreme .reflections-orb,.app.heavy-rain .reflections-orb,.app.ice .reflections-orb,.app.night .reflections-orb,.app.night-mode .reflections-orb,.app.thunderstorm .reflections-orb{-webkit-animation:orb-shimmer-dark 5s ease-in-out infinite;animation:orb-shimmer-dark 5s ease-in-out infinite;box-shadow:0 0 90px 28px rgba(30,60,120,.42),0 0 160px 55px rgba(18,36,90,.18)}@-webkit-keyframes orb-shimmer-dark{0%,to{-webkit-filter:brightness(1.15) contrast(1.06);filter:brightness(1.15) contrast(1.06)}50%{-webkit-filter:brightness(1.22) contrast(1.07);filter:brightness(1.22) contrast(1.07)}}@keyframes orb-shimmer-dark{0%,to{-webkit-filter:brightness(1.15) contrast(1.06);filter:brightness(1.15) contrast(1.06)}50%{-webkit-filter:brightness(1.22) contrast(1.07);filter:brightness(1.22) contrast(1.07)}}.app.clouds .reflections-orb{box-shadow:0 0 30px 10px rgba(100,130,180,.35),0 0 75px 22px rgba(100,130,180,.14)}.app.rain .reflections-orb{-webkit-animation:orb-shimmer-rain 5s ease-in-out infinite;animation:orb-shimmer-rain 5s ease-in-out infinite;box-shadow:0 0 38px 13px rgba(60,90,150,.45),0 0 90px 30px rgba(60,90,150,.2)}@-webkit-keyframes orb-shimmer-rain{0%,to{-webkit-filter:brightness(1.08) contrast(1.06) saturate(1.1);filter:brightness(1.08) contrast(1.06) saturate(1.1)}50%{-webkit-filter:brightness(1.14) contrast(1.07) saturate(1.14);filter:brightness(1.14) contrast(1.07) saturate(1.14)}}@keyframes orb-shimmer-rain{0%,to{-webkit-filter:brightness(1.08) contrast(1.06) saturate(1.1);filter:brightness(1.08) contrast(1.06) saturate(1.1)}50%{-webkit-filter:brightness(1.14) contrast(1.07) saturate(1.14);filter:brightness(1.14) contrast(1.07) saturate(1.14)}}.app.snow .reflections-orb{-webkit-animation:orb-shimmer-snow 5s ease-in-out infinite;animation:orb-shimmer-snow 5s ease-in-out infinite;box-shadow:0 0 38px 13px rgba(200,220,255,.4),0 0 90px 30px rgba(220,240,255,.18)}@-webkit-keyframes orb-shimmer-snow{0%,to{-webkit-filter:brightness(1.12) contrast(1.02) saturate(.9);filter:brightness(1.12) contrast(1.02) saturate(.9)}50%{-webkit-filter:brightness(1.2) contrast(1.03) saturate(.85);filter:brightness(1.2) contrast(1.03) saturate(.85)}}@keyframes orb-shimmer-snow{0%,to{-webkit-filter:brightness(1.12) contrast(1.02) saturate(.9);filter:brightness(1.12) contrast(1.02) saturate(.9)}50%{-webkit-filter:brightness(1.2) contrast(1.03) saturate(.85);filter:brightness(1.2) contrast(1.03) saturate(.85)}}.app.mist .reflections-orb{box-shadow:0 0 28px 9px rgba(140,160,190,.3),0 0 70px 20px rgba(140,160,190,.12)}.app.cold .reflections-orb{box-shadow:0 0 30px 10px rgba(80,110,170,.38),0 0 75px 22px rgba(80,110,170,.16)}.app.rain .reflections-orb.orb-loading{-webkit-animation:orb-shimmer-rain 5s ease-in-out infinite,orb-pulse .9s ease-in-out infinite;animation:orb-shimmer-rain 5s ease-in-out infinite,orb-pulse .9s ease-in-out infinite}.app.snow .reflections-orb.orb-loading{-webkit-animation:orb-shimmer-snow 5s ease-in-out infinite,orb-pulse .9s ease-in-out infinite;animation:orb-shimmer-snow 5s ease-in-out infinite,orb-pulse .9s ease-in-out infinite}.app.hot .reflections-orb,.app.scorching .reflections-orb,.app.sunrise .reflections-orb,.app.sunset .reflections-orb,.app.warm .reflections-orb{-webkit-animation:orb-shimmer-light 5s ease-in-out infinite;animation:orb-shimmer-light 5s ease-in-out infinite;box-shadow:0 0 60px 18px rgba(80,120,200,.25),0 0 28px 8px rgba(80,120,200,.12)}@-webkit-keyframes orb-shimmer-light{0%,to{-webkit-filter:brightness(.95) contrast(1.02) saturate(1.05);filter:brightness(.95) contrast(1.02) saturate(1.05)}50%{-webkit-filter:brightness(.98) contrast(1.03) saturate(1.08);filter:brightness(.98) contrast(1.03) saturate(1.08)}}@keyframes orb-shimmer-light{0%,to{-webkit-filter:brightness(.95) contrast(1.02) saturate(1.05);filter:brightness(.95) contrast(1.02) saturate(1.05)}50%{-webkit-filter:brightness(.98) contrast(1.03) saturate(1.08);filter:brightness(.98) contrast(1.03) saturate(1.08)}}.reflections-orb.orb-loading{-webkit-animation:orb-shimmer 5s ease-in-out infinite,orb-pulse .9s ease-in-out infinite;animation:orb-shimmer 5s ease-in-out infinite,orb-pulse .9s ease-in-out infinite}.app.extreme .reflections-orb.orb-loading,.app.heavy-rain .reflections-orb.orb-loading,.app.ice .reflections-orb.orb-loading,.app.night .reflections-orb.orb-loading,.app.night-mode .reflections-orb.orb-loading,.app.thunderstorm .reflections-orb.orb-loading{-webkit-animation:orb-shimmer-dark 5s ease-in-out infinite,orb-pulse .9s ease-in-out infinite;animation:orb-shimmer-dark 5s ease-in-out infinite,orb-pulse .9s ease-in-out infinite}.app.hot .reflections-orb.orb-loading,.app.scorching .reflections-orb.orb-loading,.app.sunrise .reflections-orb.orb-loading,.app.sunset .reflections-orb.orb-loading,.app.warm .reflections-orb.orb-loading{-webkit-animation:orb-shimmer-light 5s ease-in-out infinite,orb-pulse .9s ease-in-out infinite;animation:orb-shimmer-light 5s ease-in-out infinite,orb-pulse .9s ease-in-out infinite}@-webkit-keyframes orb-pulse{0%,to{opacity:.85;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.18);transform:scale(1.18)}}@keyframes orb-pulse{0%,to{opacity:.85;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.18);transform:scale(1.18)}}.reflections-orb.orb--dark{-webkit-animation:orb-shimmer-dark 5s ease-in-out infinite;animation:orb-shimmer-dark 5s ease-in-out infinite;box-shadow:0 0 90px 28px rgba(30,60,120,.42),0 0 160px 55px rgba(18,36,90,.18)}.reflections-orb.orb--light{-webkit-animation:orb-shimmer-light 5s ease-in-out infinite;animation:orb-shimmer-light 5s ease-in-out infinite;box-shadow:0 0 60px 18px rgba(80,120,200,.25),0 0 28px 8px rgba(80,120,200,.12)}.reflections-orb.orb--dark.orb-loading{-webkit-animation:orb-shimmer-dark 5s ease-in-out infinite,orb-pulse .9s ease-in-out infinite;animation:orb-shimmer-dark 5s ease-in-out infinite,orb-pulse .9s ease-in-out infinite}.reflections-orb.orb--light.orb-loading{-webkit-animation:orb-shimmer-light 5s ease-in-out infinite,orb-pulse .9s ease-in-out infinite;animation:orb-shimmer-light 5s ease-in-out infinite,orb-pulse .9s ease-in-out infinite}.reflections-title{color:hsla(0,0%,100%,.72);font-family:Montserrat,sans-serif;font-size:15px;font-weight:300;letter-spacing:.28em;text-shadow:0 1px 12px rgba(180,210,255,.45);text-transform:uppercase;-webkit-user-select:none;user-select:none}@media (max-width:600px){.reflections-orb{height:42px;object-fit:cover;width:42px}.reflections-title{font-size:13px;letter-spacing:.22em}}.search-box{margin:20px auto;max-width:600px;padding:0 10px;width:100%}.search-pill{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(0,0,0,.45);border:1px solid hsla(0,0%,100%,.25);border-radius:50px;box-shadow:0 4px 24px rgba(0,0,0,.4);display:flex;padding:6px 6px 6px 20px;transition:border .3s ease,box-shadow .3s ease,background .3s ease}.search-pill:focus-within{background:rgba(0,0,0,.6);border-color:hsla(0,0%,100%,.6);box-shadow:0 4px 32px rgba(0,0,0,.55)}.search-box .search-bar{background:none;border:none;caret-color:#fff;color:#fff;flex:1 1;font-family:Montserrat,sans-serif;font-size:22px;font-weight:500;outline:none;text-shadow:0 1px 4px rgba(0,0,0,.8)}.search-box .search-bar::-webkit-input-placeholder{color:hsla(0,0%,100%,.5);font-weight:300}.search-box .search-bar::placeholder{color:hsla(0,0%,100%,.5);font-weight:300}.geo-dropdown{-webkit-animation:dropIn .15s ease;animation:dropIn .15s ease;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:rgba(10,14,26,.72);border:1px solid hsla(0,0%,100%,.18);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.55);list-style:none;margin:6px 0 0;overflow:hidden;padding:6px 0}@-webkit-keyframes dropIn{0%{opacity:0;-webkit-transform:translateY(-6px);transform:translateY(-6px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dropIn{0%{opacity:0;-webkit-transform:translateY(-6px);transform:translateY(-6px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.geo-result{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 18px;transition:background .15s}.geo-result:not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.07)}.geo-result.highlighted,.geo-result:hover{background:hsla(0,0%,100%,.12)}.geo-flag{flex-shrink:0;font-size:20px}.geo-name{color:#fff;flex:1 1;font-size:15px;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.6)}.geo-country,.geo-name{font-family:Montserrat,sans-serif}.geo-country{color:hsla(0,0%,100%,.45);font-size:12px;font-weight:300;letter-spacing:.1em;text-transform:uppercase}.save-btn{background:none;border:none;color:hsla(0,0%,100%,.55);cursor:pointer;font-size:22px;line-height:1;margin-left:10px;padding:0 2px;text-shadow:0 1px 6px rgba(0,0,0,.5);transition:color .2s,-webkit-transform .15s;transition:color .2s,transform .15s;transition:color .2s,transform .15s,-webkit-transform .15s;vertical-align:middle}.save-btn:hover{color:gold;-webkit-transform:scale(1.2);transform:scale(1.2)}.save-btn.saved{color:gold}.saved-chip-wrap{align-items:center;display:flex;gap:4px}.saved-chip-remove{background:none;border:none;border-radius:50%;color:hsla(0,0%,100%,.35);cursor:pointer;flex-shrink:0;font-size:12px;line-height:1;padding:4px 6px;transition:color .2s,background .2s}.saved-chip-remove:hover{background:rgba(255,80,80,.35);color:#fff}.search-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,hsla(0,0%,100%,.35),hsla(0,0%,100%,.1));border:none;border-radius:50px;box-shadow:0 2px 8px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:background .25s ease,box-shadow .25s ease,-webkit-transform .15s ease;transition:background .25s ease,transform .15s ease,box-shadow .25s ease;transition:background .25s ease,transform .15s ease,box-shadow .25s ease,-webkit-transform .15s ease;width:48px}.search-btn svg{height:20px;width:20px}.search-btn:hover{background:linear-gradient(135deg,rgba(255,200,100,.6),rgba(255,120,50,.5));box-shadow:0 4px 16px rgba(255,140,50,.45);-webkit-transform:scale(1.07);transform:scale(1.07)}.search-btn:active{background:linear-gradient(135deg,rgba(255,120,50,.7),rgba(200,60,20,.6));box-shadow:0 2px 8px rgba(200,80,20,.5);-webkit-transform:scale(.96);transform:scale(.96)}.location{box-sizing:border-box;font-family:sans-serif;font-size:45px}.location-box .location{color:#fff;font-size:45px;font-weight:500;text-align:center;text-shadow:3px 3px rgba(50,50,70,.5)}.location-box .date{color:#fff;font-size:20px;font-style:italic;font-weight:300;text-align:center;text-shadow:2px 2px rgba(50,50,70,.5)}.date-clock{font-style:normal;font-weight:400;letter-spacing:.03em}.date-tz{font-size:13px;font-weight:300;letter-spacing:.1em;opacity:.65}.clocks-row{align-items:flex-start;flex-direction:row;gap:28px;margin:4px auto 8px}.clocks-row,.tod-badge{display:flex;justify-content:center}.tod-badge{align-items:center;-webkit-animation:rfl-fadein .8s ease both;animation:rfl-fadein .8s ease both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.14);border-radius:50px;gap:7px;margin:2px auto 10px;padding:5px 18px 5px 14px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tod-icon{font-size:16px;line-height:1}.tod-label{color:hsla(0,0%,100%,.65);font-family:Montserrat,sans-serif;font-size:12px;font-weight:300;letter-spacing:.2em;text-shadow:0 1px 6px rgba(0,0,0,.5);text-transform:uppercase}.city-clock-wrap{align-items:center;display:flex;flex-direction:column;gap:6px;margin:0}.clocks-row .clock-face{height:94px;width:94px}.city-clock-label{color:hsla(0,0%,100%,.45);font-family:Montserrat,sans-serif;font-size:11px;font-weight:400;letter-spacing:.18em;text-shadow:0 1px 4px rgba(0,0,0,.6);text-transform:uppercase}.clock-face{-webkit-filter:drop-shadow(0 4px 20px rgba(0,0,0,.5));filter:drop-shadow(0 4px 20px rgba(0,0,0,.5));height:110px;overflow:visible;width:110px}.city-clock-info{align-items:baseline;display:flex;gap:7px}.city-clock-time{color:#fff;font-size:22px;font-weight:300;letter-spacing:.08em;text-shadow:0 1px 6px rgba(0,0,0,.6)}.city-clock-time,.city-clock-tz{font-family:Montserrat,sans-serif}.city-clock-tz{color:hsla(0,0%,100%,.5);font-size:12px;font-weight:400;letter-spacing:.12em;text-transform:uppercase}@media (max-width:600px){.clock-face{height:88px;width:88px}.city-clock-time{font-size:18px}.clocks-row{gap:16px}.clocks-row .clock-face{height:76px;width:76px}.clocks-row .city-clock-time{font-size:16px}}.location-box{font-family:sans-serif;font-size:35px}.weather-box .temp{background-color:rgba(25,25,25,.4);border-radius:16px;box-shadow:3px 6px rgba(0,0,0,0,.2);color:#fff;display:inline-block;font-size:102px;font-weight:900;margin:30px auto;padding:15px 25px;position:relative;text-align:center;text-shadow:3px 6px rgba(50,50,70,.5)}.weather-box .weather{color:#fff;font-size:48px;font-weight:700;text-shadow:3px 3px rgba(50,50,50,70,.5)}.weather-box{text-align:center}.weather-icon{display:block;-webkit-filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5));filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5));height:100px;margin:10px auto 0;width:100px}.feels-like{font-size:20px;margin-top:8px}.feels-like,.temp-range{color:#fff;font-weight:300;text-align:center;text-shadow:2px 2px rgba(50,50,70,.5)}.temp-range{font-size:18px;margin-bottom:20px;margin-top:4px}.extra-info{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:20px}.info-tile{background-color:rgba(25,25,25,.45);border-radius:12px;padding:12px 10px;text-align:center}.info-label{color:hsla(0,0%,100%,.7);font-size:12px;font-weight:400;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.info-value{color:#fff;font-size:18px;font-weight:600;text-shadow:1px 2px rgba(50,50,70,.5)}.weather-summary-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.16);border-radius:18px;border-top:2px solid rgba(180,155,255,.45);color:#fff;margin:20px auto 0;max-width:600px;padding:20px 24px;text-align:left}.weather-summary-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.weather-summary-icon{color:rgba(190,165,255,.9);font-size:13px;line-height:1}.weather-summary-title{color:hsla(0,0%,100%,.5);font-size:11px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase}.weather-summary-body{color:hsla(0,0%,100%,.88);font-size:15px;font-style:italic;font-weight:300;line-height:1.75;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.4)}.app.night .weather-summary-card,.app.night-mode .weather-summary-card{border-top-color:rgba(100,120,220,.55)}.app.extreme .weather-summary-card,.app.heavy-rain .weather-summary-card,.app.thunderstorm .weather-summary-card{border-top-color:rgba(80,110,200,.6)}.app.rain .weather-summary-card{border-top-color:rgba(100,160,210,.5)}.app.ice .weather-summary-card,.app.snow .weather-summary-card{border-top-color:rgba(180,215,255,.55)}.app.sunrise .weather-summary-card{border-top-color:rgba(255,175,100,.55)}.app.sunset .weather-summary-card{border-top-color:rgba(240,130,80,.55)}.app.hot .weather-summary-card,.app.scorching .weather-summary-card,.app.warm .weather-summary-card{border-top-color:rgba(255,190,80,.5)}.error-message{background:rgba(180,30,30,.55);border:1px solid hsla(0,100%,70%,.4);border-radius:12px;font-weight:400;margin:12px auto 0;max-width:600px;padding:12px 20px;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.6)}.drawer-toggle,.error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:15px}.drawer-toggle{align-items:center;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:50px;cursor:pointer;display:flex;font-weight:500;gap:8px;margin:16px auto 0;padding:10px 22px;text-shadow:0 1px 3px rgba(0,0,0,.5);transition:background .25s ease,border-color .25s ease,-webkit-transform .15s ease;transition:background .25s ease,border-color .25s ease,transform .15s ease;transition:background .25s ease,border-color .25s ease,transform .15s ease,-webkit-transform .15s ease}.drawer-toggle:hover{background:hsla(0,0%,100%,.28);border-color:hsla(0,0%,100%,.55);-webkit-transform:scale(1.03);transform:scale(1.03)}.drawer-toggle.open{background:hsla(0,0%,100%,.22);border-color:hsla(0,0%,100%,.55)}.drawer-toggle-icon{font-size:18px;line-height:1}.city-drawer{-webkit-animation:drawerSlide .25s ease;animation:drawerSlide .25s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;margin:12px auto 0;max-width:640px;overflow:hidden}@-webkit-keyframes drawerSlide{0%{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes drawerSlide{0%{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.city-drawer-inner{display:flex;flex-direction:column;gap:18px;padding:18px 20px}.city-group-label{color:hsla(0,0%,100%,.75);font-size:12px;font-weight:600;letter-spacing:1.2px;margin-bottom:8px;text-transform:uppercase}.city-list{display:flex;flex-wrap:wrap;gap:8px}.city-chip{background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.22);border-radius:50px;color:#fff;cursor:pointer;font-size:13px;font-weight:400;padding:7px 16px;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:background .2s ease,border-color .2s ease,-webkit-transform .15s ease;transition:background .2s ease,border-color .2s ease,transform .15s ease;transition:background .2s ease,border-color .2s ease,transform .15s ease,-webkit-transform .15s ease}.city-chip:hover{background:linear-gradient(135deg,rgba(255,200,100,.45),rgba(255,120,50,.35));border-color:rgba(255,180,80,.6);-webkit-transform:scale(1.05);transform:scale(1.05)}.city-chip:active{background:rgba(255,120,50,.45);-webkit-transform:scale(.97);transform:scale(.97)}.geo-btn{align-items:center;background:hsla(0,0%,100%,.15);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:4px;transition:background .25s ease,-webkit-transform .15s ease;transition:background .25s ease,transform .15s ease;transition:background .25s ease,transform .15s ease,-webkit-transform .15s ease;width:40px}.geo-btn svg{height:18px;width:18px}.geo-btn:hover{background:linear-gradient(135deg,rgba(100,200,255,.5),rgba(50,120,255,.4));-webkit-transform:scale(1.1);transform:scale(1.1)}.geo-btn:active{-webkit-transform:scale(.95);transform:scale(.95)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.temp-row{align-items:center;display:flex;gap:12px;justify-content:center}.unit-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.4);border-radius:50px;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;padding:6px 14px;text-shadow:0 1px 3px rgba(0,0,0,.5);transition:background .2s ease,-webkit-transform .15s ease;transition:background .2s ease,transform .15s ease;transition:background .2s ease,transform .15s ease,-webkit-transform .15s ease}.unit-toggle:hover{background:linear-gradient(135deg,rgba(255,200,100,.45),rgba(255,120,50,.35));border-color:rgba(255,180,80,.6);-webkit-transform:scale(1.06);transform:scale(1.06)}.unit-toggle:active{-webkit-transform:scale(.96);transform:scale(.96)}.forecast-strip{display:flex;gap:10px;margin-top:20px;overflow-x:auto;padding-bottom:8px;scrollbar-color:hsla(0,0%,100%,.3) transparent;scrollbar-width:thin}.forecast-strip::-webkit-scrollbar{height:4px}.forecast-strip::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:4px}.forecast-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.3);color:#fff;flex:0 0 auto;min-width:100px;padding:12px 10px 10px;text-align:center;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.forecast-card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.forecast-day{font-size:13px;font-weight:600;letter-spacing:.06em;margin-bottom:4px;opacity:.85;text-transform:uppercase}.forecast-icon{display:block;-webkit-filter:drop-shadow(1px 1px 3px rgba(0,0,0,.4));filter:drop-shadow(1px 1px 3px rgba(0,0,0,.4));height:56px;margin:0 auto;width:56px}.forecast-desc{font-size:12px;font-weight:400;margin-bottom:6px;opacity:.75}.forecast-temp{font-size:20px;font-weight:700;line-height:1.2}.forecast-low{font-size:14px;font-weight:300;margin-top:2px;opacity:.7}@media (max-width:600px){main{padding:20px 16px}.search-pill{padding:5px 5px 5px 14px}.search-box .search-bar{font-size:16px}.location{font-size:28px}.date{font-size:16px}.temp{font-size:72px}.weather-box .weather{font-size:28px}.extra-info{gap:8px;grid-template-columns:repeat(2,1fr)}.forecast-card{min-width:82px;padding:10px 8px 8px}.forecast-icon{height:44px;width:44px}.forecast-temp{font-size:16px}}.app-splash{align-items:flex-end;background:linear-gradient(170deg,#0d1b2a,#1a3a5c 40%,#0e2a3e 70%,#060e18);background-position:50%;background-size:cover;display:flex;inset:0;justify-content:center;opacity:1;pointer-events:all;position:fixed;transition:opacity 1.1s ease;z-index:9999}.app-splash:before{background:linear-gradient(180deg,transparent 45%,rgba(4,10,20,.72));content:"";inset:0;pointer-events:none;position:absolute}.app-splash.hidden{opacity:0;pointer-events:none}.splash-content{align-items:center;display:flex;flex-direction:column;gap:0;padding:0 32px 10vh;position:relative;text-align:center;width:100%}.splash-orb{-webkit-animation:orbArrive 1.4s cubic-bezier(.22,1,.36,1) both;animation:orbArrive 1.4s cubic-bezier(.22,1,.36,1) both;border-radius:50%;box-shadow:0 0 50px 16px rgba(18,36,120,.38),0 0 130px 55px rgba(12,28,90,.18);-webkit-filter:brightness(1.08) contrast(1.05);filter:brightness(1.08) contrast(1.05);height:clamp(140px,40vw,300px);margin-bottom:16px;object-fit:cover;width:clamp(140px,40vw,300px);will-change:transform,opacity}@-webkit-keyframes orbArrive{0%{opacity:0;-webkit-transform:translateY(-28px) scale(.88);transform:translateY(-28px) scale(.88)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes orbArrive{0%{opacity:0;-webkit-transform:translateY(-28px) scale(.88);transform:translateY(-28px) scale(.88)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.splash-orb.orb-loading{-webkit-animation:orbArrive 1.4s cubic-bezier(.22,1,.36,1) both,orbPulse 1.1s ease-in-out 1.4s infinite;animation:orbArrive 1.4s cubic-bezier(.22,1,.36,1) both,orbPulse 1.1s ease-in-out 1.4s infinite}@-webkit-keyframes orbPulse{0%,to{box-shadow:0 0 50px 16px rgba(18,36,120,.38),0 0 130px 55px rgba(12,28,90,.18);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:0 0 65px 24px rgba(22,44,140,.42),0 0 155px 70px rgba(14,32,100,.22);-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes orbPulse{0%,to{box-shadow:0 0 50px 16px rgba(18,36,120,.38),0 0 130px 55px rgba(12,28,90,.18);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:0 0 65px 24px rgba(22,44,140,.42),0 0 155px 70px rgba(14,32,100,.22);-webkit-transform:scale(1.05);transform:scale(1.05)}}.splash-title{-webkit-animation:titleArrive 1.1s cubic-bezier(.22,1,.36,1) .3s both;animation:titleArrive 1.1s cubic-bezier(.22,1,.36,1) .3s both;color:hsla(0,0%,100%,.92);font-family:Montserrat,sans-serif;font-size:28px;font-weight:300;letter-spacing:.22em;margin-bottom:10px;text-shadow:0 2px 20px rgba(80,120,220,.5),0 1px 4px rgba(0,0,0,.8);text-transform:uppercase}@-webkit-keyframes titleArrive{0%{opacity:0;-webkit-transform:translateY(16px);transform:translateY(16px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes titleArrive{0%{opacity:0;-webkit-transform:translateY(16px);transform:translateY(16px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.splash-subtitle{-webkit-animation:titleArrive 1.1s cubic-bezier(.22,1,.36,1) .55s both;animation:titleArrive 1.1s cubic-bezier(.22,1,.36,1) .55s both;font-size:11px;letter-spacing:.32em;margin-bottom:0;text-transform:uppercase}.splash-status,.splash-subtitle{color:hsla(0,0%,100%,.38);font-family:Montserrat,sans-serif;font-weight:300}.splash-status{align-items:center;-webkit-animation:titleArrive .8s ease .8s both;animation:titleArrive .8s ease .8s both;display:flex;font-size:13px;gap:8px;letter-spacing:.06em;margin-top:28px;min-height:20px}.splash-status svg{height:14px;opacity:.6;width:14px}@media (max-width:600px){.splash-title{font-size:20px;letter-spacing:.18em}}
/*# sourceMappingURL=main.0e30e2b0.css.map*/