/* rr-seismoi CSS (extracted from the cleaned HTML) */
:root{--card:#ffffff;--border:#e5e7eb;--shadow:0 6px 18px rgba(0,0,0,.10);--hero-from:#0f172a;--hero-to:#111827}
.rr-shell{max-width:72rem;margin:auto;padding:0 1rem}
@supports(padding:max(0px)){.rr-shell{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}
*,*::before,*::after{box-sizing:border-box}
body .rr-seismoi-wrap{color:#0b1220;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}

.hero-grid{display:grid;gap:16px}
@media (min-width:768px){
  .hero-grid{grid-template-columns:88px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:start}
  .hero-icon{grid-column:1;grid-row:1/span 2}.hero-head{grid-column:2;grid-row:1}
  .hero-metrics{grid-column:1/span 2;grid-row:2}.hero-actions{grid-column:3;grid-row:1/span 2}
}
.rounded-2xl{border-radius:16px}.rounded-lg{border-radius:10px}.shadow{box-shadow:var(--shadow)}
.p-5{padding:20px}.px-3{padding-left:12px;padding-right:12px}.py-2{padding-top:8px;padding-bottom:8px}
.mt-6{margin-top:24px}.mt-4{margin-top:16px}.mb-6{margin-bottom:24px}
.text-white{color:#fff}.text-slate-300{color:#cbd5e1}.text-sm{font-size:14px}.font-semibold{font-weight:600}
.text-left{text-align:left}.text-right{text-align:right}.underline{text-decoration:underline}
.decoration-white\/40{text-decoration-color:rgba(255,255,255,.4)}.hover\:decoration-white:hover{text-decoration-color:#fff}
.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.grow{flex:1 1 auto}
.h-\[620px\]{height:620px}.bg-gradient-to-br{background:linear-gradient(135deg,var(--hero-from),var(--hero-to))}
.eq-icon{width:76px;height:56px;border-radius:12px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.eq-line{stroke-dasharray:220;stroke-dashoffset:220;animation:draw 2.8s ease-in-out infinite}
@keyframes draw{0%{stroke-dashoffset:220;opacity:.75}50%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-220;opacity:.75}}
@media (prefers-reduced-motion: reduce){ .eq-line{animation:none!important} }
.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:768px){.metrics-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.metric-title{font-size:12px;color:#a8b3cf;display:flex;align-items:center;gap:6px}
.metric-value{font-weight:600;line-height:1.15;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.metric-pill{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:.55rem .75rem}
.metric-pill:hover{background:rgba(255,255,255,.12)}.metric-btn{cursor:pointer}
.rr-btn{cursor:pointer;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);transition:background .15s ease}
.rr-btn:focus{outline:none}.rr-btn:focus-visible{outline:2px solid #93c5fd;outline-offset:3px}
.rr-btn:hover{background:rgba(255,255,255,.20)}
.rr-primary-btn{background:#2563eb;border:none;border-radius:10px;color:#fff;padding:8px 12px;font-size:14px;display:inline-block}
.rr-primary-btn:hover{background:#1e40af}.rr-refresh-wrap{display:flex;justify-content:center;margin:10px 0 14px}
.card{background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:16px;contain:content}
.card h2{margin:0 0 8px 0;font-weight:600;text-align:center}
.sidebar{height:620px;overflow-y:auto;padding-bottom:12px;content-visibility:auto;contain-intrinsic-size:1px 620px}
#depth-legend{display:grid;grid-template-columns:repeat(2,max-content);column-gap:12px;row-gap:2px;align-content:start}
#depth-legend .legend-row{display:flex;align-items:center;gap:8px;margin:2px 0;font-size:13px;color:#334155}
#depth-legend .sw{display:inline-block;width:14px;height:14px;border-radius:3px}
#depth-legend .font-semibold{grid-column:1 / -1;margin-bottom:4px}
.seg{
  background:#eef2f7;border:1px solid #d8dee9;border-radius:9999px;padding:4px;
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%;
}
.seg input[type="radio"]{position:absolute;opacity:0;width:1px;height:1px}
.seg label{display:block}
.seg label span{
  display:block;width:100%;text-align:center;white-space:nowrap;
  padding:6px 0;border-radius:9999px;border:1px solid transparent;font-weight:600;color:#334155
}
.seg input:checked + span{background:#fff;border-color:#cbd5e1;box-shadow:0 1px 0 rgba(0,0,0,.02);color:#0b1220}
input[type="range"]{appearance:none;width:100%;height:4px;border-radius:9999px;background:#e5e7eb;outline:none}
input[type="range"]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:9999px;background:#0b4a77;border:2px solid #e2e8f0;box-shadow:0 1px 2px rgba(0,0,0,.15)}
input[type="range"]::-moz-range-thumb{width:16px;height:16px;border-radius:9999px;background:#0b4a77;border:2px solid #e2e8f0}
#rr-table{table-layout:fixed;width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:14px}
#rr-table thead th{position:sticky;top:0;background:#f7fafc;z-index:1;border-bottom:1px solid var(--border);padding:10px 8px}
#rr-table td{padding:9px 8px;border-bottom:1px solid var(--border)}
#rr-table tbody tr:nth-child(even){background:#fbfdff}
#rr-table tbody tr:hover{background:#edf6ff}
#rr-table tbody tr.active{background:#eaf4ff}
.leaflet-pane .pulse-ring{width:28px;height:28px;margin-left:-14px;margin-top:-14px;border-radius:9999px;position:relative;pointer-events:none}
.pulse-ring::before,.pulse-ring::after{content:"";position:absolute;inset:0;border-radius:9999px;border:3px solid rgba(96,165,250,.9);animation:rr-pulse 2.2s linear infinite}
.pulse-ring::after{animation-delay:.9s}
.leaflet-pane .pulse-ring-selected{width:26px;height:26px;margin-left:-13px;margin-top:-13px;border-radius:9999px;position:relative;pointer-events:none}
.pulse-ring-selected::before,.pulse-ring-selected::after{content:"";position:absolute;inset:0;border-radius:9999px;border:3px solid rgba(0,0,0,.95);animation:rr-pulse 2s linear infinite}
@keyframes rr-pulse{0%{transform:scale(.6);opacity:.85}70%{transform:scale(2.4);opacity:.15}100%{transform:scale(2.8);opacity:0}}
.stack-fix{position:relative;z-index:0}.below-map{position:relative;z-index:1}
@media (max-width:767px){.leaflet-control-attribution{display:none!important}}
.md\:block{display:none}
@media (min-width:768px){
  .md\:block{display:block}
  .md\:w-\[340px\]{width:340px}
  .md\:min-w-\[380px\]{min-width:380px}
  .md\:mb-0{margin-bottom:0}
}
.site-footer{margin:10px 0 0;padding:8px 4px 16px;font-size:14px;color:#475569;text-align:left;white-space:nowrap}
.site-footer b{color:#0b1220}
.site-footer .rr-red{color:#dc2626}
.site-footer .rr-red:hover{color:#b91c1c}
.group-title{display:flex;justify-content:center;font-weight:700;color:#334155;margin:10px 0 6px}
.switches{display:flex;flex-wrap:wrap;gap:18px;justify-content:flex-start;align-items:center;color:#334155;font-size:14px}
.switches label{display:inline-flex;align-items:center;gap:6px;user-select:none}
.ico-16{width:18px;height:18px;display:inline-block;line-height:0}
.ico-16 svg{display:block}
.ico-fault svg{stroke:#f97316;stroke-width:3.2;fill:none}
.ico-plates svg{stroke:#0ea5e9;stroke-width:1.8;fill:none}
.volc-ico svg{display:block;filter:drop-shadow(0 0 1px rgba(0,0,0,.35))}
.eq-star svg{filter:drop-shadow(0 0 1px rgba(0,0,0,.35))}
.justify-between{justify-content:space-between}
.px-1{padding-left:4px;padding-right:4px}
.font-medium{font-weight:600}
#eq-filters .px-1.flex.items-center.justify-between{display:flex;justify-content:space-between;align-items:center;gap:8px}
#eq-filters .px-1.flex.items-center.justify-between span:first-child::after{content:": ";margin-left:4px}
.intl-badge{transform:translate(9px,-9px);filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.intl-badge svg{display:block}
.intl-ico-list{display:inline-block;vertical-align:-2px;margin-left:6px;line-height:0}
@media (max-width: 767px){
  #rr-map, .sidebar{ flex:1 1 100% !important; width:100% !important; }
  .site-footer{ white-space:normal !important; }
  #rr-map.map-interact{ touch-action:none; }
  .leaflet-control-zoom a{ width:44px;height:44px;line-height:44px;font-size:22px }
  .leaflet-control-zoom{ border-radius:12px; box-shadow:var(--shadow) }
}
.map-hint{
  position:absolute; left:50%; bottom:10px; transform:translateX(-50%);
  background:rgba(17,24,39,.8); color:#fff; font-size:12px; padding:6px 10px;
  border-radius:9999px; pointer-events:none; opacity:0; transition:opacity .2s ease;
  box-shadow:0 2px 8px rgba(0,0,0,.25)
}
.map-hint.show{ opacity:.95; }
@media (min-width:768px){ .map-hint{ display:none } }
@media (max-width:767px){
  .leaflet-control-pan{
    display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(3,1fr); gap:4px;
    margin-top:6px;
  }
  .leaflet-control-pan a{
    width:44px; height:44px; line-height:44px; text-align:center; font-weight:700; user-select:none;
  }
  .leaflet-control-pan .pan-up{grid-column:2;grid-row:1}
  .leaflet-control-pan .pan-left{grid-column:1;grid-row:2}
  .leaflet-control-pan .pan-right{grid-column:3;grid-row:2}
  .leaflet-control-pan .pan-down{grid-column:2;grid-row:3}
}
/* Background of site may vary; ensure wrapper works well */
body{background:#f5f7fb}