:root{--surface:#10273b;--canvas:#071625;--ink:#edf4fc;--muted:#a9bed0;--edge:#2c455c;--accent:#8bc9ff;color-scheme:dark}
:root[data-theme=light]{--surface:#fff;--canvas:#f3f6fa;--ink:#142d43;--muted:#4b6479;--edge:#cad6e2;--accent:#075f9e;color-scheme:light}
html,body{background:var(--canvas);color:var(--ink)}button,input,select,summary{min-height:44px}button,a,input,select,summary{outline-offset:3px}input:focus-visible,select:focus-visible{outline:3px solid var(--accent)}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}.eyebrow,.tag,.detail-kicker,.spotlight-eyebrow,.event-category{letter-spacing:.04em;text-transform:none}.page-heading{margin-bottom:24px}.page-heading h1{font-size:30px}.operations{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:24px}.latest-panel{background:var(--surface);border:1px solid var(--edge);border-radius:20px;padding:24px;overflow:hidden}.latest-panel .section-head{margin:0 0 24px;align-items:start;gap:12px}.latest-panel .section-head h2{font-size:16px}.latest-reading{display:grid;grid-template-columns:100px minmax(0,1fr);gap:24px}.latest-number{display:flex;flex-direction:column;gap:5px;border-left:4px solid var(--mag-color);padding-left:14px}.latest-number strong{font-size:52px;line-height:1.1;font-variant-numeric:tabular-nums}.latest-number small,.latest-number span{font-size:12px;color:var(--muted)}.latest-reading h2{font-size:21px;line-height:1.3}.latest-reading p{margin:8px 0;font-size:13px;color:var(--muted)}.event-date .icon{width:16px;height:16px;vertical-align:middle}#home-map{height:220px;margin-top:22px;border-radius:12px;background:var(--canvas);z-index:0}.map-link{display:flex;justify-content:center;align-items:center;gap:10px}.operations-side{display:flex;flex-direction:column;gap:20px}.operations-side .feed-status{margin:0;display:flex;flex-wrap:wrap;background:transparent;padding:0 0 20px;border-bottom:1px solid var(--edge);border-radius:0}.service-link{display:flex;gap:16px;align-items:start;border-bottom:1px solid var(--edge);padding-bottom:20px}.service-link>.icon{color:var(--accent);margin-top:3px}.service-link h2{font-size:18px;margin-bottom:8px}.service-link p{font-size:13px;color:var(--muted);margin:0 0 8px}.service-link small{font-size:12px;color:var(--muted)}.preparation-module h2{font-size:17px}.preparation-module a{display:flex;align-items:center;gap:12px;min-height:48px;font-size:14px}.preparation-module a span{margin-left:auto;color:var(--muted)}.recent-list{border-top:1px solid var(--edge)}.recent-list .event-row{border-radius:0;background:transparent!important;box-shadow:none}.theme-control{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:16px;font-size:12px;color:var(--muted)}.theme-control select{margin:0;width:auto;padding:8px;background:var(--surface);color:var(--ink);border:1px solid var(--edge);border-radius:9px}.map-grid{position:relative;grid-template-columns:minmax(0,1fr) 330px}.map-grid>div:first-of-type{grid-column:1;grid-row:1}.map-grid>div:last-child{grid-column:1;grid-row:2}.event-sheet{grid-column:2;grid-row:1 / span 2;align-self:start;position:sticky;top:20px;max-height:85vh;overflow:auto;padding:20px}.sheet-controls{display:flex;align-items:center;gap:4px;position:sticky;top:-20px;margin:-20px -20px 14px;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--edge);z-index:1}.sheet-controls strong{font-size:12px;margin-right:auto}.sheet-controls button{font-size:12px;padding:8px;min-width:44px}.sheet-closed{display:none}.map-grid:has(.sheet-closed){grid-template-columns:1fr}.event-facts dd{overflow-wrap:anywhere}.event-sheet .detail-art{display:none}.event-sheet .detail-mag{font-size:42px}.event-sheet .detail-top{padding:16px}.event-sheet .event-metrics{gap:10px}.official-state{border-left:3px solid var(--accent);padding:12px 20px;margin:24px 0;background:var(--surface)}.official-state p{color:var(--muted);font-size:14px}.simulation-ribbon{position:sticky;top:0;z-index:2;background:#6f1727;color:#fff;padding:14px 8px;letter-spacing:0;font-size:12px}.test-screen .event-facts{text-align:left;font-size:13px}.test-screen .event-facts dd{color:var(--ink)}.test-screen-art .seismic-art{height:100px}.test-card{min-height:126px}.test-cards{gap:12px}.update-notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:1500;max-width:calc(100% - 32px);padding:12px 16px;border:1px solid var(--edge);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 8px 30px #0004;display:flex;align-items:center;gap:12px}.update-notice button{color:var(--accent)}.leaflet-control-zoom a{width:44px!important;height:44px!important;line-height:44px!important}.text-button{display:inline-flex;align-items:center;min-height:44px}.event-row{min-width:0}.event-text{min-width:0}.event-text strong{overflow-wrap:anywhere}.note{line-height:1.6}.primary{color:#fff;background:#086bbc}.sidebar,.card,.guide-card,dialog,.event-list-card,.alerts-summary,.notification-card,.install-card,.test-settings{border-color:var(--edge)}
[data-theme=light] .sidebar,[data-theme=light] header,[data-theme=light] #mobile-nav{background:#fff;color:var(--ink)}
[data-theme=light] .card,[data-theme=light] .guide-card,[data-theme=light] dialog,[data-theme=light] .action,[data-theme=light] .alerts-summary,[data-theme=light] .test-card,[data-theme=light] .notification-card,[data-theme=light] .install-card,[data-theme=light] .test-settings,[data-theme=light] .magnitude-legend,[data-theme=light] .feed-status,[data-theme=light] .location,[data-theme=light] .chip,[data-theme=light] .device-status,[data-theme=light] .test-screen,[data-theme=light] .step,[data-theme=light] .contact,[data-theme=light] .event-row{background:var(--surface);color:var(--ink);border-color:var(--edge);box-shadow:none}
[data-theme=light] .demo-banner,[data-theme=light] .tag,[data-theme=light] .status-lozenge,[data-theme=light] .nav-item.active,[data-theme=light] .chip.selected{background:#e4effa;color:#175889;border-color:#aac8e0}
[data-theme=light] .subtitle,[data-theme=light] .note,[data-theme=light] .event-meta,[data-theme=light] .test-card-text span,[data-theme=light] .test-card-text small,[data-theme=light] .alerts-summary p,[data-theme=light] .install-card p,[data-theme=light] .test-settings small,[data-theme=light] .demo-banner strong,[data-theme=light] .event-facts dt,[data-theme=light] .event-category,[data-theme=light] .event-category span,[data-theme=light] .eyebrow,[data-theme=light] .guide-card p,[data-theme=light] .test-screen p,[data-theme=light] .test-screen small,[data-theme=light] .magnitude-legend p,[data-theme=light] .side-bottom p,[data-theme=light] nav .nav-item{color:var(--muted)}
[data-theme=light] .text-button,[data-theme=light] .source,[data-theme=light] .legend-heading,[data-theme=light] .detail-kicker{color:var(--accent)}
[data-theme=light] input,[data-theme=light] select{background:#fff;color:var(--ink);border-color:var(--edge)}
[data-theme=light] .detail-top,[data-theme=light] .number,[data-theme=light] .event-mag,[data-theme=light] .magnitude-range,[data-theme=light] .detail-band{color:var(--ink);background:#f0f4f8;border-color:var(--mag-color)}
[data-theme=light] .magnitude-swatches b,[data-theme=light] .magnitude-swatches small,[data-theme=light] .event-facts dd,[data-theme=light] .event-metrics strong{color:var(--ink)}
@media(max-width:1100px){.operations{grid-template-columns:minmax(0,1fr)}.operations-side{display:grid;grid-template-columns:1fr 1fr}.operations-side .feed-status{grid-column:1 / -1}.map-grid{grid-template-columns:minmax(0,1fr) 300px}.breadcrumb{display:none}}
@media(max-width:800px){header{flex-wrap:wrap;height:auto;min-height:70px;padding-top:env(safe-area-inset-top)}.theme-control{margin:4px 0 4px auto}.theme-control>span{position:absolute;clip-path:inset(50%)}.theme-control select{max-width:100px;font-size:12px}header .location{margin:0 0 8px auto}.operations-side{display:flex}.latest-panel{padding:18px;border-radius:16px}.latest-reading{grid-template-columns:82px minmax(0,1fr);gap:15px}.latest-number strong{font-size:44px}.latest-reading h2{font-size:18px}.latest-panel .section-head{flex-wrap:wrap;gap:8px;margin-bottom:18px}#home-map{height:190px}.map-grid{display:block}.event-sheet{position:fixed;z-index:1100;left:8px;right:8px;bottom:calc(72px + env(safe-area-inset-bottom));max-height:43dvh;border-radius:20px 20px 10px 10px;box-shadow:0 -12px 36px #0004;overscroll-behavior:contain}.event-sheet.expanded{max-height:78dvh}.sheet-controls{top:-20px}.map-grid>div:last-child{margin-top:20px}.event-sheet #event-detail h2{font-size:18px}.event-sheet .detail-top{padding:10px 14px}.event-sheet .detail-mag{font-size:32px}.event-sheet .event-metrics{margin:12px 0}.page-heading h1{font-size:27px}.latest-panel .map-link{font-size:13px}.update-notice{bottom:calc(82px + env(safe-area-inset-bottom));width:calc(100% - 24px)}.simulation-ribbon{font-size:11px}.test-screen{padding-top:8px}.test-screen h2{font-size:25px}.test-screen .event-facts{display:block}.test-screen .event-facts dd{margin:4px 0 14px}.recent-list .event-row{padding:16px 4px}main{padding-bottom:24px}.sheet-closed{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
[data-theme=light] .mag-badge,[data-theme=light] .mag-badge .number,[data-theme=light] .magnitude-range,[data-theme=light] .event-metrics,[data-theme=light] .detail-mag{color:var(--ink)}
[data-theme=light] .mag-badge{background:#f0f4f8;border-color:var(--mag-color);box-shadow:inset 4px 0 var(--mag-color)}
[data-theme=light] .mag-badge small,[data-theme=light] .feed-status small,[data-theme=light] .device-status span,[data-theme=light] .progress-label,[data-theme=light] .empty,[data-theme=light] .empty p,[data-theme=light] .contact small,[data-theme=light] .install-steps span,[data-theme=light] .filter-label,[data-theme=light] .legend-heading small{color:var(--muted)}
[data-theme=light] .install-card strong,[data-theme=light] .test-card-text strong,[data-theme=light] .device-status strong,[data-theme=light] .feed-status strong,[data-theme=light] .install-steps b,[data-theme=light] .step strong,[data-theme=light] .checklist label{color:var(--ink)}
[data-theme=light] .install-card button,[data-theme=light] .notification-icon,[data-theme=light] .source-note{color:var(--accent)}
@media(min-width:801px) and (max-width:1100px){.map-grid{grid-template-columns:1fr}.event-sheet{grid-column:1;grid-row:2;position:static;max-height:600px}.map-grid>div:last-child{grid-row:3}}
/* Event records: a single theme-aware component, shared by home and map. */
.quake-record{--record-accent:var(--mag-color);--record-surface:#0e2436;--record-text:#eaf3fb;--record-muted:#a8bdd0}
[data-theme=light] .quake-record{--record-accent:var(--mag-light);--record-surface:#fff;--record-text:#172f43;--record-muted:#50667a}
button.quake-record.magnitude-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:20px;width:100%;margin:0 0 14px;padding:24px 22px;text-align:left;border:1px solid var(--edge);border-top:3px solid var(--mag-color);border-left:1px solid var(--edge);border-radius:18px;background:var(--record-surface);box-shadow:0 4px 16px #0000000b;color:var(--record-text);transition:border-color .15s,transform .15s}
button.quake-record.magnitude-card:hover,button.quake-record.magnitude-card.selected{border-color:var(--record-accent);background:var(--record-surface);box-shadow:0 0 0 1px var(--record-accent)}
button.quake-record .mag-badge{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;width:auto;min-height:0;padding:0 18px 0 0;border:0;border-right:1px solid var(--edge);border-radius:0;background:transparent;box-shadow:none;color:var(--record-accent)}
button.quake-record .mag-badge .number{display:block;width:auto;height:auto;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--record-accent);font-size:42px;line-height:1.1;font-weight:750;letter-spacing:-1.8px;font-variant-numeric:tabular-nums}
button.quake-record .mag-badge>small{font-size:10px;letter-spacing:.02em;color:var(--record-muted)}
button.quake-record .mag-badge>.icon{width:45px;height:25px;margin:4px 0;color:var(--record-accent)}
button.quake-record .record-band{font-size:11px;color:var(--record-accent);font-weight:650;white-space:nowrap}
button.quake-record .event-text{display:flex;flex-direction:column;gap:10px;min-width:0}
button.quake-record .event-category{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:10px;line-height:1.3;letter-spacing:.01em;color:var(--record-accent);margin:0;text-transform:none}
button.quake-record .event-category>span{font-size:9px;color:var(--record-muted);padding:2px 5px;background:var(--canvas);border-radius:4px}
button.quake-record .event-text>strong{display:block;font-size:17px;font-weight:650;line-height:1.4;color:var(--record-accent);letter-spacing:-.25px;margin:0;overflow-wrap:anywhere}
button.quake-record .event-meta{display:flex;gap:6px;align-items:center;line-height:1.5;font-size:12px;color:var(--record-muted);margin:0}
button.quake-record .event-meta>.icon{width:16px;height:16px;flex-shrink:0;color:var(--record-muted)}
button.quake-record .record-time{align-items:flex-start}button.quake-record .record-time>.icon{margin-top:2px}
button.quake-record .record-time small{display:block;font-size:10px;color:var(--record-muted)}
button.quake-record .record-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid var(--edge)}
button.quake-record .record-open{font-size:11px;color:var(--record-accent);font-weight:650;white-space:nowrap}
.recent-list{border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.recent-list button.quake-record{margin:0}
.event-list button.quake-record{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:18px 14px}.event-list button.quake-record .mag-badge .number{font-size:35px}.event-list button.quake-record .event-text>strong{font-size:15px}
.latest-reading{--record-accent:var(--mag-color)}[data-theme=light] .latest-reading{--record-accent:var(--mag-light)}.latest-reading .latest-number strong,.latest-reading h2{color:var(--record-accent)}
.detail-top .detail-mag{color:var(--mag-color)}[data-theme=light] .detail-top .detail-mag{color:var(--mag-light)}
@media(max-width:1100px){.recent-list{grid-template-columns:1fr}}
@media(max-width:430px){button.quake-record.magnitude-card{grid-template-columns:72px minmax(0,1fr);gap:15px;padding:19px 16px;border-radius:15px}.quake-record .mag-badge{padding-right:13px}button.quake-record .mag-badge .number{font-size:37px}button.quake-record .event-text>strong{font-size:16px}}