:root{--navy:#041f3d;--navy2:#0b315c;--gold:#d6c46b;--gold2:#eee5a4;--cream:#fffdf7;--ink:#0b2038;--muted:#667586;--line:#e5e9ee;--shadow:0 10px 30px rgba(4,31,61,.10);--green:#6ec579;--yellow:#f5e748;--orange:#e9bd4c;--red:#ef3b2d;--black:#171717}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#edf1f5;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}body{min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{max-width:540px;min-height:100vh;margin:0 auto;background:var(--cream);box-shadow:0 0 48px rgba(0,0,0,.10);padding-bottom:96px}.system-banner{padding:10px 16px;font-size:12px;line-height:1.4}.offline-banner{background:#322f2a;color:#fff5d6}.topbar{display:grid;grid-template-columns:62px 1fr 46px;gap:12px;align-items:center;padding:calc(16px + env(safe-area-inset-top)) 18px 16px;background:linear-gradient(145deg,var(--navy),var(--navy2));color:#fff}.logo{width:62px;height:62px;object-fit:contain;border-radius:15px;background:white;padding:4px}.brand-copy{min-width:0}.eyebrow{font-size:10px;letter-spacing:.12em;font-weight:900;color:#f2e7aa}.eyebrow.dark{color:#8b7a2a}h1{font-size:22px;line-height:1.08;margin:3px 0 2px}.tagline{font-size:11px;color:#d7e1eb}.icon-button{height:42px;width:42px;border-radius:13px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font-size:24px}.icon-button.loading{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}main{padding:14px}.view{display:none}.active-view{display:block}.location-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 12px}.location-name{font-size:16px;font-weight:900}.muted{font-size:12px;color:var(--muted)}.small-button,.text-button{border:0;color:var(--navy);font-weight:850}.small-button{background:#edf2f7;border-radius:12px;padding:9px 12px}.text-button{background:transparent;padding:4px 0}.nws-alert{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;background:#fff1e6;border:1px solid #f1c6a1;border-radius:16px;padding:12px 14px;margin-bottom:12px}.nws-alert-mark{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#a63c13;color:#fff;font-weight:950}.nws-alert-text{font-size:12px;line-height:1.35;color:#704325;margin-top:3px}.status-card,.card,.warning-card{border-radius:22px;padding:18px;margin-bottom:14px;border:1px solid rgba(0,0,0,.04);box-shadow:var(--shadow)}.status-card{transition:background .25s ease,color .25s ease}.status-heading,.section-title-row,.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.label{font-size:11px;letter-spacing:.08em;font-weight:950;opacity:.72}.wbgt-wrap{display:flex;align-items:flex-start;line-height:1}.wbgt-value{font-size:68px;letter-spacing:-.06em;font-weight:950}.unit{font-size:24px;font-weight:850;margin:8px 0 0 5px}.source-badge{white-space:nowrap;background:rgba(255,255,255,.72);padding:7px 9px;border-radius:999px;font-size:10px;font-weight:850;color:#263c54}.risk-name{margin-top:12px;font-size:23px;font-weight:950}.risk-subtitle{margin-top:3px;font-size:12px;font-weight:750;opacity:.72}.freshness{display:inline-flex;align-items:center;gap:8px;margin-top:15px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.72);font-size:11px;font-weight:850;color:#263c54}.dot{width:9px;height:9px;border-radius:50%;background:#9aa4ae}.status-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.status-meta-grid div{background:rgba(255,255,255,.42);padding:9px 10px;border-radius:12px}.status-meta-grid span{display:block;font-size:9px;font-weight:800;opacity:.65;text-transform:uppercase;letter-spacing:.04em}.status-meta-grid strong{display:block;margin-top:3px;font-size:11px}.zone-neutral{background:linear-gradient(145deg,#e8edf2,#d8e0e8)}.zone-green{background:linear-gradient(145deg,#e2f4df,#b8dfb4)}.zone-yellow{background:linear-gradient(145deg,#fff9a9,#f3e64a)}.zone-orange{background:linear-gradient(145deg,#f8df87,#e8ba4b)}.zone-red{background:linear-gradient(145deg,#ff766b,#ef3b2d);color:white}.zone-black{background:linear-gradient(145deg,#343434,#101010);color:white}.card{background:white}.action-card{border-top:4px solid var(--gold)}.warning-card{background:#fff5d6;border-color:#eedb96;box-shadow:none}.warning-card p{margin:6px 0 0;font-size:13px;line-height:1.45}h2{font-size:18px;margin:0}.page-heading{align-items:center;padding:4px 2px 2px}.page-heading h2{font-size:25px}.intro{font-size:13px;line-height:1.45;color:#526274;margin:7px 0 14px}.pill,.version-chip{font-size:11px;font-weight:900;background:#edf2f6;padding:7px 10px;border-radius:999px}.guidance-list{padding-left:20px;margin:14px 0 8px}.guidance-list li{margin:9px 0;line-height:1.4}.football-details{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.football-details summary{font-weight:850;color:var(--navy)}.details-body{padding:10px 0 0;font-size:13px;line-height:1.45;color:#405268}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.quick-card{border:1px solid var(--line);background:white;border-radius:18px;padding:14px;text-decoration:none;text-align:left;display:flex;flex-direction:column;box-shadow:0 5px 18px rgba(4,31,61,.05);color:var(--ink)}button.quick-card{width:100%}.quick-icon{width:38px;height:38px;border-radius:12px;background:#eaf1f8;color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:950;margin-bottom:9px}.quick-card strong{font-size:14px}.quick-card small{font-size:11px;color:var(--muted);margin-top:3px}.conditions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.conditions-grid div{background:#f5f7f9;border-radius:16px;padding:12px}.conditions-grid span{display:block;font-size:10px;color:var(--muted);font-weight:750}.conditions-grid strong{display:block;margin-top:5px;font-size:19px}.microcopy{font-size:11px;line-height:1.4;color:#718093;margin:12px 0 0}.forecast-strip{display:flex;gap:9px;overflow-x:auto;padding:14px 1px 3px;scrollbar-width:none}.forecast-strip::-webkit-scrollbar{display:none}.forecast-item{min-width:82px;border:1px solid var(--line);border-radius:15px;padding:10px;text-align:center;background:#fafbfd;border-top-width:5px}.forecast-item.green{border-top-color:var(--green)}.forecast-item.yellow{border-top-color:var(--yellow)}.forecast-item.orange{border-top-color:var(--orange)}.forecast-item.red{border-top-color:var(--red)}.forecast-item.black{border-top-color:var(--black)}.forecast-item .time{font-size:11px;color:var(--muted);font-weight:850}.forecast-item .temp{font-size:19px;font-weight:950;margin-top:5px}.forecast-item .tag{font-size:9px;font-weight:950;margin-top:4px}.forecast-placeholder,.empty-state{font-size:13px;color:var(--muted);padding:18px 4px}.forecast-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.mini-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:13px;box-shadow:0 5px 18px rgba(4,31,61,.05)}.mini-card span,.mini-card small{display:block;color:var(--muted);font-size:10px;font-weight:750}.mini-card strong{display:block;font-size:24px;margin:4px 0}.forecast-list{display:flex;flex-direction:column;gap:9px}.forecast-row{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;background:white;border:1px solid var(--line);border-left-width:5px;border-radius:16px;padding:12px}.forecast-row.green{border-left-color:var(--green)}.forecast-row.yellow{border-left-color:var(--yellow)}.forecast-row.orange{border-left-color:var(--orange)}.forecast-row.red{border-left-color:var(--red)}.forecast-row.black{border-left-color:var(--black)}.forecast-row .date{font-size:11px;color:var(--muted);font-weight:750}.forecast-row .hour{font-weight:900}.forecast-row .fwbgt{font-size:21px;font-weight:950}.guidance-card{background:white;border-radius:18px;border:1px solid var(--line);overflow:hidden;margin-bottom:11px;box-shadow:0 5px 18px rgba(4,31,61,.05)}.guidance-head{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;font-weight:950}.guidance-body{padding:13px 15px}.guidance-body ul{margin:0;padding-left:20px}.guidance-body li{margin:7px 0;line-height:1.4;font-size:13px}.guide-green .guidance-head{background:#cfe9c8}.guide-yellow .guidance-head{background:#f8ed64}.guide-orange .guidance-head{background:#ebc857}.guide-red .guidance-head{background:#ef3b2d;color:white}.guide-black .guidance-head{background:#181818;color:white}.settings-card{display:flex;flex-direction:column;gap:12px}.setting-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.setting-row span{display:flex;flex-direction:column}.setting-row small{color:var(--muted);margin-top:3px;line-height:1.3}.setting-row input{width:24px;height:24px}.field-label{font-size:12px;font-weight:850;color:#42566c;margin-top:2px}.select-control,.input-control{width:100%;border:1px solid #ced6df;background:white;border-radius:13px;padding:12px;color:var(--ink)}.primary-button,.secondary-button{border:0;border-radius:13px;padding:12px 14px;font-weight:900}.primary-button{background:var(--navy);color:white}.secondary-button{background:#edf1f5;color:var(--navy)}.install-list{padding-left:22px;margin-bottom:0}.install-list li{margin:8px 0;line-height:1.4}.source-card p{font-size:13px;line-height:1.4}.source-card a{color:#0a5ea8;font-weight:800}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(540px,100%);display:grid;grid-template-columns:repeat(5,1fr);padding:7px 5px calc(7px + env(safe-area-inset-bottom));background:rgba(4,31,61,.98);backdrop-filter:blur(16px);z-index:20}.nav-item{border:0;background:transparent;color:#bdcad7;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px}.nav-icon{font-size:20px}.nav-item>span:last-child{font-size:10px}.nav-item.active{color:white}.modal{display:none;position:fixed;inset:0;z-index:50}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}.modal-sheet{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(540px,100%);background:white;border-radius:24px 24px 0 0;padding:12px 20px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(0,0,0,.22)}.modal-handle{width:42px;height:5px;background:#d2d8de;border-radius:999px;margin:0 auto 18px}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.toast{position:fixed;left:50%;bottom:100px;transform:translateX(-50%) translateY(18px);background:#0d1722;color:white;padding:10px 14px;border-radius:999px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:70;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}code{font-size:11px;background:#f1f3f5;padding:2px 4px;border-radius:5px}
@media(max-width:380px){.topbar{grid-template-columns:54px 1fr 42px}.logo{width:54px;height:54px}.wbgt-value{font-size:58px}h1{font-size:19px}.tagline{display:none}.status-meta-grid{grid-template-columns:1fr}}