:root{color:#071a3d;font-synthesis:none;text-rendering:optimizelegibility;--ink:#071a3d;--muted:#526782;--line:#dbe6f0;--surface:#fff;--blue:#1764bf;--soft-blue:#e8f3fb;--radius:20px;--shadow:0 20px 55px #2348671c;background:#eef7fc;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 12%,#fffffff5,#0000 28rem),linear-gradient(145deg,#f8fbfd 0%,#e8f4fb 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}.page-shell{min-height:100vh;padding:48px 28px}.weather-app{width:min(1180px,100%);box-shadow:var(--shadow);background:#fffffff5;border:1px solid #d8e5efd1;border-radius:24px;margin:0 auto;padding:22px}.topbar{grid-template-columns:auto minmax(220px,300px) auto auto auto 1fr;align-items:center;gap:14px;min-height:56px;margin-bottom:18px;display:grid}.place-title{letter-spacing:-.03em;align-items:center;gap:9px;font-size:26px;display:flex}.place-title svg{fill:currentColor;width:25px;height:25px}.search-box{min-width:0;position:relative}.search-box>svg{color:#60738b;pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-box input{width:100%;height:46px;color:var(--ink);background:#f4f8fb;border:1px solid #dce7f0;border-radius:16px;outline:none;padding:0 44px;transition:border-color .16s,box-shadow .16s,background .16s}.search-box input::placeholder{color:#7890a8}.search-box input:focus{background:#fff;border-color:#84b6e7;box-shadow:0 0 0 4px #2670bb1c}.search-busy{border:2px solid #d1dfeb;border-top-color:var(--blue);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;position:absolute;top:16px;right:15px}.search-menu{z-index:20;border:1px solid var(--line);background:#fff;border-radius:16px;width:100%;min-width:320px;position:absolute;top:calc(100% + 8px);overflow:hidden;box-shadow:0 18px 42px #1d3f602e}.search-menu-label{color:#647b93;letter-spacing:.02em;align-items:center;gap:8px;padding:10px 12px 6px;font-size:12px;font-weight:750;display:flex}.search-menu-label svg{width:15px;height:15px}.search-results{margin:0;padding:4px 7px 7px;list-style:none}.search-results button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:10px 12px;display:flex}.search-results button:hover,.search-results button:focus-visible{background:#edf6fc;outline:none}.search-results span{color:var(--muted);font-size:13px}.saved-place,.refresh,.theme-toggle,.week-toggle{border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 15px;font-weight:680;display:inline-flex}.saved-place svg{width:18px}.saved-place.is-saved{color:#0a2e63}.saved-place:hover,.refresh:hover,.theme-toggle:hover,.week-toggle:hover{background:#f1f7fb;border-color:#c5d9e9}.theme-toggle{width:44px;padding:0}.theme-toggle svg{width:19px}.unit-toggle{border:1px solid var(--line);background:#f0f5f9;border-radius:999px;padding:3px;display:flex}.unit-toggle button{cursor:pointer;color:#63758d;background:0 0;border:0;border-radius:999px;width:43px;height:36px;font-weight:750}.unit-toggle button.active{color:#fff;background:var(--blue);box-shadow:0 4px 12px #1764bf47}.refresh{color:#5c718c;background:0 0;border:0;justify-self:end;padding:0 3px;font-size:13px;font-weight:560}.refresh svg{width:18px}.current-card{isolation:isolate;border-radius:var(--radius);min-height:372px;transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;background:#dceeff;grid-template-columns:31% 35% 34%;align-items:center;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s;display:grid;position:relative;overflow:hidden}.current-card:before{content:"";z-index:-2;transform:translate3d(var(--sky-x,0), var(--sky-y,0), 0) scale(1.045);background:url(/sky-clouds.jpg) 50%/cover no-repeat;transition:transform .26s cubic-bezier(.2,.8,.2,1);position:absolute;inset:-14px}.current-card:after{content:"";z-index:-1;background:linear-gradient(90deg,#e3f3ff1a,#ebf7ff6e 62%,#e4f3ffb8);position:absolute;inset:0}.current-icon-wrap{transform:translate3d(var(--foreground-x,0), var(--foreground-y,0), 18px);place-items:center;padding:16px;transition:transform .24s cubic-bezier(.2,.8,.2,1);display:grid}.current-icon{filter:drop-shadow(0 15px 18px #2752751f);width:min(260px,95%)}.current-summary{transform:translate3d(var(--foreground-x,0), var(--foreground-y,0), 10px);padding:20px 30px;transition:transform .26s cubic-bezier(.2,.8,.2,1)}.current-temperature{letter-spacing:-.075em;font-size:clamp(72px,8vw,118px);font-weight:760;line-height:.88}.feels-like{color:#405975;margin-top:22px;font-size:24px}.current-summary h1{letter-spacing:-.025em;margin:8px 0;font-size:29px;line-height:1.1}.high-low{color:#3f5773;font-size:24px}.high-low span{margin-left:18px}.current-metrics{border-left:1px solid #4a729540;gap:22px;padding:16px 42px 16px 34px;display:grid}.metric{grid-template-columns:28px 1fr auto;align-items:center;gap:12px;font-size:16px;display:grid}.metric svg{color:#1573d4;width:25px}.metric span{color:#425a74}.metric strong{font-size:22px}.dayparts{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f0f9ffad;border-top:1px solid #4a72953b;grid-column:1/-1;grid-template-columns:repeat(4,1fr);display:grid}.daypart{border-left:1px solid #4a729533;grid-template-columns:1fr auto;align-items:baseline;gap:1px 12px;padding:13px 24px;display:grid}.daypart:first-child{border-left:0}.daypart span{color:#425a74;font-size:14px;font-weight:650}.daypart strong{letter-spacing:-.025em;font-size:22px}.daypart small{color:#667d95;grid-column:1/-1;font-size:11px}.forecast-section{margin-top:22px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:13px;display:flex}.section-heading h2,.week-panel h2{letter-spacing:-.03em;margin:0;font-size:27px}.week-toggle{color:#0a4c9a;height:42px}.week-toggle svg{width:18px;transition:transform .16s}.week-toggle svg.rotated{transform:rotate(180deg)}.three-day-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.forecast-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px 22px;box-shadow:0 7px 22px #2d4f6d0e}.forecast-card h3{margin:0;font-size:22px}.forecast-main{justify-content:center;align-items:center;gap:24px;min-height:112px;display:flex}.forecast-main img{object-fit:contain;width:104px;height:86px}.forecast-main div{flex-direction:column;gap:3px;display:flex}.forecast-main strong{letter-spacing:-.04em;font-size:36px}.forecast-main span{color:var(--muted);font-size:22px}.forecast-dayparts{border-block:1px solid #e3ebf2;grid-template-columns:repeat(3,1fr);margin:0 -7px 14px;padding:10px 0;display:grid}.forecast-dayparts span{border-left:1px solid #e3ebf2;flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.forecast-dayparts span:first-child{border-left:0}.forecast-dayparts small{color:#61778f;font-size:10px;font-weight:650}.forecast-dayparts strong{font-size:17px}.forecast-meta{color:#334d6d;justify-content:space-around;gap:14px;display:flex}.forecast-meta span,.week-rain{align-items:center;gap:8px;display:inline-flex}.forecast-meta svg,.week-rain svg{color:#1573d4;fill:#1573d421;width:18px}.week-panel{border:1px solid var(--line);background:#fbfdff;border-radius:16px;margin-top:18px;padding:16px 20px 12px;animation:.22s both reveal}.week-panel h2{margin:0 0 10px;font-size:21px}.week-grid{grid-template-columns:repeat(7,1fr);display:grid}.week-day{border-left:1px solid #e1eaf1;flex-direction:column;align-items:center;min-width:0;padding:5px 8px 2px;display:flex}.week-day:first-child{border-left:0}.week-day h3{color:#3c526d;margin:0;font-size:14px}.week-day img{object-fit:contain;width:64px;height:58px}.week-temperatures{align-items:baseline;gap:10px;display:flex}.week-temperatures span{color:#6a7f96}.week-rain{color:#324d6c;margin-top:6px;font-size:13px}.week-rain svg{width:14px}.error-panel{color:#7d2c20;background:#fff5f1;border:1px solid #f2c9bd;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;padding:12px 16px;display:flex}.error-panel div{flex-direction:column;gap:2px;display:flex}.error-panel button{cursor:pointer;background:#fff;border:1px solid #e4ab9b;border-radius:10px;padding:8px 13px}.weather-skeleton{background:linear-gradient(110deg,#edf4f8 20%,#f8fbfd 42%,#edf4f8 64%) 0 0/220% 100%;border-radius:20px;height:530px;animation:1.3s linear infinite shimmer}footer{color:#7a8da2;justify-content:flex-end;gap:14px;padding:14px 8px 0;font-size:12px;display:flex}footer a{color:inherit}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reveal{0%{opacity:0;transform:translateY(-7px)}}@keyframes shimmer{to{background-position-x:-220%}}@media (width<=980px){.topbar{grid-template-columns:auto minmax(180px,1fr) auto auto auto}.refresh{grid-column:2/-1;justify-self:end;height:22px}.current-card{grid-template-columns:30% 40% 30%}.current-metrics{padding-inline:20px}.metric{grid-template-columns:24px 1fr;gap:7px}.metric strong{grid-column:2;font-size:18px}}@media (width<=720px){.page-shell{padding:0}.weather-app{border:0;border-radius:0;min-height:100vh;padding:18px 16px 14px}.topbar{grid-template-columns:1fr auto auto;gap:10px;margin-bottom:12px}.place-title{font-size:25px}.search-box{grid-area:2/1/auto/-1}.saved-place{grid-area:1/3;width:44px;padding:0}.saved-place span{display:none}.theme-toggle{grid-area:1/2;justify-self:end}.unit-toggle{grid-area:3/2/auto/4;justify-self:end}.refresh{grid-area:3/1;justify-self:start}.current-card{grid-template-columns:36% 64%;min-height:auto;padding:12px 8px 0}.current-card:after{background:linear-gradient(90deg,#e8f6ff2e,#e8f6ffad)}.current-icon-wrap{padding:2px}.current-icon{width:150px}.current-summary{padding:16px 12px 18px}.current-temperature{font-size:clamp(63px,20vw,88px)}.feels-like{margin-top:10px;font-size:18px}.current-summary h1{margin:5px 0;font-size:22px}.high-low{font-size:18px}.current-metrics{background:#ffffff94;border-top:1px solid #4a72952e;border-left:0;grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:0;padding:12px 0}.metric{text-align:center;border-left:1px solid #4a729533;flex-direction:column;gap:3px;padding:0 5px;display:flex}.metric:first-child{border-left:0}.metric svg{width:20px;height:20px}.metric span{order:3;font-size:10px}.metric strong{font-size:14px}.dayparts{margin-inline:-8px}.daypart{text-align:center;flex-direction:column;align-items:center;gap:2px;padding:10px 3px;display:flex}.daypart span{font-size:11px}.daypart strong{font-size:17px}.daypart small{font-size:9px}.section-heading h2{font-size:24px}.week-toggle{height:38px;padding-inline:12px;font-size:13px}.three-day-grid{grid-template-columns:1fr;gap:9px}.forecast-card{grid-template-columns:44px 1fr auto;align-items:center;gap:10px;min-height:72px;padding:8px 13px;display:grid}.forecast-card h3{font-size:17px}.forecast-main{justify-content:flex-start;gap:10px;min-height:0}.forecast-main img{width:56px;height:52px}.forecast-main div{flex-direction:row;align-items:baseline;gap:10px}.forecast-main strong{font-size:20px}.forecast-main span{font-size:15px}.forecast-dayparts{border-top:1px solid #e3ebf2;border-bottom:0;grid-area:2/1/auto/-1;margin:0;padding:8px 0 4px}.forecast-dayparts small{font-size:9px}.forecast-dayparts strong{font-size:15px}.forecast-meta{border:0;flex-direction:column;gap:3px;padding:0;font-size:12px}.forecast-meta span{gap:5px}.forecast-meta svg{width:14px;height:14px}.week-panel{padding-inline:12px;overflow:hidden}.week-grid{grid-template-columns:repeat(7,90px);padding-bottom:5px;overflow-x:auto}footer{justify-content:space-between}}@media (width<=390px){.current-card{grid-template-columns:34% 66%}.current-icon{width:125px}.current-temperature{font-size:65px}.current-summary h1{font-size:19px}.metric strong{font-size:12px}.section-heading{gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.current-card,.current-card:before,.current-icon-wrap,.current-summary{transform:none!important}}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#edf6ff;--muted:#9fb1c4;--line:#2a3c50;--surface:#101f30;--blue:#4c9df0;--soft-blue:#162b40;--shadow:0 22px 60px #00000052;color:var(--ink);background:#07111f}html[data-theme=dark] body{background:radial-gradient(circle at 12% 10%,#2243636b,#0000 30rem),linear-gradient(145deg,#07111f 0%,#0b1c2c 100%)}html[data-theme=dark] .weather-app{background:#0d1b2bf7;border-color:#2b4054eb}html[data-theme=dark] .search-box input,html[data-theme=dark] .unit-toggle{color:var(--ink);border-color:var(--line);background:#14263a}html[data-theme=dark] .search-box input:focus{background:#102236;border-color:#4c8dcb;box-shadow:0 0 0 4px #4c9df024}html[data-theme=dark] .search-menu,html[data-theme=dark] .saved-place,html[data-theme=dark] .theme-toggle,html[data-theme=dark] .week-toggle,html[data-theme=dark] .forecast-card{color:var(--ink);border-color:var(--line);background:#101f30}html[data-theme=dark] .search-results button:hover,html[data-theme=dark] .search-results button:focus-visible,html[data-theme=dark] .saved-place:hover,html[data-theme=dark] .theme-toggle:hover,html[data-theme=dark] .week-toggle:hover{background:#183149;border-color:#385672}html[data-theme=dark] .search-results span,html[data-theme=dark] .search-menu-label,html[data-theme=dark] .refresh,html[data-theme=dark] footer,html[data-theme=dark] footer a,html[data-theme=dark] .unit-toggle button{color:#9fb1c4}html[data-theme=dark] .unit-toggle button.active{color:#061528;background:#7bbaff}html[data-theme=dark] .current-card{color:#eff8ff;background:#102b45}html[data-theme=dark] .current-card:before{filter:brightness(.52)saturate(.78)contrast(1.08)}html[data-theme=dark] .current-card:after{background:linear-gradient(90deg,#081a2f0f,#05142647 60%,#05142680)}html[data-theme=dark] .feels-like,html[data-theme=dark] .high-low,html[data-theme=dark] .metric span{color:#c4d7e8}html[data-theme=dark] .current-metrics,html[data-theme=dark] .dayparts,html[data-theme=dark] .daypart,html[data-theme=dark] .forecast-dayparts,html[data-theme=dark] .forecast-dayparts span,html[data-theme=dark] .forecast-meta,html[data-theme=dark] .week-day{border-color:#a8c6de38}html[data-theme=dark] .dayparts{background:#081b2eb8}html[data-theme=dark] .daypart span{color:#c4d7e8}html[data-theme=dark] .daypart small{color:#91a8bc}html[data-theme=dark] .forecast-main span,html[data-theme=dark] .forecast-dayparts small,html[data-theme=dark] .week-temperatures span,html[data-theme=dark] .week-day h3{color:#a8bacd}html[data-theme=dark] .forecast-meta,html[data-theme=dark] .week-rain{color:#c5d6e6}html[data-theme=dark] .week-panel{border-color:var(--line);background:#0c1b2b}html[data-theme=dark] .weather-skeleton{background:linear-gradient(110deg,#102236 20%,#193149 42%,#102236 64%) 0 0/220% 100%}html[data-theme=dark] .error-panel{color:#ffc5bb;background:#351c1d;border-color:#7e4a44}html[data-theme=dark] .error-panel button{color:#ffd9d3;background:#462326;border-color:#89544d}@media (width<=720px){html[data-theme=dark] .current-metrics{background:#081b2ead}}