:root,:root[data-theme=light]{--bg-color:#f5f5f7;--system-gray-6:#fff;--system-gray-5:#e8e8ed;--system-gray-4:#d1d1d6;--system-blue:#007aff;--system-green:#34c759;--system-orange:#ff9500;--system-red:#ff3b30;--system-yellow:#fc0;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--border-color:#0000001f;--card-blur:saturate(180%) blur(20px);--card-bg:#0000000a;--mag-low:var(--system-green);--mag-medium:var(--system-yellow);--mag-high:var(--system-orange);--mag-extreme:var(--system-red);--focus-ring:0 0 0 3px #007aff66;--shadow-card:0 1px 3px #00000014}:root[data-theme=dark]{--bg-color:#000;--system-gray-6:#1c1c1e;--system-gray-5:#2c2c2e;--system-gray-4:#3a3a3c;--system-blue:#0a84ff;--system-green:#30d158;--system-orange:#ff9f0a;--system-red:#ff453a;--system-yellow:#ffd60a;--text-primary:#f5f5f7;--text-secondary:#aeaeb2;--border-color:#ffffff2e;--card-blur:saturate(180%) blur(20px);--card-bg:#ffffff14;--mag-low:var(--system-green);--mag-medium:var(--system-yellow);--mag-high:var(--system-orange);--mag-extreme:var(--system-red);--focus-ring:0 0 0 3px #0a84ff80;--shadow-card:none}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body,#root{background-color:var(--bg-color);width:100vw;height:100vh;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;transition:background-color .3s,color .3s;overflow:hidden}.skip-link{background:var(--system-blue);color:#fff;z-index:9999;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;text-decoration:none;position:absolute;top:-100%;left:16px}.skip-link:focus{top:12px}:focus-visible{box-shadow:var(--focus-ring);outline:none}button:focus-visible,input:focus-visible{box-shadow:var(--focus-ring);border-radius:8px;outline:none}.status-pulse{background-color:var(--system-green);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.4s ease-in-out infinite pulse-mini}.earthquake-card{cursor:pointer;background-color:var(--card-bg);border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;transition:background-color .2s,transform .1s;display:flex}.earthquake-card:hover{background-color:#8080801f;transform:scale(1.01)}.earthquake-card:focus-visible{box-shadow:var(--focus-ring)}.earthquake-card.active{border:1px solid var(--system-blue);background-color:#007aff1f}.mag-badge{color:#000;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:700;display:flex}.mag-badge-light{color:#fff}.card-info{flex:1;min-width:0}.location{-webkit-line-clamp:2;color:var(--text-primary);-webkit-box-orient:vertical;font-size:.9rem;font-weight:600;display:-webkit-box;overflow:hidden}.details{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;font-size:.75rem;display:flex}.search-input{background:var(--system-gray-5);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:12px;padding:10px 10px 10px 40px;font-size:.85rem}.search-input::placeholder{color:var(--text-secondary)}.mag-filter{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:20px;padding:5px 12px;font-size:.72rem;font-weight:600;transition:all .2s}.mag-filter:hover{background:var(--system-gray-5)}.mag-filter.active{color:#fff;border-color:#0000}.badge{background-color:var(--system-blue);color:#fff;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700}.status-tag{border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.status-tag.confirmed{color:var(--system-green);background-color:#34c75926}.status-tag.preliminary{color:var(--system-orange);background-color:#ff950026}.status-indicator{border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-indicator.confirmed{background-color:var(--system-green)}.status-indicator.preliminary{background-color:var(--system-orange)}.status-dot{vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block}.status-dot.confirmed{background-color:var(--system-green)}.status-dot.preliminary{background-color:var(--system-orange)}.detail-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.detail-hero{align-items:center;gap:14px;display:flex}.detail-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin-bottom:10px;font-size:.78rem;font-weight:700;display:flex}.detail-section-title svg{opacity:.6}.detail-fields{flex-direction:column;gap:8px;display:flex}.detail-field{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.detail-value{text-align:right;word-break:break-word;font-size:.85rem;font-weight:600}.detail-original-ref{flex-direction:column;gap:4px;display:flex}.drawer-close-btn{background:var(--system-gray-5);border:1px solid var(--border-color);cursor:pointer;width:44px;height:44px;color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.drawer-close-btn:hover{background:var(--system-gray-4)}.drawer-source-badge{border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.drawer-source-badge.peru{color:var(--system-red);background:#ff3b301f}.drawer-source-badge.world{color:var(--system-green);background:#30d1581f}.theme-toggle{background:var(--system-gray-5);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex}.theme-toggle:hover{background:var(--system-gray-4)}@keyframes pulse-mini{0%,to{opacity:1}50%{opacity:.4}}.pulse-mini{animation:1.4s ease-in-out infinite pulse-mini}.selected-ring{animation:1.5s ease-in-out infinite selected-pulse}@keyframes selected-pulse{0%,to{opacity:.6;stroke-width:2px}50%{opacity:.2;stroke-width:3px}}.version-toast{background-color:var(--system-gray-6);border:1px solid var(--system-blue);z-index:2000;border-radius:30px;align-items:center;gap:12px;padding:10px 20px;animation:.4s ease-out slideUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0003}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}.update-btn{background-color:var(--system-blue);color:#fff;cursor:pointer;border:none;border-radius:15px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:opacity .2s}.update-btn:hover{opacity:.85}.empty-state,.error-state{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:120px;padding:32px 20px;font-size:.9rem;display:flex}.empty-state svg,.error-state svg{opacity:.5}.error-state{color:var(--system-orange)}.loading-screen{background-color:var(--bg-color);height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:.9rem;display:flex}.detail-section{border-top:1px solid var(--border-color);margin-top:12px;padding-top:12px}.detail-section:first-child{border-top:none;margin-top:0;padding-top:0}.detail-mag{color:#1a1a1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;font-weight:800;display:flex}.drawer-panel{border-top:1px solid var(--border-color);scrollbar-width:thin;scrollbar-color:var(--system-gray-4) transparent;outline:none;flex-direction:column;flex:none;max-height:300px;animation:.32s ease-out slideInUp;display:flex;overflow-y:auto}.drawer-panel::-webkit-scrollbar{width:4px}.drawer-panel::-webkit-scrollbar-thumb{background-color:var(--system-gray-4);border-radius:10px}.drawer-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer-content{scrollbar-width:thin;scrollbar-color:var(--system-gray-4) transparent;flex:1;padding:16px 20px;overflow-y:auto}.drawer-content::-webkit-scrollbar{width:4px}.drawer-content::-webkit-scrollbar-thumb{background-color:var(--system-gray-4);border-radius:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=768px){body,html,#root{height:auto;overflow-y:auto}.drawer-header,.drawer-content{padding:10px 14px}.mag-filter{min-height:44px}.detail-mag{width:42px;height:42px;font-size:1rem}}.app{position:fixed;inset:0;overflow:hidden}.map-layer{z-index:0;isolation:isolate;position:absolute;inset:0}.map-layer .leaflet-container{width:100%;height:100%}.glass{background:color-mix(in srgb, var(--system-gray-6) 96%, transparent);-webkit-backdrop-filter:saturate(180%)blur(28px);backdrop-filter:saturate(180%)blur(28px);border:1px solid var(--border-color);box-shadow:0 10px 40px #00000038}.topbar{z-index:30;top:calc(env(safe-area-inset-top,0px) + 10px);border-radius:23px;align-items:center;gap:8px;height:46px;padding:0 6px 0 16px;display:flex;position:absolute;left:12px;right:12px}.topbar-title{letter-spacing:-.03em;font-size:1.05rem;font-weight:800}.topbar-live{color:var(--text-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin-left:auto;font-size:.78rem;display:flex}.topbar .theme-toggle{border-radius:50%;width:38px;min-width:38px;height:38px;min-height:38px;padding:0}.topbar .alerts-toggle.is-on{color:var(--system-red)}.topbar .alerts-toggle:disabled{opacity:.5;cursor:default}.alerts-help{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;align-items:flex-start;gap:8px;margin:2px 0 12px;padding:10px 6px 10px 14px;display:flex}.alerts-help p{color:var(--text-primary);flex:1;margin:0;padding-top:10px;font-size:.9rem;line-height:1.4}.sheet{z-index:20;border-bottom:none;border-radius:28px 28px 0 0;flex-direction:column;transition:height .4s cubic-bezier(.2,.85,.25,1);display:flex;position:absolute;bottom:0;left:0;right:0}.sheet.dragging{transition:none}.sheet-handle{all:unset;cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;min-height:28px;padding:12px 0 8px;display:flex}.sheet-handle:focus-visible{box-shadow:var(--focus-ring);border-radius:14px}.sheet-grip{background:var(--system-gray-4);border-radius:3px;width:42px;height:5px}.sheet-scroll{overscroll-behavior:contain;padding:0 16px calc(env(safe-area-inset-bottom,0px) + 28px);scrollbar-width:none;flex:1;overflow-y:auto}.sheet-scroll::-webkit-scrollbar{display:none}.hero{padding:2px 0 6px 4px}.hero-empty{color:var(--text-secondary);padding:16px 0}.hero-skeleton{min-height:163px;color:var(--text-secondary)}.world-skeleton{min-height:78px;margin-top:18px}.hero-main{all:unset;cursor:pointer;border-radius:16px;width:100%;display:block}.hero-main:focus-visible{box-shadow:var(--focus-ring)}.hero-kicker{letter-spacing:.09em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:8px;font-size:.72rem;font-weight:700;display:flex}.hero-live{background:var(--system-red);border-radius:50%;width:8px;height:8px;animation:1.9s ease-out infinite livePulse}@keyframes livePulse{0%{box-shadow:0 0 #ff453a8c}to{box-shadow:0 0 0 10px #ff453a00}}.hero-row{align-items:center;gap:14px;margin-top:6px;display:flex}.hero-mag{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:4.6rem;font-weight:800;line-height:1}.hero-place{flex-direction:column;gap:3px;min-width:0;display:flex}.hero-place-name{letter-spacing:-.02em;color:var(--text-primary);font-size:1.28rem;font-weight:700;line-height:1.15}.hero-place-meta{color:var(--text-secondary);font-size:.85rem}.hero-stats{grid-template-columns:repeat(3,auto) 1fr;align-items:end;gap:0 20px;margin-top:16px;display:grid}.stat{flex-direction:column;display:flex}.stat-n{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700;line-height:1.1}.stat-l{color:var(--text-secondary);font-size:.68rem}.spark{justify-content:flex-end;align-items:flex-end;gap:5px;height:46px;display:flex}.spark-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;width:14px;height:100%;display:flex}.spark-bar{background:var(--system-gray-4);border-radius:4px;width:100%;min-height:4px;transition:height .4s}.spark-col.today .spark-bar{background:var(--system-blue)}.spark-day{color:var(--text-secondary);font-size:.58rem;line-height:1}.section-title{letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:6px;margin:18px 0 8px;font-size:.74rem;font-weight:700;display:flex}.section-note{letter-spacing:0;text-transform:none;opacity:.75;font-weight:500}.section-actions{gap:2px;margin-left:auto;display:flex}.icon-btn{all:unset;width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:12px;place-items:center;display:grid}.icon-btn:hover{background:var(--card-bg)}.icon-btn:focus-visible{box-shadow:var(--focus-ring)}.world-row{scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;margin:0 -16px;padding:2px 16px 6px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.world-row::-webkit-scrollbar{display:none}.world-chip{all:unset;box-sizing:border-box;scroll-snap-align:start;cursor:pointer;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;flex:none;align-items:center;gap:9px;min-height:48px;padding:6px 14px 6px 7px;display:flex}.world-chip:focus-visible{box-shadow:var(--focus-ring)}.world-mag{color:#000;font-variant-numeric:tabular-nums;border-radius:11px;place-items:center;width:34px;height:34px;font-size:.85rem;font-weight:800;display:grid}.world-txt{flex-direction:column;gap:1px;display:flex}.world-loc{white-space:nowrap;text-overflow:ellipsis;max-width:140px;color:var(--text-primary);font-size:.8rem;font-weight:600;overflow:hidden}.world-time{color:var(--text-secondary);font-size:.7rem}.list-section .search-input{width:100%;margin-bottom:8px}.chips{scrollbar-width:none;gap:8px;padding:2px 0 10px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips .mag-filter{flex:none;min-height:36px}.list-section .earthquake-card{margin-bottom:8px}.more-btn{all:unset;box-sizing:border-box;text-align:center;cursor:pointer;background:var(--card-bg);width:100%;color:var(--system-blue);border-radius:14px;padding:12px;font-size:.9rem;font-weight:600;display:block}.more-btn:focus-visible{box-shadow:var(--focus-ring)}.legend{color:var(--text-secondary);justify-content:center;gap:16px;margin-top:20px;font-size:.72rem;display:flex}.legend-item{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:50%;width:9px;height:9px}.sheet-footer{text-align:center;color:var(--text-secondary);margin-top:10px;font-size:.7rem}.sheet-footer a{color:inherit}.sheet .drawer-panel{min-height:0;max-height:none;box-shadow:none;background:0 0;border:none;border-radius:0;animation:none;position:static;overflow:visible}.sheet .drawer-header{padding:4px 0 12px}.sheet .drawer-content{padding:4px 0 12px;overflow:visible}.tiles-dark{filter:invert()hue-rotate(180deg)saturate(.35)brightness(.82)contrast(.95)}@media (width<=899px){.map-layer .leaflet-bottom.leaflet-right{top:calc(env(safe-area-inset-top,0px) + 62px);bottom:auto}}.earthquake-card.latest-card{animation:1.9s ease-in-out infinite latest-glow}@keyframes latest-glow{0%,to{box-shadow:inset 3px 0 0 var(--system-red)}50%{box-shadow:inset 3px 0 0 color-mix(in srgb, var(--system-red) 35%, transparent)}}@media (width>=900px){.topbar{width:430px;top:16px;left:16px;right:auto}.sheet{border-bottom:1px solid var(--border-color);border-radius:26px;width:430px;inset:74px auto 16px 16px;height:auto!important}.sheet-handle{display:none}.sheet-scroll{scrollbar-width:thin;padding-top:14px}}@media (prefers-reduced-motion:reduce){.sheet,.spark-bar{transition:none}.hero-live,.earthquake-card.latest-card{animation:none}}
