:root{color-scheme:light;font-family:Sora,Segoe UI,sans-serif;--bg: #f4f8fc;--surface: #ffffff;--surface-strong: #eff5ff;--line: #d4deed;--text-main: #0d1f33;--text-muted: #4a5f78;--brand: #125bcc;--brand-soft: #dce8ff;--warn: #c4371a;--watch: #b06700;--advisory: #5c4a00;--statement: #2752b6;--other: #4b617e;--error: #a0001f}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{-webkit-text-size-adjust:100%}body{background:linear-gradient(180deg,#f8fbff,#edf3fb 45%,#e9f0fa);color:var(--text-main);-webkit-tap-highlight-color:transparent}.page-shell{min-height:100vh;padding:calc(1rem + env(safe-area-inset-top)) 0 calc(6.5rem + env(safe-area-inset-bottom));position:relative;overflow-x:clip}button,input,select{font:inherit}.background-orb{border-radius:999px;filter:blur(28px);position:absolute;pointer-events:none;z-index:0}.orb-one{background:#125bcc38;width:22rem;height:22rem;top:-6rem;left:-6rem}.orb-two{background:#ff8c3e2e;width:18rem;height:18rem;right:-4rem;top:10rem}.app-shell{width:min(1200px,94vw);margin:0 auto;position:relative;z-index:1;display:grid;gap:1rem}.site-header{border:1px solid var(--line);background:#ffffffe6;border-radius:1rem;padding:1rem 1.125rem;display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.eyebrow{margin:0;letter-spacing:.08em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.76rem;color:var(--brand)}.site-header h1{margin:.3rem 0 .2rem;font-size:clamp(1.45rem,2.2vw,2.05rem);letter-spacing:-.02em}.subtitle{margin:0;color:var(--text-muted);max-width:48ch}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.72rem}.metric-card{position:relative;overflow:hidden;border:1px solid #c7d9ef;border-radius:1rem;background:linear-gradient(180deg,#fff,#f7fbff);padding:.78rem .86rem;box-shadow:0 8px 18px #0f243e12}.metric-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#1f62d6,#5b92f0)}.metric-card p{margin:0;color:#48688d;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;font-family:IBM Plex Mono,monospace}.metric-card strong{margin-top:.34rem;display:block;font-size:clamp(1.08rem,1.6vw,1.4rem);color:#132f50;letter-spacing:-.01em}.warning-metric{background:linear-gradient(180deg,#fff7f4,#fffdfb)}.warning-metric:before{background:linear-gradient(90deg,#d63b2d,#f06c4a)}.soon-metric{background:linear-gradient(180deg,#fffaf1,#fffefb)}.soon-metric:before{background:linear-gradient(90deg,#d88918,#f2a33a)}.filters-panel{border:1px solid var(--line);border-radius:1rem;background:var(--surface);padding:.95rem;display:grid;gap:.85rem}.filters-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.filters-title{margin:0;color:var(--text-main);font-weight:700;font-size:.95rem}.field{display:grid;gap:.38rem}.field span{font-family:IBM Plex Mono,monospace;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.field input,.field select{min-height:2.65rem;border-radius:.7rem;border:1px solid var(--line);background:#fdfefe;color:var(--text-main);font:inherit;padding:0 .78rem}.field input:focus,.field select:focus{outline:2px solid #8eb5ff;outline-offset:1px;border-color:#8eb5ff}.field-grid{display:grid;gap:.7rem;grid-template-columns:repeat(4,minmax(0,1fr))}.text-btn{border:1px solid var(--line);background:#fff;color:var(--brand);border-radius:.65rem;padding:.55rem .78rem;font-weight:600;cursor:pointer;min-height:2.5rem;touch-action:manipulation}.text-btn:hover{filter:brightness(.98)}.text-btn:disabled{opacity:.65;cursor:default}.forecast-panel,.more-panel{display:grid;gap:.85rem;min-width:0}.forecast-hero{position:relative;overflow:hidden;border-radius:1.7rem;border:1px solid #c5dbf3;background:linear-gradient(180deg,#7eb1dd,#a4c3df 58%,#b7c7d5);min-height:18.5rem;padding:.95rem .9rem 1.15rem;color:#011833;text-align:center;display:grid;justify-items:center;align-content:start;width:100%;min-width:0}.forecast-hero>*{position:relative;z-index:1}.forecast-location{margin:.2rem 0 0;font-family:IBM Plex Mono,monospace;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;color:#011833b8}.forecast-condition-row{margin-top:.6rem;display:flex;width:100%;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35rem;max-width:100%;min-width:0}.forecast-condition-row p{margin:0;font-size:clamp(1rem,3.3vw,1.25rem);font-weight:500;letter-spacing:-.015em;text-align:center;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.forecast-hero-icon{width:2.1rem;height:2.1rem}.forecast-hero-temp{margin:.9rem 0 0;font-size:clamp(3rem,10vw,4.4rem);line-height:.9;letter-spacing:-.045em;font-weight:700;max-width:100%}.forecast-hero-detail{margin:.62rem 0 0;font-size:clamp(.92rem,2.8vw,1.18rem);line-height:1.2;letter-spacing:-.015em;text-align:center;max-width:100%;overflow-wrap:anywhere;word-break:break-word;color:#0a203d;font-weight:600;text-shadow:0 1px 0 rgba(248,252,255,.58)}.forecast-hero-detail-contrast{color:#071a33;font-weight:700;text-shadow:0 1px 0 rgba(252,254,255,.68)}.forecast-cloud{position:absolute;border-radius:999px;background:#eaf1f88a;filter:blur(1px);pointer-events:none;z-index:0}.forecast-cloud.cloud-one{width:12rem;height:3.2rem;left:-2rem;top:1.7rem}.forecast-cloud.cloud-two{width:14rem;height:3.2rem;right:-2.4rem;top:7.8rem}.forecast-mountain{position:absolute;border-radius:2rem;background:#dae4eeb8;filter:blur(.2px);pointer-events:none;z-index:0}.forecast-mountain.mountain-one{width:18rem;height:7.3rem;left:-2rem;bottom:-2.4rem;transform:rotate(12deg)}.forecast-mountain.mountain-two{width:17rem;height:8rem;right:-2.5rem;bottom:-2.8rem;transform:rotate(-9deg)}.forecast-block{border:1px solid #cadcf2;border-radius:1.7rem;background:#f8fbff;padding:.85rem .8rem .6rem;min-width:0}.forecast-block-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.75rem}.forecast-block-head h3{margin:0;display:inline-flex;align-items:center;gap:.48rem;font-size:1rem;color:#10243f;letter-spacing:-.01em}.forecast-head-icon{font-size:.95rem;color:#0f2038}.forecast-scroll-controls{display:inline-flex;align-items:center;gap:.45rem}.forecast-scroll-btn{width:1.95rem;height:1.95rem;border-radius:999px;border:1px solid #c5d8f0;background:#dbe9fb;color:#5f77a4;cursor:pointer;display:grid;place-items:center;font-size:.7rem;line-height:1}.forecast-scroll-btn:hover{filter:brightness(.98)}.forecast-hourly-strip,.forecast-daily-strip{display:grid;grid-auto-flow:column;gap:.5rem;overflow-x:auto;padding-bottom:.35rem;scrollbar-width:none;min-width:0}.forecast-hourly-strip::-webkit-scrollbar,.forecast-daily-strip::-webkit-scrollbar{display:none}.forecast-hour-item{width:3.55rem;min-width:3.55rem;padding:.35rem .2rem;text-align:center;display:grid;gap:.18rem;justify-items:center}.forecast-hour-temp{margin:0;font-size:1.12rem;font-weight:700;color:#213e63;line-height:1}.forecast-hour-icon{width:1.58rem;height:1.58rem}.weather-symbol{display:block}.forecast-hour-precip{margin:0;min-height:.95rem;font-size:.78rem;font-weight:600;color:#23476f;line-height:1}.forecast-hour-label{margin:.18rem 0 0;font-size:.84rem;color:#1d3b63;line-height:1;white-space:nowrap}.forecast-day-pill{width:4.45rem;min-width:4.45rem;border:2px solid #bad2f2;border-radius:1.7rem;padding:.5rem .32rem .48rem;background:#f8fbff;text-align:center;display:grid;justify-items:center;gap:.2rem}.forecast-day-high,.forecast-day-low{margin:0;font-size:1.02rem;line-height:1;color:#1e3e66;font-weight:700}.forecast-day-low{margin-top:-.08rem;opacity:.92}.forecast-day-icon{width:1.5rem;height:1.5rem;margin-top:.14rem}.forecast-day-precip{margin:.05rem 0 0;min-height:.9rem;font-size:.75rem;color:#244d78;line-height:1}.forecast-day-title,.forecast-day-date{margin:.14rem 0 0;font-size:.76rem;color:#1f3f66;line-height:1.15}.forecast-day-date{margin-top:0}.forecast-updated{margin:0;color:#426184;font-size:.86rem;line-height:1.2;padding-inline:.12rem}.more-card{position:relative;overflow:hidden;border:1px solid #c7d9ef;border-radius:1.15rem;background:linear-gradient(180deg,#fff,#f7fbff);padding:.94rem .92rem;display:grid;gap:.7rem;box-shadow:0 10px 24px #10284614}.more-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#1f62d6,#5b92f0)}.more-card h2{margin:0;font-size:1.12rem;color:#10243f;letter-spacing:-.01em}.more-copy{margin:0;color:#466383;font-size:.94rem}.more-actions{display:grid;gap:.5rem}.more-note{margin:0;color:#355a84;font-size:.85rem;line-height:1.4}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;border-top:1px solid var(--line);background:#f6fafff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.55rem calc(.7rem + env(safe-area-inset-left)) calc(.55rem + env(safe-area-inset-bottom)) calc(.7rem + env(safe-area-inset-right))}.bottom-nav-item{border:1px solid #d0dced;border-radius:.85rem;background:#fff;color:#395372;min-height:2.8rem;font-weight:700;letter-spacing:.01em;cursor:pointer}.bottom-nav-item.active{border-color:#1f62d6;background:linear-gradient(150deg,#1c61d8,#125bcc);color:#fff}.message{border-radius:.9rem;border:1px solid;padding:.75rem .9rem}.warning-message{color:#640;border-color:#e9c675;background:#fff7e4}.offline-message{color:#153d76;border-color:#9dc0f0;background:#eaf2ff}.error-message{color:#6a1127;border-color:#e4a3b3;background:#fff1f4}.alerts-panel{display:grid;gap:.8rem}.alert-sheet{position:relative;overflow:hidden;border:1px solid #c7d9ef;border-radius:1.15rem;background:linear-gradient(180deg,#fff,#f7fbff);padding:1rem .95rem;box-shadow:0 10px 24px #10284614;font-family:Sora,Segoe UI,sans-serif;color:#162237;opacity:0;transform:translateY(8px);animation:reveal .42s ease forwards}.alert-sheet:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#1f62d6,#5b92f0)}.alert-sheet-warning:before{background:linear-gradient(90deg,#d63b2d,#f06c4a)}.alert-sheet-watch:before{background:linear-gradient(90deg,#d88918,#f2a33a)}.alert-sheet-advisory:before{background:linear-gradient(90deg,#2f79c8,#66a4e7)}.alert-sheet-statement:before{background:linear-gradient(90deg,#5d6ac9,#8e97e9)}.alert-sheet-other:before{background:linear-gradient(90deg,#537196,#819ab9)}@keyframes reveal{to{opacity:1;transform:translateY(0)}}.sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.sheet-event{margin:0;display:inline-flex;align-items:center;border:1px solid #f0b9b9;background:#fff0f0;color:#bf2d26;border-radius:999px;padding:.28rem .58rem;letter-spacing:.02em;text-transform:uppercase;font-size:.69rem;font-weight:700}.sheet-event-warning{border-color:#efb3b3;background:#fff1f1;color:#b92424}.sheet-event-watch{border-color:#f1d1a0;background:#fff7ec;color:#a76800}.sheet-event-advisory{border-color:#b9d6f4;background:#eef6ff;color:#2366b2}.sheet-event-statement{border-color:#cad0f8;background:#f2f4ff;color:#4f5ec0}.sheet-event-other{border-color:#ccd8e6;background:#f3f7fb;color:#4d6888}.sheet-head h3{margin:.5rem 0 0;font-size:clamp(1.16rem,2.9vw,1.52rem);line-height:1.2;color:#10243f;letter-spacing:-.01em}.sheet-link-muted{color:#5a6c87;font-size:.95rem;font-weight:600}.sheet-callout{margin-top:.9rem;border:1px solid #d4e1f0;background:linear-gradient(180deg,#f8fbff,#f0f6ff);border-radius:.95rem;padding:.78rem .82rem}.sheet-callout h4{margin:0;color:#446389;font-size:.73rem;text-transform:uppercase;letter-spacing:.04em}.sheet-callout p{margin:.4rem 0 0;font-size:.97rem;line-height:1.5;color:#173152}.sheet-time-grid{margin-top:.88rem;border:1px solid #d4e1f0;background:linear-gradient(180deg,#f8fbff,#f0f6ff);border-radius:.95rem;padding:.75rem .8rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.sheet-time-cell h5{margin:0;color:#456589;font-size:.71rem;text-transform:uppercase;letter-spacing:.04em}.sheet-time-cell p{margin:.3rem 0 0;font-size:.9rem;line-height:1.35;color:#152d4c}.sheet-section{margin-top:.95rem}.sheet-section h4{margin:0;color:#466486;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em}.sheet-section p{margin:.36rem 0 0;color:#143152;font-size:.94rem;line-height:1.58}.sheet-toggle{margin-top:.78rem;width:100%;border:1px solid #bcd0ea;background:linear-gradient(180deg,#f4f8ff,#eaf1fb);color:#204772;border-radius:.8rem;padding:.56rem .78rem;font-family:Sora,Segoe UI,sans-serif;font-weight:700;font-size:.78rem;cursor:pointer;text-transform:uppercase;letter-spacing:.04em}.sheet-toggle:hover{filter:brightness(.98)}.sheet-footer{margin-top:.9rem;padding-top:.74rem;border-top:1px solid #d9e5f3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.58rem}.sheet-footer-label{display:block;color:#4e6e92;font-size:.66rem;text-transform:uppercase;letter-spacing:.04em}.sheet-footer p{margin:.24rem 0 0;font-size:.84rem;line-height:1.4;color:#19385b}.sheet-cta,.sheet-cta:visited{display:block;margin-top:.95rem;width:100%;border-radius:999px;text-align:center;text-decoration:none;padding:.68rem 1rem;font-family:Sora,Segoe UI,sans-serif;font-weight:700;color:#fff;background:linear-gradient(90deg,#1f56df,#2a67ec);box-shadow:0 6px 16px #275cce47}.sheet-cta:hover{filter:brightness(1.03)}.skeleton-grid{display:grid;gap:.8rem}.skeleton-card{min-height:12rem;border-radius:1rem;border:1px solid var(--line);background:linear-gradient(100deg,#f4f6fa,#f9fbff 30%,#f4f6fa 45%,#eef2f8 90%);background-size:240% 100%;animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%{background-position:100% 0}to{background-position:0 0}}.empty-state{border:1px dashed #acbfdc;border-radius:1rem;padding:1.2rem;background:#f8fbff;text-align:center}.empty-state h2{margin:0 0 .45rem;font-size:1.12rem}.empty-state p{margin:0;color:var(--text-muted)}.site-footer{border:1px solid var(--line);border-radius:.9rem;padding:.7rem .9rem;background:#ffffffd1}.site-footer p{margin:0;color:var(--text-muted);font-size:.86rem}.install-banner{border:1px solid #9ec2f5;border-radius:1rem;background:linear-gradient(150deg,#f1f7ff,#e6f0ff);padding:.85rem .95rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.install-banner p{margin:0;color:#1a3f74;line-height:1.4}.install-actions{display:flex;align-items:center;gap:.5rem}.modal-backdrop{position:fixed;inset:0;background:#07142785;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:1rem}.location-modal{width:min(34rem,100%);border-radius:1rem;border:1px solid var(--line);background:#fff;padding:1rem;box-shadow:0 24px 70px #0c1d3652}.modal-eyebrow{margin:0;font-family:IBM Plex Mono,monospace;letter-spacing:.06em;font-size:.74rem;text-transform:uppercase;color:var(--brand)}.location-modal h2{margin:.45rem 0 .2rem;font-size:clamp(1.18rem,2vw,1.45rem)}.modal-copy{margin:0;color:var(--text-muted);line-height:1.45}.location-form{margin-top:.85rem;display:grid;gap:.7rem}.modal-error{margin:0;border:1px solid #e4a3b3;background:#fff1f4;color:#6a1127;border-radius:.65rem;padding:.55rem .7rem;font-size:.9rem}.modal-actions{display:flex;gap:.6rem;align-items:center}.save-location-btn{border:1px solid #9db8e6;background:linear-gradient(160deg,#1f74e6,#125bcc);color:#fff;border-radius:.72rem;padding:.62rem .92rem;font-weight:600;cursor:pointer;min-height:2.5rem;touch-action:manipulation}.save-location-btn:disabled{opacity:.75;cursor:default}@media(max-width:1100px){.metric-grid,.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.page-shell{padding-top:.8rem}.site-header{flex-direction:column;align-items:stretch}.metric-grid{grid-template-columns:1fr 1fr}.field-grid{grid-template-columns:1fr}.forecast-hero{min-height:13.9rem;border-radius:1.35rem;padding:.72rem .58rem .82rem}.forecast-condition-row p{font-size:clamp(.82rem,4vw,1rem)}.forecast-hero-icon{width:1.4rem;height:1.4rem}.forecast-hero-temp{font-size:clamp(2.7rem,13vw,3.65rem)}.forecast-hero-detail{font-size:clamp(.78rem,3.45vw,.92rem)}.forecast-hour-item{width:2.9rem;min-width:2.9rem}.forecast-hour-temp{font-size:.88rem}.forecast-hour-icon{width:1.2rem;height:1.2rem}.forecast-hour-precip,.forecast-hour-label{font-size:.72rem}.forecast-day-pill{width:3.55rem;min-width:3.55rem;border-radius:1.5rem;padding:.4rem .24rem .36rem}.forecast-day-high,.forecast-day-low{font-size:.8rem}.forecast-day-icon{width:1.18rem;height:1.18rem}.forecast-day-precip,.forecast-day-title,.forecast-day-date{font-size:.62rem}.forecast-updated{font-size:.68rem}.sheet-head{flex-direction:column;align-items:flex-start}.sheet-time-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:.7rem}.sheet-time-cell p{font-size:.79rem;line-height:1.35}.sheet-footer{grid-template-columns:1fr}.sheet-section p{font-size:.9rem;line-height:1.52}.install-banner{flex-direction:column;align-items:flex-start}.install-actions{width:100%}.install-actions .save-location-btn,.install-actions .text-btn{flex:1}.modal-backdrop{align-items:flex-end;padding:.5rem}.location-modal{border-bottom-left-radius:.6rem;border-bottom-right-radius:.6rem}}@media(max-width:420px){.forecast-hero{min-height:12.6rem;padding:.62rem .5rem .72rem}.forecast-location{font-size:.64rem}.forecast-condition-row p{font-size:.74rem}.forecast-hero-icon{width:1.18rem;height:1.18rem}.forecast-hero-temp{font-size:clamp(2.1rem,11vw,2.95rem)}.forecast-hero-detail{font-size:.68rem}.forecast-block{padding:.74rem .64rem .52rem;border-radius:1.45rem}.forecast-block-head h3{font-size:.88rem}.forecast-scroll-btn{width:1.7rem;height:1.7rem;font-size:.62rem}.forecast-hour-item{width:2.6rem;min-width:2.6rem}.forecast-hour-temp{font-size:.78rem}.forecast-hour-icon{width:1.06rem;height:1.06rem}.forecast-hour-precip,.forecast-hour-label{font-size:.66rem}.forecast-day-pill{width:3.15rem;min-width:3.15rem;padding:.34rem .2rem .3rem}.forecast-day-high,.forecast-day-low{font-size:.72rem}.forecast-day-icon{width:1.02rem;height:1.02rem}.forecast-day-precip,.forecast-day-title,.forecast-day-date{font-size:.56rem}}