:root{color:#12202d;font-synthesis:none;--blue:#1d9bf0;--blue-dark:#087ac1;--blue-pale:#eaf6ff;--ink:#12202d;--muted:#667784;--line:#e4ebf0;--surface:#fff;--navy:#183b56;background:#f6f9fb;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{display:block}.app-layout{grid-template-columns:minmax(210px,270px) minmax(500px,640px) minmax(250px,350px);gap:28px;max-width:1260px;min-height:100vh;margin:0 auto;padding:0 24px;display:grid}.left-rail{flex-direction:column;height:100vh;padding:26px 8px;display:flex;position:sticky;top:0}.brand-mark{background:var(--blue);color:#fff;border-radius:15px;place-items:center;width:48px;height:48px;margin:0 0 27px 12px;display:grid;box-shadow:0 9px 24px #1d9bf02f}.brand-mark svg{fill:currentColor;stroke:none;width:27px}.left-rail nav{flex-direction:column;gap:8px;display:flex}.left-rail nav a,.left-rail nav button{color:#344552;background:0 0;border:0;border-radius:999px;align-items:center;gap:17px;width:max-content;padding:12px 16px;font-size:17px;font-weight:500;text-decoration:none;transition:all .18s;display:flex}.left-rail nav a:hover,.left-rail nav button:hover{color:var(--blue-dark);background:#eaf3f9}.left-rail nav .active{color:var(--ink);font-weight:700}.left-rail nav svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.rail-note{color:var(--muted);margin:auto 14px 10px;font-size:12px;line-height:1.55}.rail-note strong{color:var(--ink);margin-bottom:3px;font-size:15px;display:block}.timeline{background:var(--surface);border:solid var(--line);border-width:0 1px;min-height:100vh}.timeline-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffec;justify-content:space-between;align-items:center;min-height:78px;padding:14px 20px;display:flex;position:sticky;top:0}.timeline-header h1{letter-spacing:-.3px;margin:0 0 2px;font-size:20px}.timeline-header p{color:var(--muted);margin:0;font-size:12px}.unit-toggle{border:1px solid var(--line);background:#f3f7fa;border-radius:11px;padding:3px;display:flex}.unit-toggle button{width:38px;height:31px;color:var(--muted);background:0 0;border:0;border-radius:8px;font-size:13px;font-weight:700}.unit-toggle button.active{color:var(--blue-dark);background:#fff;box-shadow:0 2px 7px #253f5018}.search-panel{border-bottom:1px solid var(--line);padding:16px 20px}.city-search{position:relative}.city-search>.search-icon{z-index:2;fill:none;stroke:#70818d;stroke-width:2px;stroke-linecap:round;width:20px;height:20px;position:absolute;top:13px;left:16px}.city-search input{width:100%;height:46px;color:var(--ink);background:#eef3f6;border:1px solid #0000;border-radius:999px;outline:none;padding:0 45px 0 47px;transition:all .18s}.city-search input::placeholder{color:#748592}.city-search input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #1d9bf018}.search-spinner{border:2px solid #bcdff5;border-top-color:var(--blue);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;position:absolute;top:14px;right:17px}@keyframes spin{to{transform:rotate(360deg)}}.search-menu{z-index:50;border:1px solid var(--line);background:#fff;border-radius:16px;width:100%;position:absolute;top:53px;left:0;overflow:hidden;box-shadow:0 18px 50px #263d4d27}.search-menu button{text-align:left;width:100%;color:var(--ink);background:#fff;border:0;border-bottom:1px solid #edf1f4;align-items:center;gap:13px;padding:12px 16px;display:flex}.search-menu button:last-child{border:0}.search-menu button:hover,.search-menu button.active{background:#f2f9fe}.suggestion-pin{width:34px;height:34px;color:var(--blue-dark);background:var(--blue-pale);border-radius:50%;flex:none;place-items:center;display:grid}.suggestion-pin svg{fill:none;stroke:currentColor;stroke-width:2px;width:16px}.search-menu strong,.search-menu small{display:block}.search-menu strong{margin-bottom:2px;font-size:14px}.search-menu small{color:var(--muted);font-size:12px}.search-message{color:var(--muted);text-align:center;padding:17px;font-size:13px}.error-text{color:#a23d3d}.current-hero{color:#fff;background:radial-gradient(circle at 18% 20%,#76ccff 0,#0000 31%),linear-gradient(135deg,#219cec,#137ac0 65%,#106da9);border-radius:23px;grid-template-columns:180px 1fr;min-height:245px;margin:20px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px #188bce35}.current-hero:after{content:"";border:1px solid #ffffff1c;border-radius:50%;width:250px;height:250px;position:absolute;top:-145px;right:-100px;box-shadow:0 0 0 35px #ffffff0b,0 0 0 75px #ffffff08}.hero-orb{place-items:center;display:grid;position:relative}.hero-orb:before{content:"";background:#ffffff18;border-radius:50%;width:124px;height:124px;position:absolute}.hero-orb .weather-icon{z-index:1;filter:drop-shadow(0 9px 12px #07598355);width:145px;position:relative}.hero-copy{z-index:2;padding:25px 24px 20px 0;position:relative}.location-line{opacity:.92;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.location-line svg{fill:none;stroke:currentColor;stroke-width:2px;width:15px}.current-temperature{align-items:flex-end;gap:14px;margin:6px 0 -3px;display:flex}.current-temperature strong{letter-spacing:-4px;font-size:64px;font-weight:500;line-height:1}.current-temperature span{margin-bottom:10px;font-size:14px;font-weight:600}.hero-copy>p{opacity:.78;margin:8px 0 23px;font-size:12px}.hero-stats{border-top:1px solid #ffffff31;flex-wrap:wrap;gap:19px;padding-top:16px;display:flex}.hero-stats span{opacity:.8;grid-template-columns:14px auto;column-gap:5px;font-size:10px;display:grid}.hero-stats b{opacity:1;font-size:11px;display:block}.hero-stats svg{fill:none;stroke:currentColor;stroke-width:2px;grid-row:1/3;align-self:center;width:13px}.weather-icon{overflow:visible}.weather-sun circle{fill:#ffd55c;stroke:none}.weather-sun path{fill:none;stroke:#ffd55c;stroke-width:4px;stroke-linecap:round}.weather-cloud{fill:#f5fbff;stroke:#d5ebf7;stroke-width:2px}.weather-moon{fill:#ffe59b}.weather-rain path,.weather-fog path{fill:none;stroke:#82cef7;stroke-width:4px;stroke-linecap:round}.weather-snow circle{fill:#83d3fa}.weather-lightning{fill:#ffd64d}.feed-label{height:42px;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);letter-spacing:1px;justify-content:space-between;align-items:center;padding:0 20px;font-size:10px;font-weight:700;display:flex}.feed-label span:last-child{letter-spacing:0;text-transform:none;font-weight:500}.forecast-card{border-bottom:1px solid var(--line);grid-template-columns:52px 1fr;gap:13px;padding:17px 20px 15px;transition:background .16s;display:grid}.forecast-card:hover{background:#f9fcfe}.forecast-avatar{background:#eaf6fd;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.forecast-avatar .weather-icon{width:46px;height:40px}.forecast-heading{justify-content:space-between;align-items:center;font-size:14px;display:flex}.forecast-heading span{color:var(--muted);font-weight:400}.forecast-heading .today-badge{color:#147dbb;background:var(--blue-pale);letter-spacing:.6px;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:700}.forecast-main{justify-content:space-between;align-items:center;margin:7px 0 11px;display:flex}.forecast-main h3{margin:0 0 2px;font-size:15px}.forecast-main p{color:var(--muted);margin:0;font-size:11px}.day-temperatures{align-items:baseline;gap:6px;padding-left:10px;display:flex}.day-temperatures strong{letter-spacing:-1px;font-size:23px}.day-temperatures span{color:#86949e;font-size:15px}.forecast-meta{color:#687c89;align-items:center;gap:19px;font-size:10px;display:flex}.forecast-meta span{align-items:center;gap:5px;display:flex}.forecast-meta svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.right-rail{height:100vh;padding-top:21px;position:sticky;top:0}.side-card{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:15px;padding:18px}.eyebrow{color:var(--blue-dark);letter-spacing:.9px;align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.eyebrow svg{fill:currentColor;width:13px}.about-card h2{margin:13px 0 0;font-size:20px}.about-card>p{color:var(--muted);margin:3px 0;font-size:12px}.side-temperature{justify-content:space-between;align-items:center;margin:12px 0;display:flex}.side-temperature .weather-icon{width:80px}.side-temperature>strong{letter-spacing:-3px;font-size:48px;font-weight:500}.side-stats{border-top:1px solid var(--line);gap:10px;padding-top:13px;display:grid}.side-stats span{color:var(--muted);grid-template-columns:17px 1fr auto;align-items:center;font-size:11px;display:grid}.side-stats svg{fill:none;width:14px;stroke:var(--blue-dark);stroke-width:2px}.side-stats strong{color:var(--ink)}.tip-card>span{color:var(--muted);letter-spacing:1px;font-size:9px;font-weight:700}.tip-card p{color:#415563;margin:9px 0 0;font-size:12px;line-height:1.55}.right-rail footer{color:#8b989f;padding:0 8px;font-size:9px}.end-note{text-align:center;color:var(--muted);padding:35px 20px 45px}.end-note svg{width:23px;fill:var(--blue);margin:0 auto 8px}.end-note span,.end-note small{display:block}.end-note span{color:var(--ink);font-size:13px;font-weight:700}.end-note small{margin-top:4px;font-size:10px}.error-panel{text-align:center;padding:80px 30px}.error-panel>span{color:#a03b3b;background:#fff0f0;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 14px;font-weight:700;display:grid}.error-panel h2{margin:0 0 6px;font-size:18px}.error-panel p{color:var(--muted);font-size:13px}.error-panel button,.inline-error button{background:var(--ink);color:#fff;border:0;border-radius:999px;padding:9px 18px;font-size:12px;font-weight:700}.inline-error,.refresh-note{border-radius:10px;margin:0 20px 16px;padding:10px 12px;font-size:11px}.inline-error{color:#8b3333;background:#fff3f3}.inline-error button{margin-left:5px;padding:4px 9px}.refresh-note{color:#176994;background:var(--blue-pale)}.skeleton{background:linear-gradient(90deg,#edf2f5 25%,#f8fafb 50%,#edf2f5 75%) 0 0/200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.hero-skeleton{border-radius:23px;height:245px;margin:20px}.row-skeleton{border-bottom:1px solid var(--line);gap:14px;height:105px;padding:18px 20px;display:flex}.row-skeleton>span{border-radius:50%;width:48px;height:48px}.row-skeleton div{flex:1;padding-top:4px}.row-skeleton i{border-radius:5px;width:60%;height:12px;margin-bottom:14px;display:block}.row-skeleton i.short{width:36%;height:9px}@media (width<=1050px){.app-layout{grid-template-columns:78px minmax(500px,640px) minmax(240px,310px);gap:18px}.left-rail nav span,.rail-note{display:none}.left-rail nav a,.left-rail nav button{padding:13px}.brand-mark{margin-left:1px}}@media (width<=850px){.app-layout{grid-template-columns:72px minmax(0,640px);gap:8px;max-width:740px;padding:0 16px 0 0}.right-rail{display:none}}@media (width<=620px){.app-layout{padding:0;display:block}.left-rail{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#ffffffed;width:100%;height:59px;padding:5px 16px;position:fixed;top:auto;bottom:0}.brand-mark,.rail-note{display:none}.left-rail nav{flex-direction:row;justify-content:space-around}.left-rail nav a,.left-rail nav button{padding:9px 16px}.left-rail nav a:nth-child(2),.left-rail nav button{display:none}.timeline{border:0;padding-bottom:58px}.timeline-header{min-height:68px;padding:11px 16px}.timeline-header p{display:none}.search-panel{padding:13px 15px}.current-hero{grid-template-columns:116px 1fr;min-height:225px;margin:14px}.hero-orb .weather-icon{width:112px}.hero-copy{padding:23px 16px 17px 0}.current-temperature strong{font-size:53px}.hero-stats{gap:11px}.hero-stats span:last-child{display:none}.forecast-card{grid-template-columns:45px 1fr;gap:10px;padding:16px 14px}.forecast-avatar{width:43px;height:43px}.forecast-meta{gap:13px}.sun-times{display:none!important}.forecast-main p{max-width:170px}.feed-label{padding:0 14px}}@media (width<=410px){.current-hero{grid-template-columns:94px 1fr}.hero-orb .weather-icon{width:94px}.current-temperature strong{font-size:47px}.current-temperature span{font-size:12px}.forecast-main p{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}