:root{color-scheme:dark;--bg:#101f32;--panel:#17283e;--ink:#f6f3ea;--muted:#a6b3c3;--gold:#f1c65e;--line:#ffffff17;--green:#90cfb1;--orange:#f3b17c;--red:#ef9b9e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}main{max-width:620px;padding:calc(22px + env(safe-area-inset-top)) 26px calc(24px + env(safe-area-inset-bottom));margin:auto}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:disabled{opacity:.5;cursor:wait}a{color:var(--gold)}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.brand{font-size:12px;letter-spacing:2.6px;font-weight:650;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:11px}.brand-sun{font-size:27px;color:var(--gold);line-height:1}.icon-button{border:0;background:transparent;font-size:26px;color:var(--muted);width:44px;height:44px;border-radius:50%}.icon-button:hover{background:var(--panel);color:var(--gold)}.location-bar button{padding:0;min-height:44px;border:0;background:none;font-size:26px;font-weight:650;letter-spacing:-.7px;text-align:left}.chevron{font-size:22px;color:var(--gold);padding-left:12px}.location-bar p{font-size:11px;margin:0;letter-spacing:.25px}.muted{color:var(--muted)}.small{font-size:12px}.hero{position:relative;padding:30px 0 24px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:var(--gold);margin:0 0 4px}.temperature{font-weight:250;font-size:106px;line-height:1.12;letter-spacing:-7px;margin:0}.hero-main{display:flex;justify-content:space-between;align-items:center}.hero-icon{color:var(--gold);width:116px;height:116px;filter:drop-shadow(0 0 22px #f1c65e15);margin-right:9px}.hero-icon svg{width:100%;height:100%;stroke-width:1.15}.condition{font-size:16px;margin:10px 0 0}.feels{font-size:13px;color:var(--muted);margin:2px 0 0}h2{font-size:18px;font-weight:650;letter-spacing:-.25px;line-height:1.4;margin:0 0 12px}h3{font-size:14px;margin:0}p{margin:0 0 12px}.story{border-top:1px solid var(--line);padding:24px 0}.summary-text{font-size:17px;line-height:1.7;color:#e0e5eb;margin:0}.facts{display:flex;flex-wrap:wrap;gap:7px 17px;margin-top:16px;color:var(--muted);font-size:11px}.facts span{white-space:nowrap}.facts b{font-weight:500;color:var(--ink)}.tomorrow .summary-text{font-size:15px;color:#bfcad7}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px}.section-heading h2{margin:0}.section-heading .muted{font-size:11px}.hourly{display:flex;overflow:auto;gap:7px;scrollbar-width:none;padding-bottom:3px;margin-right:-10px}.hourly::-webkit-scrollbar{display:none}.hour{flex:1 0 49px;text-align:center;display:flex;flex-direction:column;gap:9px;font-size:12px;padding:8px 2px;border-radius:14px}.hour:first-child{background:var(--panel)}.hour time{color:var(--muted);font-size:11px}.hour svg{width:27px;height:27px;margin:auto;color:var(--gold)}.hour strong{font-size:17px;font-weight:550}.hour .chance{color:#9ebcd6;font-size:10px}.rain-dry{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.rain-dry svg{width:22px;height:22px;color:var(--gold);flex-shrink:0}.rain-active,.notice{background:var(--panel);padding:19px;border-radius:15px;margin-bottom:14px}.notice{border-left:3px solid var(--gold)}.notice p{font-size:14px;margin:6px 0}.notice .eyebrow{font-size:9px}.notice a{font-size:12px}.rain-bars{height:42px;display:flex;align-items:flex-end;gap:5px;margin:16px 0 8px}.rain-bars span{flex:1;background:#7ba7c4;min-height:3px;border-radius:3px}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.photo{background:linear-gradient(145deg,#1b2d43,#152439);border:1px solid #ffffff0a;border-radius:19px;padding:22px 19px;margin:4px -5px 27px}.photo .section-heading{margin-bottom:20px}.photo h2{color:var(--gold)}.photo-date{color:var(--muted);font-size:11px}.light-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.light-column>p{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 9px}.light-row{margin-bottom:11px;font-size:11px}.light-row b{display:block;font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}.blue-label{color:#a9c4f3}.gold-label{color:var(--gold)}.fog{border-top:1px solid var(--line);padding-top:17px;margin-top:6px}.fog-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;margin-bottom:9px}.fog-badge{font-size:11px;white-space:nowrap}.fog-badge::before{content:'●';margin-right:6px}.green{color:var(--green)}.yellow{color:var(--gold)}.orange{color:var(--orange)}.red{color:var(--red)}.fog-copy{font-size:12px;color:#c1cddb}.fog-note{font-size:10px;color:var(--muted);margin:10px 0 0}.overlap{font-size:12px;margin-top:14px;color:var(--gold)}details{font-size:11px;color:var(--muted)}summary{cursor:pointer;min-height:40px;display:flex;align-items:center;gap:7px}summary:before{content:'+';font-size:17px}details[open]>summary:before{content:'−'}details p{font-size:11px;margin:4px 0 13px}.legend{font-size:10px;display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.segmented{display:flex;background:var(--panel);border-radius:9px;padding:3px}.segmented button{border:0;background:transparent;color:var(--muted);font-size:11px;min-height:34px;padding:0 10px;border-radius:7px}.segmented button[aria-pressed=true]{background:var(--gold);color:var(--bg);font-weight:650}.forecast-day{padding:16px 0;border-bottom:1px solid var(--line)}.day-top{display:flex;align-items:center;gap:11px;font-size:13px}.day-top time{flex:1;font-weight:600}.day-top svg{width:23px;height:23px;color:var(--gold)}.day-temp{white-space:nowrap}.day-temp span{color:var(--muted);padding-right:6px}.day-rain{font-size:11px;color:#9ebcd6;min-width:43px;text-align:right}.forecast-day p{font-size:12px;color:var(--muted);margin:6px 0 0}footer{margin-top:35px;border-top:1px solid var(--line);padding-top:22px;color:var(--muted)}.footer-brand{font-size:10px;letter-spacing:1.8px}.footer-brand span{display:block;font-size:11px;letter-spacing:0;margin-top:4px}#status{background:#27364b;border-radius:10px;padding:12px;font-size:12px;margin-top:17px;color:#f5dc9f}#status button{border:0;background:transparent;color:var(--gold);text-decoration:underline}.loading{padding:50px 0;text-align:center;color:var(--muted)}.loading-sun{font-size:64px;color:var(--gold)}.loading h1{font-size:22px;color:var(--ink)}.loading p{font-size:14px}dialog{width:min(460px,calc(100% - 28px));max-height:85dvh;overflow:auto;border:1px solid #ffffff21;border-radius:22px;padding:24px;background:var(--panel);color:var(--ink);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#06101ec9;backdrop-filter:blur(6px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.dialog-top h2{font-size:20px;margin:0}.geo-button{width:100%;border:1px solid #f1c65e60;border-radius:11px;background:#f1c65e12;padding:12px;color:var(--gold);text-align:left}dialog .small{margin-top:8px}label{display:block;font-size:13px;margin:24px 0 8px}.search-row{display:flex;border-radius:10px;background:var(--bg);border:1px solid #ffffff25;overflow:hidden}input{width:100%;min-width:0;color:var(--ink);background:none;border:0;padding:12px;font-size:16px}.search-row button{width:48px;flex-shrink:0;border:0;background:var(--gold);color:var(--bg);font-size:23px}.result{width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:13px 2px;display:block}.result span{display:block;color:var(--muted);font-size:12px}.result:hover{color:var(--gold)}@media(min-width:700px){main{padding-top:38px}.hero{padding-top:35px}.temperature{font-size:120px}.hero-icon{width:135px;height:135px}.story{padding:28px 0}.summary-text{font-size:19px}.hour{min-width:60px}.photo{padding:26px}.light-row b{font-size:18px}.light-grid{gap:50px}}@media(max-width:350px){main{padding-left:19px;padding-right:19px}.facts{gap:7px 11px}.hero-icon{width:96px;height:96px}.fog-top{align-items:flex-start;flex-direction:column;gap:3px}}@media(prefers-reduced-motion:no-preference){.loading-sun{display:inline-block;animation:breathe 2s ease-in-out infinite}@keyframes breathe{50%{opacity:.45}}}