:root{color-scheme:dark;--bg:#091522;--panel:#102236;--panel2:#13283d;--line:#263d52;--text:#edf5fa;--muted:#a4b8c8;--accent:#57d9ca;--warn:#ffbd69;--danger:#ff7272}*{box-sizing:border-box}html{font-family:Inter,"Noto Sans",system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-width:320px}button,select{font:inherit}button{cursor:pointer}a{color:#86e6db}.shell{max-width:1260px;margin:auto;padding:0 20px}.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:14px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{font-size:31px;color:var(--accent);line-height:1}.brand strong{display:block;font-size:18px;letter-spacing:.04em}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.18em;margin-top:2px}.yahoo-link{font-size:12px;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:9px 12px;white-space:nowrap}.yahoo-link:hover,.yahoo-link:focus-visible{border-color:var(--accent)}.intro{display:flex;justify-content:space-between;gap:24px;padding:31px 0 25px;align-items:center}.eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.22em;margin:0 0 9px}h1{font-size:clamp(27px,3.3vw,41px);letter-spacing:-.05em;line-height:1.2;margin:0}.subhead{color:var(--muted);margin:10px 0 0;font-size:13px}.timebox{text-align:right;white-space:nowrap;color:var(--muted);font-size:11px}.timebox span,.timebox small{display:block}.timebox strong{display:block;color:var(--text);font-size:26px;font-variant-numeric:tabular-nums;margin:2px 0}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.source-status{display:flex;align-items:center;gap:11px;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:13px 15px}.source-status>div{min-width:0}.source-status strong{display:block;font-size:12px}.source-status small{display:block;color:var(--muted);font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-time{margin-left:auto;color:var(--muted);font-size:11px;white-space:nowrap}.status-dot{width:9px;height:9px;flex:none;background:#8798a8;border-radius:50%}.source-status.ok .status-dot{background:var(--accent);box-shadow:0 0 0 4px #57d9ca20}.source-status.error .status-dot{background:var(--danger)}.source-status.loading .status-dot{background:var(--warn)}.eew-panel{margin-bottom:16px;border:1px solid #f08c75;background:#482720;color:#fff4ef;border-radius:13px;padding:14px 16px}.eew-panel strong{display:block;font-size:16px}.eew-panel p{margin:4px 0 0;font-size:12px}.workspace{background:var(--panel);border:1px solid var(--line);border-radius:17px;overflow:hidden;margin-bottom:24px}.toolbar{padding:13px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.segmented{display:flex;gap:4px;background:#081827;padding:4px;border-radius:10px}.segmented button{background:none;border:0;color:var(--muted);padding:7px 14px;border-radius:7px;font-weight:700;font-size:13px}.segmented button[aria-selected=true]{background:#24445b;color:var(--text)}.segmented span{font-size:11px;opacity:.7}.toolbar-right{display:flex;align-items:center;gap:8px}.filter-label{font-size:11px;color:var(--muted)}select,.icon-button{height:34px;background:#0b1d2e;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:0 9px}.icon-button{min-width:35px;font-size:20px;line-height:1}.icon-button:disabled{opacity:.5;cursor:wait}.viewbar{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.viewbar button{background:transparent;color:var(--accent);border:0;font-weight:700;font-size:12px}.map-wrap{border-bottom:1px solid var(--line)}#map{height:min(48vh,430px);min-height:260px;background:#14283b}.map-note{color:var(--muted);font-size:10px;margin:0;padding:6px 15px}.notice{padding:22px 18px;color:var(--muted);font-size:13px}.notice[hidden]{display:none}.quake-list{list-style:none;margin:0;padding:0;max-height:650px;overflow:auto}.quake-row{border-top:1px solid var(--line)}.quake-row:first-child{border-top:0}.quake-button{width:100%;display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:14px;align-items:center;text-align:left;padding:15px 18px;border:0;background:transparent;color:var(--text)}.quake-button:hover,.quake-button:focus-visible{background:#1a3348}.mag-badge{display:grid;place-items:center;min-height:44px;padding:4px;border-radius:9px;background:#254f62;color:#c2fff3;font-weight:800;font-size:15px}.mag-badge.strong{background:#68432c;color:#ffe1b3}.mag-badge.major{background:#6f3035;color:#ffd4d4}.quake-main{min-width:0}.quake-main strong{display:block;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.quake-main small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.quake-right{text-align:right;white-space:nowrap}.quake-right strong{display:block;font-size:12px}.quake-right small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.quake-detail{display:none;padding:0 18px 16px 100px;color:var(--muted);font-size:12px;line-height:1.7}.quake-row.open .quake-detail{display:block}.quake-detail a{display:inline-block;margin-top:4px}.quake-detail p{margin:2px 0}.quake-detail .point-list{max-height:125px;overflow:auto}.leaflet-popup-content{color:#142235}footer{color:var(--muted);font-size:11px;line-height:1.65;padding:0 0 25px}footer p{margin:5px 0}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:680px){.shell{padding:0 12px}.topbar{min-height:61px}.brand strong{font-size:16px}.brand small{font-size:8px}.yahoo-link{font-size:10px;padding:8px}.intro{padding:22px 3px 18px;align-items:flex-start}.timebox{display:none}.subhead{font-size:12px;line-height:1.5}.status-grid{gap:7px;margin-bottom:12px}.source-status{padding:10px;gap:7px;align-items:flex-start}.source-status strong{font-size:10px}.source-status small{font-size:9px}.status-time{display:none}.status-dot{width:7px;height:7px;margin-top:4px}.toolbar{padding:9px;gap:5px}.segmented button{padding:7px 10px;font-size:12px}.filter-label{display:none}select{font-size:11px;max-width:95px}.viewbar{padding:11px 12px}.quake-button{grid-template-columns:57px minmax(0,1fr);gap:10px;padding:12px}.mag-badge{font-size:13px;min-height:42px}.quake-main strong{font-size:13px}.quake-main small{font-size:10px}.quake-right{grid-column:2;text-align:left;display:flex;gap:8px;margin-top:-6px}.quake-right strong,.quake-right small{font-size:10px;margin:0}.quake-detail{padding:0 12px 14px 79px}#map{height:42vh;min-height:240px}}
:root .mag-badge{display:flex;flex-direction:column;justify-content:center;gap:1px}
.mag-badge .event-code{font-size:17px;line-height:1}
.mag-badge small{font-size:10px;font-weight:700;line-height:1.2}
.map-marker{background:none;border:0;overflow:visible;text-align:center;white-space:nowrap}
.map-marker .map-magnitude{position:absolute;left:50%;top:0;transform:translateX(-50%);padding:1px 3px;border-radius:3px;background:#102236e8;color:#fff;font-size:10px;font-weight:800;line-height:15px;box-shadow:0 1px 4px #0008}
.map-marker .map-pin{position:absolute;left:50%;top:22.5px;transform:translateX(-50%);display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#3a9e95;color:#fff;font-size:8px;font-weight:800;line-height:1;border:1px solid #d5fff5;box-shadow:0 2px 5px #0009}
.map-marker.strong .map-pin{background:#bf7d37;border-color:#ffe0a1}
.map-marker.major .map-pin{background:#c34f57;border-color:#ffd0d0}
.viewbar #map-toggle{color:#ff3030}
.leaflet-container{position:relative;overflow:hidden}
.leaflet-pane,.leaflet-marker-icon,.leaflet-overlay-pane{position:absolute;left:0;top:0}