@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080d16;--panel:#101927;--panel2:#121f30;--line:#243247;--muted:#8292a8;--text:#e7edf6;--blue:#3b82f6;--green:#22c55e;--mono:'DM Mono',monospace}
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Manrope,'Noto Sans KR',sans-serif;min-width:320px}button,select{font:inherit}button{cursor:pointer}.topbar{height:70px;padding:0 34px;background:#0d1522;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none}.brand-mark{font-size:34px;color:#ef4444;line-height:1}.brand strong{display:block;font-size:13px;letter-spacing:1.6px}.brand small{display:block;margin-top:4px;color:var(--muted);font:9px var(--mono);letter-spacing:1.1px}.topbar-right{display:flex;align-items:center;gap:22px}.feed-state{display:flex;align-items:center;gap:9px;color:#4ade80;font:10px var(--mono);letter-spacing:1px}.live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 12px #22c55e;animation:pulse 1.7s infinite}.utc-clock{color:#8c9bb0;font:10px var(--mono)}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:7px;background:#152235;color:#aebbd0;font-size:17px}.dashboard{max-width:1800px;margin:auto;padding:28px 32px 24px}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.eyebrow{font:9px var(--mono);letter-spacing:1.5px;color:#6e88a8;margin-bottom:8px}.page-heading h1{font-size:24px;letter-spacing:-.7px}.page-heading p{font-size:12px;color:var(--muted);margin-top:6px}.updated{text-align:right}.updated span{display:block;color:var(--muted);font-size:10px}.updated strong{display:block;font:13px var(--mono);margin-top:6px;color:#d8e3f2}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.stat-card,.panel{background:linear-gradient(145deg,#111c2b,#0f1927);border:1px solid var(--line);border-radius:9px}.stat-card{padding:17px 19px;min-height:112px}.stat-label{display:flex;justify-content:space-between;color:#a8b5c8;font-size:11px}.stat-icon{color:#60a5fa;font-size:16px}.stat-icon.orange{color:#fb923c}.stat-icon.red{color:#f87171}.stat-icon.purple{color:#c084fc}.stat-card>strong{display:block;font:700 27px var(--mono);margin:8px 0 4px;letter-spacing:-1px}.stat-card>small{font:9px var(--mono);letter-spacing:1px;color:#71839b}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:15px}.panel{overflow:hidden}.panel-head{min-height:68px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head .eyebrow{margin-bottom:5px}.panel-head h2{font-size:12px;letter-spacing:1.1px}.map-actions{display:flex;align-items:center;gap:13px}.map-count,.subtle-label{font:9px var(--mono);color:#8da0b8;letter-spacing:.7px}.primary-button,.secondary-button{border-radius:5px;padding:9px 13px;font-size:10px;font-weight:700;border:1px solid transparent}.primary-button{background:#1d4ed8;color:white}.primary-button:hover{background:#2563eb}.primary-button:disabled{opacity:.55;cursor:wait}.secondary-button{background:#17263a;border-color:#31435d;color:#c4d0e0}.secondary-button:hover{background:#20334d}.filterbar{min-height:49px;display:flex;align-items:center;gap:17px;padding:8px 16px;border-bottom:1px solid var(--line);background:#0e1826}.filterbar label{display:flex;align-items:center;gap:7px;color:#91a1b7;font-size:10px}.filterbar select,.setting-field select{background:#152338;border:1px solid #2a3c54;color:#d9e3f1;border-radius:4px;padding:6px 25px 6px 8px;font-size:10px;outline:none}.toggle-label{margin-left:auto;cursor:pointer}.toggle-label input{position:absolute;opacity:0}.toggle{width:26px;height:14px;border-radius:20px;background:#34445a;position:relative;transition:.2s}.toggle:after{content:"";position:absolute;width:10px;height:10px;left:2px;top:2px;border-radius:50%;background:#cbd5e1;transition:.2s}.toggle-label input:checked+.toggle{background:#1d4ed8}.toggle-label input:checked+.toggle:after{transform:translateX(12px);background:white}#map{height:570px;background:#0b1421}.leaflet-container{background:#0b1421;font-family:Manrope,'Noto Sans KR',sans-serif}.leaflet-control-zoom a{background:#142237!important;color:#dce7f5!important;border-color:#34455c!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#101c2b;color:#e6edf6}.leaflet-popup-content{font-size:11px;line-height:1.7}.leaflet-popup-content strong{font:700 15px var(--mono)}.leaflet-popup-content a{color:#60a5fa}.quake-marker{background:transparent;border:0}.quake-dot{display:block;border-radius:50%;border:1.5px solid rgba(255,255,255,.8);box-shadow:0 0 8px currentColor;position:relative}.quake-dot.wave:after{content:"";position:absolute;inset:-3px;border:1px solid currentColor;border-radius:50%;animation:ripple 2.6s ease-out infinite}.map-footer{padding:12px 16px 13px;border-top:1px solid var(--line)}.legend-title{font:9px var(--mono);color:#71839b;letter-spacing:1px;margin-bottom:9px}.legend{display:flex;flex-wrap:wrap;gap:13px}.legend span{display:flex;align-items:center;gap:5px;color:#a8b5c8;font:9px var(--mono)}.legend i{width:7px;height:7px;border-radius:50%;background:var(--c)}.map-hint{display:block;color:#63758d;font-size:9px;margin-top:9px}.events-panel{min-height:690px}.live-tag{font:9px var(--mono);color:#4ade80;border:1px solid #245b43;padding:4px 7px;border-radius:3px}.event-summary{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#0d1724;border-bottom:1px solid var(--line)}.event-summary strong{font-size:10px}.event-summary span{font-size:9px;color:#71839b}.event-list{height:615px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#34445a transparent}.event-item{padding:12px 14px;border-bottom:1px solid rgba(39,55,77,.75);cursor:pointer;transition:background .15s}.event-item:hover,.event-item:focus{background:#19283b;outline:none}.event-top{display:flex;align-items:center;gap:9px}.event-mag{font:700 13px var(--mono);min-width:44px}.event-location{font-size:10px;line-height:1.45;color:#d7e1ef}.event-meta{display:flex;justify-content:space-between;gap:8px;margin:7px 0 0 53px;color:#74869e;font:9px var(--mono)}.loading-state,.empty-state{padding:30px 15px;text-align:center;color:#7f90a7;font-size:11px}.spinner{display:block;width:18px;height:18px;border:2px solid #34445a;border-top-color:#60a5fa;border-radius:50%;margin:0 auto 10px;animation:spin .8s linear infinite}.lower-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:15px;margin-top:15px}.analytics-panel,.country-panel{min-height:275px}.chart-wrap{height:210px;padding:18px 20px 12px}.chart-wrap canvas{width:100%;height:100%}.country-list{padding:10px 18px 15px}.country-row{display:grid;grid-template-columns:minmax(0,1fr) 1fr 34px;gap:10px;align-items:center;margin:12px 0}.country-name{font-size:10px;color:#c7d3e3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country-bar{height:5px;border-radius:5px;background:#202f43;overflow:hidden}.country-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#2563eb,#38bdf8)}.country-count{text-align:right;color:#8ea1ba;font:10px var(--mono)}.alert-strip{margin-top:15px;display:flex;align-items:center;gap:14px;padding:15px 18px}.alert-symbol{width:34px;height:34px;border-radius:7px;background:#2a241a;color:#fbbf24;display:grid;place-items:center;font-size:17px}.alert-copy{flex:1}.alert-copy strong{display:block;font-size:11px}.alert-copy span{display:block;color:#8191a7;font-size:10px;margin-top:4px}.alert-strip .secondary-button{white-space:nowrap}footer{max-width:1800px;margin:auto;padding:15px 32px 22px;display:flex;justify-content:space-between;gap:15px;color:#65758b;font:9px var(--mono);letter-spacing:.4px}footer a{color:#8ea4c1;text-decoration:none}footer b{color:#9db0c9;font-weight:500}.settings-dialog{width:min(460px,calc(100% - 28px));margin:auto;background:#111c2b;color:var(--text);border:1px solid #34445a;border-radius:10px;padding:0;box-shadow:0 24px 90px #000b}.settings-dialog::backdrop{background:#030711c9;backdrop-filter:blur(4px)}.settings-dialog form{padding:21px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:18px}.close-button{border:0;background:none;color:#9eacc0;font-size:25px}.dialog-description{font-size:11px;line-height:1.7;color:#91a1b7;margin:15px 0 18px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:11px}.setting-row small{font-size:9px;color:#8292a8;margin-top:4px}.setting-row input{accent-color:#2563eb;width:16px;height:16px}.setting-field{display:flex;justify-content:space-between;align-items:center;margin:17px 0;color:#aab8ca;font-size:11px}.dialog-actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.permission-note{font-size:9px;color:#71839b;margin-top:13px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#17263a;border:1px solid #3a506d;color:#e3ebf6;border-radius:6px;padding:11px 16px;font-size:11px;box-shadow:0 10px 35px #0008;transition:.25s;z-index:10000}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes pulse{50%{opacity:.35}}@keyframes ripple{0%{transform:scale(.75);opacity:.8}100%{transform:scale(2.5);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 310px}.dashboard{padding-left:20px;padding-right:20px}#map{height:520px}}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.events-panel{min-height:0}.event-list{height:360px}.lower-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}#map{height:480px}}
@media(max-width:560px){.topbar{height:62px;padding:0 14px}.brand-mark{font-size:28px}.brand strong{font-size:10px;letter-spacing:.9px}.brand small{font-size:7px}.topbar-right{gap:10px}.utc-clock{display:none}.feed-state{font-size:8px}.dashboard{padding:20px 12px}.page-heading h1{font-size:20px}.page-heading p{font-size:10px}.updated span{font-size:8px}.updated strong{font-size:10px}.stats-grid{gap:8px}.stat-card{padding:13px;min-height:98px}.stat-card>strong{font-size:22px}.stat-label{font-size:9px}.stat-card>small{font-size:7px}.panel-head{padding:13px}.panel-head h2{font-size:10px}.filterbar{gap:8px;flex-wrap:wrap;padding:9px 11px}.filterbar label{font-size:9px}.filterbar select{font-size:9px;padding:5px 18px 5px 6px}.toggle-label{margin-left:0}.map-actions{gap:7px}.map-count{font-size:8px}.primary-button{padding:8px 9px;font-size:9px}#map{height:390px}.legend{gap:9px}.legend span{font-size:8px}.lower-grid{gap:10px}.alert-strip{padding:12px;gap:9px}.alert-copy span{line-height:1.5}.alert-strip .secondary-button{font-size:9px;padding:8px}footer{padding:15px 13px 20px;font-size:8px;flex-direction:column}.updated{max-width:110px}}

/* SBHNews-inspired map-first layout */
.topbar{height:58px;padding:0 24px;background:#080a0d;border-bottom:1px solid #25282b}.brand-mark{color:#ef4444}.dashboard{max-width:none;padding:18px 24px 24px}.page-heading{margin-bottom:12px;align-items:center}.page-heading h1{font-size:20px}.page-heading p{margin-top:3px}.stats-grid{gap:8px;margin-bottom:12px}.stat-card{min-height:74px;padding:10px 14px;background:#101316;border-color:#292d30;border-radius:5px}.stat-card>strong{font-size:19px;margin:4px 0 2px}.stat-label{font-size:10px}.stat-card>small{font-size:8px}.workspace{grid-template-columns:minmax(0,1fr) 330px;gap:0;min-height:calc(100vh - 262px);border:1px solid #292d30;border-radius:6px;overflow:hidden;background:#090b0d}.map-panel{border:0;border-radius:0;position:relative;min-width:0;background:#080a0c}.panel-head{min-height:54px;padding:10px 15px}.panel-head h2{font-size:11px}.map-head .eyebrow{margin-bottom:3px}.filterbar{min-height:43px;gap:12px;padding:6px 12px;background:#101316;border-color:#292d30}.filterbar label{font-size:9px}.filterbar select{background:#171a1d;border-color:#33383d;border-radius:3px;padding:5px 20px 5px 7px;font-size:9px}#map{height:calc(100vh - 390px);min-height:360px;max-height:660px;background:#101316}.leaflet-container{background:#101316}.leaflet-control-zoom a{background:#171a1d!important;border-color:#3c4145!important}.map-footer{padding:9px 13px 10px;background:#0c0e10;border-color:#25282b}.legend-title{margin-bottom:6px}.legend{gap:10px}.map-hint{margin-top:6px}.events-panel{min-height:0;border:0;border-left:1px solid #292d30;border-radius:0;background:#0e1012;display:flex;flex-direction:column}.events-panel .panel-head{min-height:54px;background:#0d0f11}.event-summary{padding:10px 12px;background:#111315}.event-list{height:auto;min-height:0;flex:1;max-height:calc(100vh - 360px);overflow-y:auto}.event-item{padding:11px 12px;border-bottom:1px solid #24272a}.event-item:hover,.event-item:focus{background:#1a1d20}.event-meta{margin-left:50px}.live-tag{color:#68d391;border-color:#285238}.lower-grid{margin-top:14px}.panel,.analytics-panel,.country-panel{background:#101214;border-color:#292d30;border-radius:5px}.alert-strip{background:#101214;border-color:#292d30}footer{max-width:none;padding:13px 24px 18px}
@media(max-width:900px){.dashboard{padding:16px}.workspace{grid-template-columns:minmax(0,1fr) 285px}.events-panel{min-height:0}.event-list{height:auto;max-height:calc(100vh - 340px)}#map{height:calc(100vh - 410px);min-height:320px}}
@media(max-width:700px){.topbar{height:54px;padding:0 12px}.dashboard{padding:12px}.page-heading h1{font-size:17px}.page-heading p{font-size:10px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.stat-card{min-height:64px;padding:8px 10px}.stat-card>strong{font-size:17px}.workspace{display:flex;flex-direction:column;min-height:0}.map-panel{order:0}.events-panel{order:1;border-left:0;border-top:1px solid #292d30;min-height:0}.event-list{max-height:340px;min-height:180px}#map{height:58vh;min-height:340px}.filterbar{gap:7px}.filterbar label{font-size:8px}.filterbar select{max-width:115px;padding-right:15px}.map-hint{display:none}.lower-grid{grid-template-columns:1fr}footer{padding:12px;flex-direction:column;font-size:8px}.topbar-right{gap:9px}.feed-state{font-size:8px}.utc-clock{font-size:8px}}

/* Split map and live information workspace */
@media(min-width:701px){
  .dashboard{max-width:none;padding:0 18px 24px}
  .workspace{grid-template-columns:minmax(0,1.9fr) minmax(360px,1fr);gap:0;min-height:calc(100vh - 58px);border:1px solid #292d30;border-radius:5px;overflow:hidden}
  .map-panel{display:flex;flex-direction:column;border:0;border-radius:0;min-width:0}
  #map{height:calc(100vh - 245px);min-height:360px;max-height:none;flex:1}
  .events-panel{height:calc(100vh - 58px);min-height:0;border:0;border-left:1px solid #292d30;border-radius:0;display:flex;flex-direction:column;overflow:hidden}
  .info-overview{padding:0 14px}
  .info-heading{margin:0;padding:14px 0 12px;border-bottom:1px solid #292d30;align-items:center}
  .info-heading .eyebrow{margin-bottom:4px}
  .info-heading h1{font-size:16px}
  .info-heading p{font-size:9px}
  .info-heading .updated span{font-size:8px}
  .info-heading .updated strong{font-size:10px}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0}
  .stat-card{min-height:58px;padding:7px 9px}
  .stat-label{font-size:9px}
  .stat-card>strong{font-size:16px;margin:3px 0 1px}
  .stat-card>small{font-size:7px}
  .events-panel>.panel-head{padding:10px 14px;min-height:48px}
  .event-summary{padding:8px 12px}
  .selected-event{margin:10px 12px;padding:11px 12px;border:1px solid #30363b;border-radius:4px;background:#151719}
  .selected-placeholder{font-size:10px;color:#87919a}
  .selected-event-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .selected-magnitude{font:700 18px var(--mono)}
  .selected-event-top span,.selected-event p{font:9px var(--mono);color:#9ba5ad}
  .selected-event h3{font-size:11px;line-height:1.45;margin:6px 0}
  .selected-event .selected-coordinates{margin-top:4px;color:#6f7c86}
  .selected-event a{display:inline-block;margin-top:7px;font-size:9px;color:#7db5ff;text-decoration:none}
  .event-list{height:auto;min-height:80px;max-height:none;flex:1;overflow-y:auto}
  .lower-grid{grid-template-columns:1.15fr 1fr;margin:14px 18px 0}
  .alert-strip{margin:14px 18px 0}
  footer{max-width:none;padding:13px 18px 18px}
}
@media(max-width:900px) and (min-width:701px){
  .workspace{grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr)}
  .dashboard{padding-left:12px;padding-right:12px}
  .info-overview{padding:0 10px}
  .event-item{padding:9px 10px}
}
@media(max-width:700px){
  .dashboard{padding:12px}
  .workspace{display:flex;flex-direction:column;min-height:0}
  .map-panel{order:0}
  .events-panel{order:1;height:auto;border-left:0;border-top:1px solid #292d30;overflow:visible}
  .info-overview{padding:0 12px}
  .info-heading{margin:0 0 10px;align-items:center}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:10px}
  .stat-card{min-height:64px;padding:8px 10px}
  .stat-card>strong{font-size:17px}
  .selected-event{margin:10px 12px;padding:11px 12px;border:1px solid #30363b;border-radius:4px;background:#151719}
  .selected-placeholder{font-size:10px;color:#87919a}
  .selected-event-top{display:flex;justify-content:space-between;align-items:center}
  .selected-magnitude{font:700 18px var(--mono)}
  .selected-event-top span,.selected-event p{font:9px var(--mono);color:#9ba5ad}
  .selected-event h3{font-size:11px;line-height:1.45;margin:6px 0}
  .selected-event a{display:inline-block;margin-top:7px;font-size:9px;color:#7db5ff}
  .event-list{height:auto;max-height:360px;min-height:180px;flex:none}
  .lower-grid{grid-template-columns:1fr;margin:12px 0 0}
  .alert-strip{margin:12px 0 0}
  footer{padding:12px;flex-direction:column;font-size:8px}
}

/* Full-viewport split workspace */
@media(min-width:701px){
  html,body{height:100%;overflow:hidden}
  .topbar{height:58px}
  .dashboard{height:calc(100dvh - 58px);min-height:0;padding:0;max-width:none}
  .workspace{height:100%;min-height:0;border:0;border-radius:0;grid-template-columns:minmax(0,1.9fr) minmax(360px,1fr)}
  .map-panel{height:100%;min-height:0}
  .map-head{flex:0 0 54px}
  .filterbar{flex:0 0 43px}
  #map{height:auto;min-height:0;max-height:none;flex:1}
  .map-footer{flex:0 0 auto}
  .events-panel{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#343a40 transparent}
  .event-list{height:34vh;min-height:180px;max-height:360px;flex:none}
  .lower-grid{grid-template-columns:1fr;margin:0;padding:0 14px}
  .analytics-panel,.country-panel{min-height:220px;margin-top:12px}
  .chart-wrap{height:175px}
  .alert-strip{margin:12px 14px 14px}
  footer{height:36px;min-height:36px;padding:0 18px;max-width:none;overflow:hidden;background:#0b0d0f}
}
@media(max-width:900px) and (min-width:701px){
  .workspace{grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr)}
  .info-heading h1{font-size:14px}
}
@media(max-width:700px){
  html,body{height:auto;overflow:auto}
  .dashboard{height:auto;min-height:0;padding:12px}
  .workspace{height:auto;min-height:0}
  .map-panel{height:auto}
  #map{height:58vh;min-height:340px;flex:none}
  .events-panel{height:auto;max-height:none;overflow:visible}
  .event-list{height:auto;max-height:360px;min-height:180px;flex:none}
  .lower-grid{grid-template-columns:1fr;margin:0;padding:0 12px}
  .analytics-panel,.country-panel{margin-top:10px}
  .alert-strip{margin:10px 12px 0}
  footer{height:auto;min-height:0;padding:12px;overflow:visible}
}

/* Floating magnitude legend keeps the map edge to edge */
.map-panel{position:relative}
.map-footer{position:absolute;z-index:500;left:14px;bottom:14px;max-width:calc(100% - 28px);padding:9px 12px;background:rgba(8,10,13,.86);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.13);border-radius:6px;box-shadow:0 8px 28px rgba(0,0,0,.28);pointer-events:none}
.map-footer .legend-title{margin-bottom:6px;color:#9ca8b2}
.map-footer .legend{gap:8px 12px}
.map-footer .legend span{font-size:9px;white-space:nowrap}
.map-footer .map-hint{margin-top:6px;color:#a1abb4}
@media(max-width:700px){
  #map{height:66vh;min-height:390px}
  .map-footer{left:8px;bottom:8px;max-width:calc(100% - 16px);padding:7px 9px}
  .map-footer .legend{gap:7px 9px}
  .map-footer .legend span{font-size:8px}
  .map-footer .map-hint{font-size:8px}
}

/* Near-black canvas beneath the CARTO dark basemap */
#map,.leaflet-container{background:#030405}

/* Event density clusters */
.quake-cluster{display:grid;place-items:center;width:42px!important;height:42px!important;border-radius:50%;border:1px solid rgba(125,181,255,.85);background:rgba(35,102,177,.34);box-shadow:0 0 0 5px rgba(59,130,246,.12),0 0 20px rgba(59,130,246,.35);color:#f3f8ff;font:700 12px var(--mono)}
.quake-cluster span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#173b5a;border:1px solid rgba(155,205,255,.65)}
.quake-cluster-medium{border-color:rgba(251,191,36,.9);background:rgba(180,112,23,.3);box-shadow:0 0 0 5px rgba(234,179,8,.11),0 0 20px rgba(234,179,8,.28)}
.quake-cluster-medium span{background:#604414;border-color:rgba(253,224,126,.7)}
.quake-cluster-large{border-color:rgba(248,113,113,.9);background:rgba(190,45,55,.3);box-shadow:0 0 0 5px rgba(239,68,68,.12),0 0 20px rgba(239,68,68,.3)}
.quake-cluster-large span{background:#5b2429;border-color:rgba(255,165,165,.7)}

/* Sidebar tabs */
.info-tabs{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid #292d30;background:#0b0d0f}
.info-tab{flex:1;min-height:34px;border:1px solid transparent;border-radius:4px;background:transparent;color:#99a3ab;font-size:10px;font-weight:700;transition:background .15s,color .15s,border-color .15s}
.info-tab:hover{background:#171a1d;color:#e7edf6}
.info-tab.is-active{background:#18232d;border-color:#31506a;color:#c9e2f8}
.info-tab:focus-visible,.filter-chip:focus-visible,.filter-reset:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}
.info-view[hidden]{display:none!important}
.info-view>.panel-head{min-height:48px;padding:10px 14px}
.info-view>.event-list{height:34vh;min-height:180px;max-height:360px;overflow-y:auto}
.info-view>.strong-event-list{height:calc(100vh - 310px);max-height:none}

/* Active filter chips */
.filterbar{flex-wrap:wrap;flex:0 0 auto}
.active-filters{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.filter-chip{border:1px solid #36516a;border-radius:999px;background:#172736;color:#c2def3;padding:4px 8px;font-size:9px;white-space:nowrap}
.filter-chip:hover{background:#20394d;border-color:#5b8bb2}
.filter-reset{border:1px solid #3a4046;border-radius:4px;background:#171a1d;color:#b8c0c7;padding:5px 8px;font-size:9px;white-space:nowrap}
.filter-reset:hover{background:#252a2f;color:#fff}
.filter-reset[hidden]{display:none}
.event-item.is-selected{background:#18242e;box-shadow:inset 2px 0 #60a5fa}
@media(max-width:700px){
  .info-tabs{position:sticky;top:0;z-index:20}
  .info-view>.event-list{height:auto;max-height:360px;min-height:180px}
  .info-view>.strong-event-list{height:auto;max-height:360px}
  .filterbar{gap:6px}
  .active-filters{order:5;width:100%}
  .filter-reset{order:6}
}


/* GSM globe-and-seismograph brand mark */
.brand-logo{display:block;width:36px;height:36px;flex:none}
@media(max-width:700px){.brand-logo{width:32px;height:32px}}


/* Compact wordmark inspired by the supplied reference */
.brand-wordmark{display:block;width:244px;height:36px;flex:none}
@media(max-width:700px){.brand-wordmark{width:185px;height:28px}}