:root{color-scheme:light;--bg:#f6f4ef;--paper:#eeece5;--text:#242e2a;--muted:#64716a;--line:#dedfd6;--accent:#47684f;--soft:#e4eadd;--white:#fff;--shadow:0 24px 90px #18231a24}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.5;transition:background .2s,color .2s}.dark{color-scheme:dark;--bg:#000;--paper:#121212;--text:#ececec;--muted:#9a9a9a;--line:#2a2a2a;--accent:#9fc7a8;--soft:#1e1e1e;--white:#0a0a0a;--shadow:0 24px 90px #000}.dark dialog::backdrop{background:#000000b3}.dark .bar span{background:linear-gradient(90deg,#6f6f6f,#cfcfcf)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a{color:inherit}.wrap{max-width:1120px;padding:0 48px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:32px 0;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:27px;font-weight:650;letter-spacing:-1.5px}.brand-mark{font-size:27px;display:inline-block;margin-right:8px;color:var(--accent)}.brand-dot{color:var(--accent)}.tools{display:flex;gap:8px}.icon-button,.location-icon{border:1px solid var(--line);border-radius:50%;width:44px;height:44px;background:transparent;font-size:22px}.location{display:flex;justify-content:space-between;align-items:center;padding-top:42px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:var(--muted);margin:0}.place-button{border:0;background:none;display:flex;gap:16px;padding:0;align-items:center;text-align:left;min-height:48px}.place-button h1{font-size:32px;font-weight:500;letter-spacing:-1.2px;margin:6px 0}.place-button span{color:var(--accent);font-size:22px}.muted{color:var(--muted);font-size:13px;margin:2px 0}.location-icon{font-size:27px}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;padding:50px 0 37px;align-items:center}.temperature{display:flex;align-items:center;font-size:140px;line-height:1.1;font-weight:300;letter-spacing:-10px;margin:12px 0}.degree{font-size:80px;align-self:flex-start;letter-spacing:-5px;margin-top:8px}.hero-icon{width:100px;margin-left:30px;color:var(--accent);opacity:.8}.weather-icon{width:28px;height:28px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.hero-icon .weather-icon{width:100px;height:100px;stroke-width:1}.condition{font-size:22px;font-weight:450;margin:0 0 6px;letter-spacing:-.4px}.personality{border-left:1px solid var(--line);padding:25px 0 25px 40px}.small-sun{color:var(--accent);font-size:24px}.personality p{font-family:Georgia,serif;font-size:28px;line-height:1.35;letter-spacing:-.5px;margin:16px 0 24px;max-width:350px}.personality .eyebrow{font-size:8px}.details{display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper);border-radius:18px;padding:24px 28px}.details>div+div{border-left:1px solid var(--line);padding-left:30px}.details p{font-size:12px;color:var(--muted);margin:0 0 4px}.details strong{font-weight:500;font-size:20px}.section{margin-top:42px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}h2{font-size:18px;font-weight:550;letter-spacing:-.4px;margin:0}.hours{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(76px,1fr);overflow-x:auto;padding:8px 0 16px;gap:9px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.hour{display:flex;flex-direction:column;align-items:center;gap:14px;padding:14px 8px;border-radius:40px;min-width:72px}.hour:first-child{background:var(--soft)}.hour-label{font-size:12px;color:var(--muted)}.hour strong{font-size:19px;font-weight:500}.rain{color:var(--accent);font-size:11px}.days{border-top:1px solid var(--line)}.day{display:grid;grid-template-columns:110px 36px 1fr 70px 38px 140px 38px;align-items:center;gap:16px;min-height:64px;border-bottom:1px solid var(--line)}.day-name{font-weight:500}.day-condition{color:var(--muted);font-size:13px}.day-rain{color:var(--accent);font-size:12px;text-align:right}.low{color:var(--muted);text-align:right}.high{text-align:right}.bar{height:4px;background:var(--paper);border-radius:4px;position:relative}.bar span{position:absolute;height:4px;border-radius:4px;background:linear-gradient(90deg,#a7b59b,#69815e)}.sun-section{display:flex;align-items:center;gap:25px;background:var(--paper);border-radius:18px;margin-top:36px;padding:26px 30px}.sun-section>div:first-child,.sun-section>div:last-child{display:flex;flex-direction:column;gap:5px;min-width:95px}.sun-section>div:last-child{text-align:right}.sun-section strong{font-size:20px;font-weight:500}.sun-section .eyebrow{font-size:9px}.sun-line{height:32px;border-top:1px dashed var(--muted);border-radius:50% 50% 0 0;flex:1;text-align:center;padding-top:0;color:var(--accent);opacity:.7}.sun-line span{position:relative;top:-15px;background:var(--paper);padding:0 12px;font-size:25px}.updated{color:var(--muted);text-align:center;font-size:11px;margin:22px 0 0}footer{border-top:1px solid var(--line);margin-top:38px;padding:22px 0 30px;display:flex;justify-content:space-between;gap:14px;font-size:10px;color:var(--muted)}footer a{text-decoration:none}.status{padding:12px 16px;background:var(--soft);border-radius:10px;margin-top:20px;font-size:13px}.empty{text-align:center;padding:80px 0}.empty h2{font-family:Georgia,serif;font-size:38px;font-weight:400;line-height:1.2;margin:22px 0}.empty p{color:var(--muted)}.empty-icon{color:var(--accent);font-size:55px}.primary,.secondary{background:var(--accent);color:var(--bg);border:0;border-radius:10px;padding:12px 20px;min-height:44px;font-size:13px;font-weight:600}.secondary{background:var(--paper);color:var(--text);border:1px solid var(--line)}dialog{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:28px;width:480px;max-width:calc(100% - 24px);max-height:90dvh;overflow:auto}dialog::backdrop{background:#12221866;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.dialog-head h2{font-size:20px}.dialog-head .close{font-size:25px;flex-shrink:0}label{display:block;font-size:13px;margin-bottom:8px}.search-row{display:flex;gap:8px;margin-bottom:15px}input[type=text],input:not([type]),select{background:var(--paper);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:12px;min-width:0;width:100%;min-height:44px}.results{margin-top:14px}.result{display:block;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:14px 8px;width:100%;min-height:50px}.result strong{font-weight:550;display:block}.result span{font-size:12px;color:var(--muted)}.result:hover{background:var(--soft)}.saved{margin-top:24px}.saved .eyebrow{margin-bottom:8px}.setting{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:16px}.setting select{width:155px}.setting label{margin:0}.setting input{width:24px;height:24px;accent-color:var(--accent)}#install{margin-top:10px;width:100%}#install-help{margin-top:14px;line-height:1.7}.privacy{margin-top:25px;border-top:1px solid var(--line);padding-top:12px}.privacy h3{font-size:14px}.privacy p{font-size:12px;color:var(--muted);line-height:1.7}.privacy .secondary{width:100%;margin-top:10px}[hidden]{display:none!important}@media(max-width:700px){.wrap{padding:0 24px}header{padding:22px 0}.brand{font-size:25px}.location{padding-top:30px}.place-button h1{font-size:29px}.hero{grid-template-columns:1fr;gap:0;padding:34px 0 24px}.hero-main{position:relative}.temperature{font-size:112px;letter-spacing:-8px;margin:10px 0}.degree{font-size:65px;margin-top:7px}.hero-icon{position:absolute;right:5px;top:37px;width:85px;margin:0}.hero-icon .weather-icon{width:85px;height:85px}.condition{font-size:20px}.personality{border-left:0;border-top:1px solid var(--line);padding:20px 0 0;margin-top:24px;display:grid;grid-template-columns:24px 1fr;gap:8px 14px}.personality p{font-size:22px;margin:0;max-width:none}.small-sun{font-size:22px}.personality .eyebrow{grid-column:2;font-size:7px;margin-top:4px}.details{padding:18px;gap:20px;grid-template-columns:1fr 1fr}.details>div+div{border:0;padding-left:0}.details>div:nth-child(even){border-left:1px solid var(--line);padding-left:20px}.details strong{font-size:18px}.section{margin-top:30px}.section-head{margin-bottom:12px}h2{font-size:16px}.section-head .muted{font-size:10px}.hours{grid-auto-columns:65px;gap:5px;margin-right:-24px;padding-right:24px}.hour{min-width:60px;gap:12px;padding:13px 4px}.day{grid-template-columns:61px 26px 1fr 30px 62px 30px;gap:8px;min-height:58px;font-size:13px}.day-condition{display:none}.day-rain{font-size:11px}.day .weather-icon{width:24px;height:24px}.sun-section{padding:22px 18px;gap:14px;margin-top:28px}.sun-section>div:first-child,.sun-section>div:last-child{min-width:66px}.sun-section .eyebrow{font-size:7px;letter-spacing:1px}.sun-section strong{font-size:18px}.updated{line-height:1.6}footer{display:flex;flex-direction:column;align-items:center;margin-top:28px;padding:20px 0 25px;font-size:9px;gap:6px}.eyebrow{font-size:9px}.empty{padding:60px 0}dialog{padding:22px}.search-row .primary{padding:12px 14px}.dialog-head h2{font-size:17px}}@media(max-width:350px){.wrap{padding:0 16px}.day{gap:5px;grid-template-columns:55px 23px 1fr 27px 40px 27px}.section-head .muted{display:none}.temperature{font-size:100px}.hero-icon{right:0;width:70px}.hero-icon .weather-icon{width:70px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.radar-map{height:300px;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:var(--paper);filter:saturate(.45) contrast(.95)}
.dark .radar-map{filter:saturate(.4) brightness(.75)}
.radar-controls{display:flex;align-items:center;gap:14px;margin-top:12px}
.radar-controls input{flex:1;accent-color:var(--accent)}
.radar-note{margin:8px 0 0;font-size:13px}
.leaflet-container{font:inherit;background:var(--paper)}

/* facelift: flat, quiet, type-led */
.muted:empty,.status:empty{display:none}
header{border-bottom:0;padding:26px 0 8px}
.brand{font-size:22px;font-weight:600;letter-spacing:-1px}
.brand-mark{display:none}
.icon-button,.location-icon{border:0;background:var(--paper);width:42px;height:42px;font-size:19px}
.location{padding-top:28px}
.place-button h1{font-size:30px;font-weight:600;letter-spacing:-1px}
.hero{grid-template-columns:1fr;gap:0;padding:26px 0 30px}
.temperature{font-size:168px;font-weight:200;letter-spacing:-12px;line-height:1;margin:6px 0 10px}
.degree{font-size:84px;font-weight:200;margin-top:14px}
.hero-icon{opacity:1;color:var(--text)}
.condition{font-size:20px;font-weight:500}
.details{background:none;border-radius:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}
.details>div+div{padding-left:24px}
.details strong{font-size:22px;font-weight:400}
.section{margin-top:40px}
h2{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
.hour:first-child{background:var(--text);color:var(--bg)}
.hour:first-child .hour-label,.hour:first-child .rain{color:var(--bg);opacity:.7}
.sun-section{background:none;border-radius:0;padding:26px 0;border-top:1px solid var(--line);margin-top:30px}
.sun-line span{background:var(--bg)}
.radar-map{border-radius:14px}
.empty{padding:90px 0}
.empty h2{font-family:inherit;font-size:30px;font-weight:600;letter-spacing:-1px;text-transform:none;color:var(--text)}
footer{border-top:0}
@media(max-width:700px){.hero{padding:18px 0 22px}.temperature{font-size:132px;letter-spacing:-10px}.degree{font-size:64px;margin-top:10px}.details{padding:18px 0}.details>div,.details>div+div{padding-left:0}.details>div:nth-child(even){border-left:1px solid var(--line);padding-left:20px}.hero-icon{top:26px}}