/* Clean JMA Earthquake Widget */
.jmaqc-widget { --radius:16px; --bg:#0b1020; --card:#0f172a; --text:#e5e7eb; --muted:#93a4b8; --accent:#38bdf8;
  color:var(--text); background:linear-gradient(180deg,#0b1020,#0a0f1a); border-radius:var(--radius); padding:16px; box-shadow:0 10px 30px rgba(0,0,0,.35); }
@media (prefers-color-scheme: light){ .jmaqc-widget{ --bg:#f8fafc; --card:#ffffff; --text:#0f172a; --muted:#334155; --accent:#0284c7; } }
.jmaqc-header{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.jmaqc-title{ margin:0; font-size:1.2rem; }
.jmaqc-sub{ margin:2px 0 0; color:var(--muted); font-size:.9rem; }
.jmaqc-actions{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.jmaqc-lang{ background:var(--card); color:var(--text); border:1px solid rgba(255,255,255,.1); border-radius:10px; padding:8px 10px; }
.jmaqc-minmag-label{ display:flex; align-items:center; gap:8px; color:var(--muted); font-size:.9rem; }
.jmaqc-minmag{ accent-color: var(--accent); }
.jmaqc-refresh{ background:var(--card); color:var(--text); border:1px solid rgba(255,255,255,.08); border-radius:10px; padding:8px 10px; cursor:pointer; }
.jmaqc-last-updated{ margin:8px 0 12px; color:var(--muted); font-size:.85rem; }
.jmaqc-grid{ display:grid; grid-template-columns: repeat( auto-fit, minmax(260px, 1fr) ); gap:12px; }
.jmaqc-card{ background: var(--card); border:1px solid rgba(255,255,255,.06); border-radius:14px; padding:14px; display:flex; flex-direction:column; gap:8px; transition:transform .2s ease, box-shadow .2s ease; }
.jmaqc-card:hover{ transform: translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.25); }
.jmaqc-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.jmaqc-badges{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.jmaqc-badge{ font-size:.8rem; padding:3px 8px; border-radius:999px; border:1px solid rgba(0,0,0,.1); }
.badge-mag{ background:#0ea5e9; color:#fff; }
.badge-depth{ background:#6366f1; color:#fff; }
.badge-tsu-none{ background:#10b981; color:#fff; }
.badge-tsu-check,.badge-tsu-watch{ background:#f59e0b; color:#111; }
.badge-tsu-warn{ background:#ef4444; color:#fff; }
.jmaqc-time{ font-weight:600; }
.jmaqc-place{ font-size:1rem; }
.jmaqc-int{ font-weight:700; padding:2px 8px; border-radius:8px; }
.int-0 { background:#e2e8f0; color:#0f172a; }
.int-10{ background:#f0f9ff; color:#0c4a6e; }
.int-20{ background:#e0f2fe; color:#075985; }
.int-30{ background:#dbeafe; color:#1e3a8a; }
.int-40{ background:#fef9c3; color:#854d0e; }
.int-45{ background:#fde68a; color:#78350f; }
.int-50{ background:#fb923c; color:#111827; }
.int-55{ background:#ef4444; color:#fff; }
.int-60{ background:#991b1b; color:#fff; }
.int-70{ background:#4c1d95; color:#fff; }
.jmaqc-link{ color:var(--accent); text-decoration:none; }
.jmaqc-footer{ margin-top:8px; display:flex; justify-content:flex-end; }
.jmaqc-skel{ background:linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.12), rgba(255,255,255,.06)); background-size:200% 100%; animation:shimmer 1.2s ease-in-out infinite; border-radius:10px; height:88px; }
@keyframes shimmer{ 0%{background-position:-100% 0} 100%{background-position:100% 0} }