:root{color-scheme:dark;--bg:#081321;--panel:#101f31;--panel2:#14263a;--line:#20364d;--text:#edf5ff;--muted:#91a4b9;--blue:#38bdf8;--red:#fb6474;--yellow:#f5c15d;--green:#4ade80}*{box-sizing:border-box}body{margin:0;background:#050d17;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.app-shell{max-width:520px;min-height:100dvh;margin:auto;background:var(--bg);position:relative;padding-bottom:88px;box-shadow:0 0 60px #0008}.topbar{height:72px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0b;position:sticky;top:0;background:#081321ed;backdrop-filter:blur(16px);z-index:5}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#123b5a,#0c2238);display:grid;place-items:center;color:var(--blue);font-size:30px;font-weight:700}.brand-name{font-size:15px;font-weight:850;letter-spacing:1.3px}.brand-name span{color:var(--blue)}.brand-sub,.eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:750}.brand-sub{font-size:8px;margin-top:3px}.icon-btn{border:1px solid var(--line);background:var(--panel);color:#dceafa;width:39px;height:39px;border-radius:13px;font-size:21px;position:relative}.dot{position:absolute;width:7px;height:7px;background:var(--red);border-radius:50%;right:8px;top:8px}main{padding:23px 20px 25px}.page{display:none;animation:fade .2s ease}.page.active{display:block}@keyframes fade{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}.greeting{display:flex;justify-content:space-between;align-items:flex-start;margin:7px 0 21px}h1{font-size:29px;line-height:1.13;letter-spacing:-.9px;margin:8px 0 0;font-weight:800}h1 span{color:var(--blue)}h2{font-size:17px;letter-spacing:-.3px;margin:5px 0 0}.live-pill{font-size:9px;font-weight:800;letter-spacing:1px;color:var(--green);border:1px solid #246345;background:#102c26;padding:7px 9px;border-radius:20px;margin-top:5px}.live-pill i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px}.location-card{display:flex;align-items:center;gap:11px;padding:13px 14px;background:linear-gradient(100deg,#122a40,#102033);border:1px solid #24415a;border-radius:15px;margin-bottom:27px}.pin{height:34px;width:34px;border-radius:11px;background:#193b55;color:var(--blue);display:grid;place-items:center;font-size:21px}.loc-copy{display:flex;flex:1;flex-direction:column;gap:3px}.loc-copy small{font-size:8px;letter-spacing:1.1px;color:var(--muted);font-weight:700}.loc-copy strong{font-size:12px}.change-link,.text-btn{border:0;background:none;color:var(--blue);font-size:11px;font-weight:700}.section-head{display:flex;justify-content:space-between;align-items:end;margin:0 0 13px}.section-head h2{font-size:17px}.muted{color:var(--muted)}.tiny{font-size:9px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:27px}.status-card{padding:14px 13px 13px;border-radius:16px;border:1px solid var(--line);background:var(--panel);min-width:0}.status-card.quake{background:linear-gradient(145deg,#251b2b,#151e2c);border-color:#51303e}.status-card.weather{background:linear-gradient(145deg,#202a2e,#142334);border-color:#3e4850}.status-top{display:flex;justify-content:space-between;align-items:center}.status-icon{font-size:21px;color:var(--blue)}.quake .status-icon{color:var(--red)}.status-tag{font-size:8px;letter-spacing:1.2px;font-weight:850}.status-tag.neutral{color:#ff9aa5}.status-tag.yellow{color:var(--yellow)}.status-value{display:block;font-size:32px;letter-spacing:-1.2px;margin:12px 0 1px}.status-value small{font-size:14px;color:var(--muted)}.status-value.word{font-size:23px;margin-top:17px}.status-desc,.status-foot{font-size:10px;color:var(--muted)}.status-foot{font-size:9px;margin-top:10px;padding-top:9px;border-top:1px solid #ffffff12}.feed{display:flex;flex-direction:column;gap:9px}.feed-item{display:flex;gap:12px;align-items:flex-start;padding:13px;background:var(--panel);border:1px solid var(--line);border-radius:14px;cursor:pointer}.feed-icon{flex:0 0 36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:19px;background:#34202a;color:var(--red)}.feed-icon.weather{background:#352d1b;color:var(--yellow)}.feed-content{min-width:0;flex:1}.feed-title{font-size:12px;font-weight:750;line-height:1.35}.feed-sub{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.45}.feed-time{font-size:9px;color:#71869d;white-space:nowrap}.feed-arrow{color:#6d8299;font-size:18px}.disclaimer{display:flex;gap:9px;background:#152538;border:1px solid #29405a;border-radius:12px;padding:11px;margin-top:18px;color:#a9bfd4}.disclaimer span{color:var(--blue);font-size:15px}.disclaimer p{font-size:9px;line-height:1.5;margin:0}.disclaimer b{color:#d9e9f8}.page-title{margin:8px 0 22px}.page-title p{font-size:11px;color:var(--muted);margin:8px 0 0}.filter-row{display:flex;gap:8px;margin-bottom:15px}.filter{border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--muted);padding:8px 13px;font-size:10px}.filter.active{background:#12344c;border-color:#23658a;color:#8bdcff}.weather-hero{border:1px solid #28435a;border-radius:19px;padding:19px;background:radial-gradient(circle at 85% 25%,#24445a 0,#172b40 34%,#112236 75%);display:flex;justify-content:space-between;min-height:185px;margin-bottom:26px}.weather-temp{font-size:65px;font-weight:750;letter-spacing:-4px;margin-top:8px}.weather-temp span{font-size:34px;color:var(--blue);vertical-align:top}.weather-label{font-size:14px;font-weight:700}.weather-meta{font-size:9px;color:#a7bbce;margin-top:10px}.weather-meta b{padding:0 5px;color:var(--blue)}.weather-art{font-size:65px;align-self:center;filter:drop-shadow(0 10px 12px #0005)}.alert-empty{text-align:center;padding:28px 20px;border:1px dashed #29435a;border-radius:16px;background:#0d1b2b}.empty-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#123528;color:var(--green);font-size:22px;margin:0 auto 12px}.alert-empty strong{font-size:12px}.alert-empty p{font-size:10px;color:var(--muted);line-height:1.5;max-width:240px;margin:8px auto 0}.settings-group{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:0 14px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #ffffff10}.setting-row:last-child{border-bottom:0}.setting-row strong{font-size:11px;display:block}.setting-row small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.outline-btn{background:#132a3e;color:#8bdcff;border:1px solid #2a4c67;border-radius:9px;padding:8px 10px;font-size:9px;white-space:nowrap}.switch{position:relative;width:39px;height:22px;flex:0 0 39px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;border-radius:20px;background:#34465a;transition:.2s}.switch span:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#d6e2ee;transition:.2s}.switch input:checked+span{background:#087eaa}.switch input:checked+span:before{transform:translateX(17px);background:white}.about-card{display:flex;align-items:center;gap:11px;margin-top:19px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#0d1b2b}.about-logo{width:35px;height:35px;border-radius:10px;background:#14354e;color:var(--blue);display:grid;place-items:center;font-size:25px}.about-card strong,.about-card small{display:block}.about-card strong{font-size:11px}.about-card small{font-size:9px;color:var(--muted);margin-top:4px}.version{margin-left:auto;color:#73889d;font-size:9px}.bottom-nav{position:fixed;z-index:6;bottom:0;left:50%;transform:translateX(-50%);width:min(520px,100%);height:76px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;background:#0b1928f2;border-top:1px solid #20364d;backdrop-filter:blur(18px)}.nav-item{flex:1;border:0;background:none;color:#71869b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.nav-item span{font-size:21px;line-height:1.1}.nav-item small{font-size:9px;font-weight:650}.nav-item.active{color:var(--blue)}.nav-item.active span{filter:drop-shadow(0 0 7px #38bdf855)}.toast{position:fixed;bottom:92px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#e3f5ff;color:#0b2235;padding:10px 15px;border-radius:10px;font-size:11px;font-weight:700;transition:.2s;z-index:20;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:#000a;display:none;align-items:end;justify-content:center;z-index:30}.modal-backdrop.open{display:flex}.modal{width:min(520px,100%);background:#102033;border:1px solid #29445d;border-radius:22px 22px 0 0;padding:25px 22px calc(22px + env(safe-area-inset-bottom));position:relative}.modal h2{font-size:20px;margin:8px 0}.modal p{font-size:12px;color:#b0c1d2;line-height:1.6}.modal-note{padding:10px;background:#182c40;border-radius:9px;color:#a8bfd3;font-size:9px;line-height:1.5;margin:15px 0}.modal-close{position:absolute;right:17px;top:13px;background:none;border:0;color:#9db1c5;font-size:25px}.primary-btn{width:100%;border:0;border-radius:11px;padding:12px;background:#087eaa;color:white;font-weight:750}.empty-feed{padding:20px;text-align:center;color:var(--muted);font-size:11px}@media(min-width:600px){body{padding:22px 0}.app-shell{border:1px solid #1b3044;border-radius:25px;overflow:hidden;min-height:calc(100dvh - 44px)}.bottom-nav{bottom:22px;border-radius:0 0 25px 25px}.topbar{border-radius:25px 25px 0 0}}