: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:#a1a1a6;--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}.dashboard-container{flex-direction:column;gap:12px;width:100%;height:100%;padding:12px;display:flex}header{background-color:var(--system-gray-6);border:1px solid var(--border-color);height:48px;min-height:48px;box-shadow:var(--shadow-card);border-radius:16px;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.header-left{align-items:center;gap:14px;min-width:0;display:flex}.header-title{white-space:nowrap;font-size:.95rem;font-weight:700}.header-badge{margin-left:48px}.header-version{color:var(--text-secondary);opacity:.7;font-size:.72rem}.header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.header-status{cursor:default;align-items:center;gap:5px;display:flex}.status-pulse{background-color:var(--system-green);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite pulse-mini}.header-update-time{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.7rem}.bento-grid{flex:1;grid-template-rows:1fr;grid-template-columns:380px 1fr;gap:12px;min-height:0;display:grid}.bento-item{background-color:var(--system-gray-6);border:1px solid var(--border-color);box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.item-lists{flex-direction:column;grid-area:1/1/3/2;gap:12px;display:flex;overflow:hidden}.item-map{grid-area:1/2/-1/3;position:relative}.scroll-area{scrollbar-width:thin;scrollbar-color:var(--system-gray-4) transparent;flex:1;padding:12px;overflow-y:auto}.scroll-area::-webkit-scrollbar{width:4px}.scroll-area::-webkit-scrollbar-thumb{background-color:var(--system-gray-4);border-radius:10px}.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-container{position:relative}.search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.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-filters{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.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:32px;height:32px;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)}.pagination{border-top:1px solid var(--border-color);justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:flex}.pagination button{background:var(--system-gray-5);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:background-color .2s}.pagination button:hover:not(:disabled){background:var(--system-gray-4)}.pagination button:disabled{opacity:.35;cursor:default}.pagination span{color:var(--text-secondary);font-size:.75rem}.map-legend{z-index:1000;background:var(--system-gray-6);border:1px solid var(--border-color);box-shadow:var(--shadow-card);opacity:.92;border-radius:12px;flex-direction:column;gap:5px;padding:10px 14px;display:flex;position:absolute;bottom:16px;left:16px}.map-legend-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:.7rem;font-weight:700}.map-legend-item{align-items:center;gap:8px;display:flex}.map-legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.map-legend-label{color:var(--text-secondary);font-size:.7rem}.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:2s 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}.panel-export-btn{background:var(--system-gray-5);border:1px solid var(--border-color);cursor:pointer;width:28px;height:28px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.panel-export-btn:hover{background:var(--system-gray-4);color:var(--text-primary)}.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}.detail-original-location{color:var(--text-secondary);margin-top:4px;font-size:.75rem;line-height:1.3}.detail-epicentral{color:var(--text-secondary);margin-top:2px;font-size:.75rem;font-style:italic}.detail-metrics{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.detail-metric-value{margin-top:3px;font-size:.82rem;font-weight:600}.drawer-backdrop{z-index:1500;background:#0006;animation:.3s ease-out fadeIn;position:fixed;inset:0}:root[data-theme=dark] .drawer-backdrop{background:#0009}.drawer-panel{background-color:var(--system-gray-6);border:1px solid var(--border-color);border-radius:20px 0 0 20px;outline:none;flex-direction:column;width:400px;height:100vh;animation:.3s ease-out slideInRight;display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 24px #00000026}.drawer-handle{display:none}.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 slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=1024px){.bento-grid{grid-template-columns:340px 1fr}}@media (width<=768px){body,html,#root{height:auto;overflow-y:auto}.dashboard-container{gap:8px;height:auto;padding:8px 8px 24px;overflow:visible}header{border-radius:12px;flex-wrap:wrap;gap:4px;height:auto;min-height:40px;padding:8px 12px}.header-title{font-size:.85rem}.header-version{font-size:.55rem}.bento-grid{flex-direction:column;gap:8px;height:auto;display:flex}.item-map{order:1;height:45vh;min-height:280px}.item-lists{order:2;gap:8px;min-height:auto}.drawer-panel{border-radius:20px 20px 0 0;width:100%;height:auto;max-height:85vh;animation:.3s ease-out slideInUp;inset:auto auto 0 0}.drawer-handle{background:var(--system-gray-4);border-radius:2px;width:40px;height:4px;margin:10px auto 0;display:block}.drawer-header,.drawer-content{padding:12px 16px}.item-lists .bento-item{min-height:260px;max-height:50vh}.bento-item{border-radius:14px}.map-legend{padding:6px 8px;bottom:6px;left:6px}.map-legend-title,.map-legend-label{font-size:.6rem}.detail-metrics{grid-template-columns:1fr 1fr}.detail-mag{width:42px;height:42px;font-size:1rem}}