:root{color-scheme:dark;--bg:#09111e;--panel:#111e30;--line:#24334a;--muted:#93a6bf;--text:#f3f7ff;--accent:#ff7664}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 85% 450px at 50% -150px,#162b43 0,transparent 85%),var(--bg);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--text);font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.container{width:min(1500px,calc(100% - 56px));margin:auto}.site-header{height:78px;border-bottom:1px solid #26374a;background:rgba(10,20,34,.9);position:relative;z-index:1001}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:22px}.logo{font-weight:850;letter-spacing:-1.2px;font-size:24px;white-space:nowrap}.logo>span:not(.logo-mark){color:#c7d6e9}.logo i,.logo-mark{color:var(--accent);font-style:normal}.logo-mark{font-size:34px;margin-right:6px}.desktop-nav{display:flex;gap:30px;color:#b3c1d3;font-size:13px}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:#fff}.header-right{display:flex;align-items:center;gap:14px}.header-live,.source-pill{border:1px solid #275247;border-radius:99px;background:#14332f;color:#a0ebcb;padding:10px 14px;font-size:12px;white-space:nowrap}.live-dot,.source-indicator{display:inline-block;width:7px;height:7px;border-radius:50%;background:#46e2a2;box-shadow:0 0 12px #46e2a2;margin-right:7px}.live-dot.dim{background:#f5ad61;box-shadow:none}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}.mobile-nav{position:absolute;top:78px;left:0;right:0;padding:20px 28px;background:#122034;border-bottom:1px solid var(--line)}.mobile-nav:not([hidden]){display:grid;gap:17px}.intro{padding:55px 0 30px;display:flex;justify-content:space-between;align-items:end;gap:32px}.kicker,.section-kicker{color:#ff907e;letter-spacing:2px;font-size:10px;font-weight:800}.kicker-line{display:inline-block;width:21px;height:2px;background:var(--accent);vertical-align:middle;margin-right:7px}.intro h1{font-size:clamp(33px,4vw,60px);line-height:1.12;letter-spacing:-2.7px;margin:16px 0}.intro h1 span{color:var(--accent)}.intro p{max-width:660px;color:var(--muted);line-height:1.8;font-size:14px;margin:0}.intro-meta{display:grid;justify-items:end;gap:14px;color:var(--muted);font-size:11px;padding-bottom:7px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:12px 0 22px}.metric,.surface{background:linear-gradient(155deg,#15243a,#101c2d);border:1px solid var(--line);border-radius:17px}.metric{padding:23px 24px;min-height:151px}.metric-head{display:flex;justify-content:space-between;align-items:center;color:#9eb0c8;font-size:10px;letter-spacing:1px;font-weight:700}.metric-icon{color:var(--accent);font-size:22px}.metric strong{font-size:38px;letter-spacing:-1px;display:block;margin:11px 0 4px;line-height:1}.metric small{color:var(--muted);font-size:11px}.metric-unit{font-size:17px;color:var(--muted)}.metric strong.metric-time{font-size:30px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.12fr) minmax(330px,.9fr);gap:18px}.surface{overflow:hidden;min-width:0}.section-head{padding:23px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h2{font-size:21px;letter-spacing:-.5px;margin:7px 0 5px}.section-head p{color:var(--muted);font-size:12px;margin:0}.secondary-button{background:#1e3046;border:1px solid #344b64;color:#e6f1ff;border-radius:10px;padding:11px 14px;white-space:nowrap}.secondary-button:hover{border-color:#ff7664}.filter-bar{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:10px;padding:0 22px 18px}.filter-bar label{display:grid;gap:7px;color:#9daec6;font-size:11px}.filter-bar select,.filter-bar input{width:100%;min-width:0;background:#0b1728;color:#f3f7ff;border:1px solid #34455f;border-radius:9px;padding:12px;outline:none}.filter-bar select:focus,.filter-bar input:focus{border-color:#ff7664}.map-shell{position:relative;isolation:isolate;overflow:hidden}#map{width:100%;height:580px;background:#182535;position:relative;z-index:0}.leaflet-container{font-family:inherit!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#122136!important;color:#f5f7fc!important}.leaflet-popup-content a{color:#ff9a8b}.map-legend{position:absolute;z-index:500;bottom:17px;left:18px;display:flex;gap:12px;flex-wrap:wrap;padding:11px 14px;background:rgba(12,23,38,.9);border:1px solid #34455c;border-radius:9px;font-size:10px;color:#d7e3f2}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.legend-dot.low{background:#45c9c6}.legend-dot.mid{background:#fbbf65}.legend-dot.high{background:#fb765e}.legend-dot.critical{background:#f43f5e}.map-bottom{display:flex;justify-content:space-between;gap:15px;padding:15px 20px;color:var(--muted);font-size:11px}.map-unavailable{display:grid;place-items:center;height:100%;padding:30px;color:#c3d3e8}.side-panel{display:flex;flex-direction:column}.side-head{border-bottom:1px solid var(--line)}.count-pill{padding:8px 12px;border-radius:9px;background:#26364b;color:#bcd0e8}.quake-list{max-height:675px;overflow:auto;flex:1}.quake-row{width:100%;border:0;border-bottom:1px solid #26364a;background:transparent;color:inherit;display:flex;align-items:center;gap:13px;padding:16px 18px;text-align:left}.quake-row:hover{background:#1a2b41}.quake-row[hidden]{display:none}.quake-mag{display:grid;place-items:center;min-width:54px;height:50px;border-radius:11px;font-weight:800;font-size:17px;background:#193e41;color:#67dcd1}.quake-mag.medium{background:#3b3429;color:#ffca76}.quake-mag.strong{background:#4a2e2e;color:#ff957f}.quake-mag.critical{background:#512639;color:#ff7691}.quake-info{min-width:0;flex:1}.quake-info strong{font-size:13px;line-height:1.5;display:block;overflow-wrap:anywhere}.quake-info small{font-size:11px;color:#90a4bf;line-height:1.7;display:block;margin-top:4px}.quake-arrow{color:#7288a3;font-size:19px}.panel-link{display:flex;justify-content:space-between;padding:19px 22px;border-top:1px solid var(--line);color:#ff9685;font-weight:700;font-size:12px}.empty-state{padding:26px;color:var(--muted);line-height:1.6}.insights-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin:18px 0}.insight{min-height:290px}.activity-chart{height:175px;display:flex;align-items:end;justify-content:space-around;gap:14px;padding:10px 25px 25px}.chart-col{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:6px}.chart-value,.chart-label{color:#a9bad0;font-size:10px}.chart-bar{width:70%;max-width:58px;min-height:3px;border-radius:7px 7px 2px 2px;background:linear-gradient(#ff9b7f,#f36a63)}.source-list{padding:0 24px}.source-item{display:flex;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.source-item small{color:var(--muted);font-size:11px}.text-link{display:block;color:#ff9a88;padding:18px 24px}.city-cta{background:linear-gradient(110deg,#1b2e46,#152338);border:1px solid #34445b;border-radius:17px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0 25px}.city-cta h2{font-size:25px;letter-spacing:-.6px;margin:10px 0}.city-cta p{max-width:700px;color:var(--muted);line-height:1.7}.primary-button{background:#ff7864;color:#101a28;padding:14px 21px;border-radius:10px;font-weight:800;white-space:nowrap}.disclaimer{color:#8497af;font-size:12px;line-height:1.8;margin:24px 0 40px}.site-footer{border-top:1px solid var(--line);padding:26px 0;color:#8fa3bc;font-size:11px}.footer-inner{display:flex;justify-content:space-between;gap:25px}.inner-page{padding:55px 0 80px;min-height:65vh}.inner-page h1{font-size:clamp(30px,3.5vw,48px);letter-spacing:-1.5px}.inner-page>p{color:var(--muted);line-height:1.8;max-width:850px}.province-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}.province-grid a{background:var(--panel);border:1px solid var(--line);padding:16px;border-radius:10px}.province-grid a:hover{border-color:var(--accent)}.data-table{width:100%;border-collapse:collapse}.data-table td,.data-table th{padding:14px;border-bottom:1px solid var(--line);text-align:left}.data-table th{color:#9fb1c9;font-size:12px}.data-wrap{overflow:auto}.page-filters{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.page-filters select,.page-filters button{padding:12px;border:1px solid #354a63;background:#142238;color:white;border-radius:8px}.page-filters button{background:#ff7864;color:#101a28;font-weight:800}.pagination{display:flex;gap:18px;margin:22px 0}.pagination a{color:#ff9887}.pill{color:#8fe0bd}.notice-box{border:1px solid var(--line);background:var(--panel);padding:20px;border-radius:12px;color:#b2c2d6;line-height:1.8;margin:22px 0}.leaflet-control-attribution{font-size:10px!important}@media(max-width:1120px){.desktop-nav{gap:14px}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}.intro-meta{display:none}.metric{padding:18px}.metric strong{font-size:30px}}@media(max-width:850px){.desktop-nav{display:none}.menu-toggle{display:block}.dashboard-grid,.insights-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.quake-list{max-height:500px}.province-grid{grid-template-columns:repeat(3,1fr)}#map{height:470px}.footer-inner{flex-direction:column}}@media(max-width:560px){.container{width:calc(100% - 28px)}.site-header{height:66px}.header-inner{gap:8px}.logo{font-size:19px}.logo-mark{font-size:25px}.header-live{font-size:0;padding:9px}.header-live .live-dot{margin:0}.mobile-nav{top:66px}.intro{padding:35px 0 22px}.intro h1{letter-spacing:-1.3px}.metric-grid{gap:9px}.metric{min-height:118px;padding:14px}.metric strong{font-size:29px}.metric strong.metric-time{font-size:25px}.metric-head{font-size:9px}.section-head{padding:17px}.section-head h2{font-size:18px}.secondary-button{font-size:11px;padding:10px}.filter-bar{grid-template-columns:1fr 1fr;padding:0 12px 12px}.filter-bar label:last-child{grid-column:span 2}#map{height:390px}.map-legend{left:8px;right:8px;bottom:8px;gap:8px;padding:8px}.map-bottom{display:grid;padding:12px}.city-cta{flex-direction:column;align-items:start;padding:23px}.province-grid{grid-template-columns:repeat(2,1fr)}.source-item{flex-direction:column}}