@import"https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";.timezone-select{padding:.8rem;border-radius:.5rem;border:1px solid var(--surface-border);background:#0003;color:var(--text-primary);font-size:.9rem;width:100%;appearance:none;cursor:pointer}.timezone-select optgroup{background:var(--surface-elevated)}.timezone-select option{background:var(--surface-elevated);color:var(--text-primary)}.timezone-wrapper{position:relative;width:100%}.timezone-wrapper:after{content:"▼";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--text-secondary);pointer-events:none}.current-weather{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;color:var(--text-primary);margin:0 .5rem;text-shadow:0 0 5px var(--shadow-strong)}.location{font-size:1.5rem;line-height:2rem}.location>img{width:1.5rem;height:1.5rem;margin:0}.temperature{display:flex;justify-content:space-between;align-items:center;line-height:1.5rem;border-bottom:var(--division-border)}.current-temperature-details{display:flex;flex-direction:column;gap:.5rem}.current-temperature{font-size:3.5rem;font-weight:700;line-height:1;letter-spacing:-1px}.temperature img{width:100px;height:100px}.weather-details{display:flex;flex-direction:column;height:100%;justify-content:space-around;opacity:.9;color:var(--text-secondary);width:100%;gap:1rem}.weather-row{display:flex;justify-content:space-between;align-items:center}@media(min-width:900px){.weather-details{gap:0}}.location-selector{display:flex;flex-direction:column;gap:.25rem;padding:1rem 0;position:relative;box-shadow:0 10px 25px var(--shadow-soft)}.search-bar{display:flex;flex-direction:column;margin:0 .5rem;position:relative}.search-bar input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:.5rem;padding:.75rem 1rem;color:var(--text-primary)}.search-bar input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--shadow-strong)}.results-container{display:flex;flex-direction:column;background-color:var(--surface-elevated);border-radius:.25rem;position:absolute;z-index:100;top:calc(100% + 4px);width:100%;left:0;box-shadow:0 10px 25px var(--shadow-soft)}.result{background:transparent;padding:.75rem 1rem;cursor:pointer;color:var(--text-secondary)}.result:hover{background-color:var(--hover-surface);color:var(--text-primary);transition:background .15s ease;border-radius:.25rem}.forecast-days{display:flex;flex-direction:column;padding:1rem}.forecast-list{display:flex;flex-direction:row;height:100%;padding:.5rem 0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:1rem}.forecast-container{position:relative;display:flex;align-items:center;height:100%}.scroll-button{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;opacity:0;transition:opacity .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center}.scroll-button.left{left:-10px}.scroll-button.right{right:-10px}.forecast-container:hover .scroll-button{opacity:1;pointer-events:auto}.scroll-button:hover{transform:translateY(-50%) scale(1.1)}.forecast-list::-webkit-scrollbar{height:6px}.forecast-list::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:10px}.forecast-item{display:flex;flex-direction:column;align-items:center;justify-content:space-around;border-radius:.5rem;border:1px solid var(--surface-border);padding:1rem;text-align:center;color:var(--text-secondary);scroll-snap-align:center;flex:0 0 120px}.forecast-temperature{color:var(--text-primary);font-size:1.25rem}.forecast-cloud-cover{min-height:2.4em;text-align:center}*{font-family:IBM Plex Sans,sans-serif}:root{--background-one: #0F172A;--background-two: #1E293B;--text-primary: #F1F5F9;--text-secondary: #CBD5E1;--surface-glass: rgba(30, 41, 59, .6);--surface-border: rgba(255,255,255,.08);--input-bg: #0B1220;--input-border: #475569;--accent: #38BDF8;--hover-surface: #2F4550;--shadow-strong: rgba(0,0,0,.25);--shadow-soft: rgba(0,0,0,.2);--icon-filter: invert(100%);--surface-elevated:#020617;--division-border: .1rem solid rgba(255, 255, 255, .1);--activated: rgba(51, 75, 220);--button-test: rgba(23, 33, 54)}[data-theme=light]{--background-one: #F1F5F9;--background-two: #E2E8F0;--text-primary: #0F172A;--text-secondary: #475569;--surface-glass: rgba(255,255,255,.7);--surface-border: rgba(148, 163, 184, .35);--input-bg: #FFFFFF;--surface-elevated: #FFFFFF;--input-border: #CBD5E1;--accent: #0284C7;--hover-surface: #E2E8F0;--shadow-strong: rgba(15,23,42,.06);--shadow-soft: rgba(15,23,42,.04);--icon-filter: invert(0%)}body{background:linear-gradient(180deg,var(--background-one),var(--background-two));color:var(--text-primary)}.root{display:flex;flex-direction:column;gap:1rem;min-height:100vh;max-width:1100px;margin:0 auto}.icon{width:1.25rem;height:1.25rem;filter:var(--icon-filter)}.weather-image{width:100%;height:100%}.header-title{display:flex;margin:0 1rem;padding:1rem 0;font-size:1.5rem;color:var(--text-primary);align-self:center}.card-surface{background:var(--surface-glass);border-radius:.5rem;border:1px solid var(--surface-border);margin:0 .5rem;box-shadow:0 10px 25px var(--shadow-strong)}.button{padding:.8rem;border-radius:.5rem;border:1px solid var(--surface-border);background:#0003;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.button:hover{color:var(--text-secondary);border-color:#fff3}.button-active{background:var(--activated)}.button-active:hover{color:var(--text-primary)}.button-group{display:flex;justify-content:center;padding:3px;border-radius:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.button-group>button{width:100%;text-align:center}.ip-location{margin:0 .5rem;text-align:center}.configuration{padding:1rem;margin:0 .5rem;display:flex;justify-content:center;align-content:space-around;flex-wrap:wrap;gap:1rem}.options{display:grid;grid-template-rows:repeat(4,1fr);gap:1.2rem;width:100%;height:90%}.item{display:flex;flex-direction:column;gap:1rem}@media(max-width:858px){*{font-size:14px}}.footer{text-align:center}.loader-div{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;gap:.75rem;min-height:130px}.loader{width:50px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,var(--text-primary) 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,var(--text-primary));-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);animation:l13 1s infinite linear}@keyframes l13{to{transform:rotate(1turn)}}@media(min-width:900px){.root{display:grid;grid-template-columns:340px minmax(0,1fr);grid-template-areas:"header header" "location location" "main forecast" "config config" "footer footer";gap:.75rem}.button{padding:1rem}.header-title{padding:.5rem 0;margin:.5rem 1rem;font-size:1.25rem;grid-area:header}.location-selector{padding:.75rem 0;gap:.5rem;grid-area:location;align-self:start}.ip-location{padding:.4rem;font-size:.95rem}.search-bar input{padding:.5rem .9rem;font-size:.95rem}.current-weather{grid-area:main;min-height:220px;align-items:start}.division{flex-direction:column;line-height:1.5}.current-temperature{font-size:3rem}.forecast-days{grid-area:forecast}.configuration{grid-area:config;margin-bottom:2rem;justify-content:flex-start;gap:0}.configuration>p{justify-self:flex-start}.options{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;gap:0;align-items:stretch}.item{display:flex;flex-direction:column;padding:0 16px;border-right:var(--division-border);justify-content:space-around;gap:0}.item:last-child{border-right:none}.footer{grid-area:footer}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{-webkit-appearance:none;appearance:none;border-radius:0;text-align:inherit;background:none;box-shadow:none;padding:0;cursor:pointer;border:none;color:inherit;font:inherit}