:root,:root[data-theme=light]{--bg:#f1f5f9;--surface:#fff;--surface-2:#eef2f7;--border:#d5dce7;--text:#0f172a;--text-dim:#5b6b82;--accent:#0369a1;--on-accent:#fff;--map-bg:#dbe3ed;--marker-ring:#fff;--header-bg:#f1f5f9eb;--attribution-bg:#ffffffbf;--radius:14px;--shadow:0 10px 30px #0f172a1f}:root[data-theme=dark]{--bg:#0b1220;--surface:#111a2e;--surface-2:#16213a;--border:#24304e;--text:#e7edf7;--text-dim:#94a3b8;--accent:#38bdf8;--on-accent:#06202f;--map-bg:#0a0f1c;--marker-ring:#0b1220;--header-bg:#0b1220e6;--attribution-bg:#0b1220b3;--shadow:0 10px 30px #00000059}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);flex-direction:column;min-height:100dvh;margin:0;font-family:Nunito Sans,system-ui,-apple-system,sans-serif;line-height:1.5;transition:background .2s,color .2s;display:flex}a{color:var(--accent)}.site-header{z-index:50;background:var(--header-bg);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));align-items:center;gap:10px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-logo{object-fit:cover;border:2px solid var(--border);background:var(--surface);width:56px;height:56px;box-shadow:var(--shadow);border-radius:50%;flex-shrink:0}.brand strong{letter-spacing:.2px;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:800;display:block}.brand small{color:var(--text-dim);font-size:.75rem;display:block}.theme-toggle{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;touch-action:manipulation;border-radius:999px;flex-shrink:0;place-items:center;width:38px;height:38px;margin-left:auto;transition:background .15s,border-color .15s;display:grid}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle svg{width:20px;height:20px}:root[data-theme=light] .icon-moon,:root[data-theme=dark] .icon-sun{display:none}.page{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:16px 14px 40px}.page-title{margin:4px 0 14px;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700}.filters{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;gap:10px 18px;margin-bottom:12px;padding:12px;display:flex}.filter-group{align-items:center;gap:10px;display:flex}.filter-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;font-size:.8rem;font-weight:700}.chips{gap:6px;display:flex}.chip{appearance:none;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:700;transition:background .15s,border-color .15s,color .15s}.chip:hover{border-color:var(--accent)}.chip-active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.stats{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px 18px;margin-bottom:12px;font-size:.85rem;display:flex}.stats strong{color:var(--text)}.stats-note{color:var(--text-dim)}.stats-error{color:#dc2626}.app-grid{grid-template-columns:1fr;gap:14px;display:grid}.map-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.map-wrap{position:relative}.sismo-map{background:var(--map-bg);z-index:1;width:100%;height:44vh;min-height:280px}.refresh-btn{z-index:1000;background:var(--surface);color:var(--text);border:1px solid var(--border);font:inherit;cursor:pointer;box-shadow:var(--shadow);border-radius:999px;padding:7px 12px;font-size:.8rem;font-weight:700;position:absolute;top:10px;right:10px}.refresh-btn:active{transform:scale(.96)}.sismo-marker{background:0 0;border:none}.sismo-marker-dot{border:2px solid var(--marker-ring);border-radius:50%}.sismo-popup{background:var(--surface-2);border-radius:10px;padding:6px 2px}.sismo-popup strong{margin-bottom:2px;display:block}.list-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;max-height:70vh;display:flex;overflow:hidden}.list-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 14px;display:flex}.list-header h2{margin:0;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700}.list-count{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:700}.sismo-list{margin:0;padding:0;list-style:none;overflow-y:auto}.sismo-item{text-align:left;border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;align-items:flex-start;gap:12px;padding:12px 14px;transition:background .12s;display:flex}.sismo-item:hover,.sismo-item-active{background:var(--surface-2)}.mag-badge{color:#0b1220;border-radius:12px;flex-shrink:0;place-items:center;min-width:44px;height:44px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:800;display:grid}.sismo-info{flex-direction:column;gap:2px;min-width:0;display:flex}.sismo-place{overflow-wrap:anywhere;font-weight:700}.sismo-meta{color:var(--text-dim);font-size:.8rem}.sismo-towns{color:var(--text-dim);overflow-wrap:anywhere;font-size:.75rem}.sismo-skeleton{background:linear-gradient(100deg, var(--surface) 40%, var(--surface-2) 50%, var(--surface) 60%);background-size:200% 100%;height:68px;animation:1.3s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.empty{text-align:center;color:var(--text-dim);padding:30px 16px}.backdrop{opacity:0;pointer-events:none;z-index:90;background:#00000080;transition:opacity .2s;position:fixed;inset:0}.backdrop-open{opacity:1;pointer-events:auto}.detail{z-index:100;background:var(--surface);border-top:1px solid var(--border);padding:18px 18px calc(18px + env(safe-area-inset-bottom));max-height:80vh;box-shadow:var(--shadow);border-radius:18px 18px 0 0;transition:transform .25s;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%)}.detail-open{transform:translateY(0)}.detail-header{align-items:flex-start;gap:12px;display:flex}.mag-badge-lg{width:54px;height:54px;font-size:1.2rem}.detail-header h3{overflow-wrap:anywhere;margin:0;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:800}.detail-sub{color:var(--text-dim);margin:2px 0 0;font-size:.85rem}.close-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;flex-shrink:0;width:34px;height:34px;margin-left:auto;font-size:.9rem}.detail-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0 0;display:grid}.detail-grid div{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.detail-grid dt{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;font-size:.7rem;font-weight:700}.detail-grid dd{margin:2px 0 0;font-size:.95rem;font-weight:700}.detail-grid small{color:var(--text-dim);font-size:.75rem;font-weight:400}.detail-towns{color:var(--text-dim);margin:14px 0 0;font-size:.85rem}.detail-link{margin-top:14px;font-weight:700;text-decoration:none;display:inline-block}.site-footer{border-top:1px solid var(--border);padding:18px 16px calc(18px + env(safe-area-inset-bottom));color:var(--text-dim);text-align:center;font-size:.8rem}.site-footer p{max-width:720px;margin:0 auto}.leaflet-container{font:inherit;background:var(--map-bg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--surface-2);color:var(--text)}.leaflet-popup-content,.leaflet-container a.leaflet-popup-close-button{color:var(--text)}.leaflet-control-zoom a{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}.leaflet-control-attribution{background:var(--attribution-bg)!important;color:var(--text-dim)!important}.leaflet-control-attribution a{color:var(--accent)!important}@media (width>=900px){.page{padding-top:22px}.page-title{font-size:1.5rem}.app-grid{grid-template-columns:1.3fr 1fr;align-items:start}.sismo-map{height:70vh;min-height:500px}.list-card{max-height:70vh}.detail{border-radius:var(--radius);opacity:0;pointer-events:none;width:min(560px,100vw - 48px);max-height:82vh;inset:50% auto auto 50%;transform:translate(-50%,-46%)scale(.96)}.detail-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}}