*{box-sizing:border-box}body{color:#e5e7eb;background:#0f172a;margin:0;font-family:Arial,Helvetica,sans-serif}.app{min-height:100vh;padding:24px}.topbar{border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:5px;padding:8px;display:flex}.topbar h1{margin:0;font-size:40px}.soundButton{color:#fff;cursor:pointer;background:#374151;border:0;border-radius:999px;padding:12px 20px;font-weight:700}.soundButton.active{background:#16a34a}.headerTitle{align-items:center;gap:12px;display:flex}.headerLogo{object-fit:contain;width:110px;height:110px}.headerTitle h1{margin:0}.popup{border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:20px;animation:.25s ease-out pop;display:flex}.popup h2{margin:8px 0}.popup p{margin:0}.popup button{cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-weight:700}.statusPanel{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.statusPanel div{background:#111827;border:1px solid #1f2937;border-radius:16px;padding:18px}.statusPanel span{color:#9ca3af;margin-bottom:8px;font-size:13px;display:block}.statusPanel strong{font-size:16px}.content h2{margin-top:0}.empty{color:#9ca3af;text-align:center;background:#111827;border:1px solid #1f2937;border-radius:16px;padding:30px}.alertGrid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.alertCard{cursor:pointer;background:#111827;border:1px solid #1f2937;border-left:18px solid #6b7280;border-radius:20px;padding:20px;transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:0 16px 42px #0000003d}.alertCard:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 28px 65px #0006}.alertCard:active{transform:scale(.99)}.alertHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.alertHeader span{font-size:15px;font-weight:700}.alertHeader small{background:#374151;border-radius:999px;padding:5px 10px}.alertCard h3{margin:14px 0 10px}.area{color:#d1d5db}.meta{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0;display:grid}.meta div{background:#1f2937;border-radius:12px;padding:10px}.meta span{color:#9ca3af;font-size:12px;display:block}.meta strong{font-size:13px}details{margin-top:12px}summary{cursor:pointer;font-weight:700}details p{line-height:1.5}.alertCard.tornado{background:#07182e;border-left-color:red}.alertCard.tornado-observed{background:#07182e;border-left-color:#7f0000}.alertCard.tornado-pds,.alertCard.tornado-emergency{background:#07182e;border-left-color:#f0f;box-shadow:0 0 18px #ff00ff8c}.alertCard.severe{background:#07182e;border-left-color:#ffd900ce}.alertCard.severe-considerable{background:#07182e;border-left-color:#ff8c00}.alertCard.severe-destructive{background:#07182e;border-left-color:#f0f;box-shadow:0 0 18px #ff00ff8c}.alertCard.flood{background:#07182e;border-left-color:#007c04}.popup.tornado{background:#d10808;box-shadow:0 0 25px #d10808}.popup.tornado-observed{background:#a30404;box-shadow:0 0 25px #a30404}.popup.tornado-pds{background:#8a00b4;box-shadow:0 0 25px #ae00e2}.popup.tornado-emergency{background:#cc0271;box-shadow:0 0 25px #ff028d}.popup.severe{background:#ffd900ce}.popup.severe-considerable{background:#a85b00}.popup.severe-destructive{background:#a85b00;box-shadow:0 0 40px #c00202cc}.popup.flood{background:#007c04;border-left:18px solid #007c04}@keyframes pop{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (width<=800px){.topbar,.popup{flex-direction:column;align-items:flex-start}.statusPanel{grid-template-columns:1fr}}.alertSection{margin-bottom:34px}.sectionHeader{background:#111827;border-left:15px solid #6b7280;border-radius:16px;justify-content:space-between;align-items:center;margin:15px 0 10px;padding:1px 18px;display:flex}.sectionHeader h2{margin:0}.sectionHeader span{background:#ffffff2e;border-radius:999px;padding:6px 12px;font-weight:700}.sectionHeader.tornado{background:#414448;border-left-color:red}.sectionHeader.severe{background:#414448;border-left-color:gold}.sectionHeader.flood{background:#414448;border-left-color:#007c04}.empty.small{padding:18px}.threatInfo{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.threatInfo div{background:#1f2937;border-radius:999px;padding:6px 12px}.threatInfo span{color:#9ca3af;margin-right:6px;font-size:11px}.threatInfo strong{color:#fff;font-size:12px}.headerBadges{align-items:center;gap:8px;display:flex}.upgradedBadge{color:#fff;letter-spacing:.5px;font-weight:900;background:#f0f!important}.detailsButton{color:#fff;cursor:pointer;background:#374151;border:0;border-radius:10px;margin-top:14px;padding:10px 14px;font-weight:700}.detailsButton:hover{background:#4b5563}.modalBackdrop{z-index:999;background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.detailsModal{background:#111827;border:1px solid #374151;border-radius:18px;width:min(900px,95vw);max-height:85vh;padding:24px;overflow-y:auto;box-shadow:0 20px 80px #000000a6}.modalHeader{border-bottom:1px solid #374151;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;padding-bottom:14px;display:flex}.modalHeader h2{margin:0}.modalHeader p{color:#d1d5db;margin:8px 0 0}.modalHeader button{cursor:pointer;border:0;border-radius:10px;padding:8px 12px;font-weight:700}.detailsModal h3{margin-top:18px}.detailsModal p{white-space:pre-wrap;line-height:1.55}.warningTicker{z-index:800;background:#020617;border-top:2px solid #374151;align-items:center;height:46px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.tickerTrack{white-space:nowrap;gap:36px;animation:55s linear infinite tickerScroll;display:flex}.tickerItem{text-transform:uppercase;padding-left:24px;font-size:18px;font-weight:900}.tickerItem.tornado,.tickerItem.tornado-observed{color:red}.tickerItem.tornado-pds,.tickerItem.tornado-emergency,.tickerItem.severe-destructive{color:#f0f}.tickerItem.severe{color:gold}.tickerItem.severe-considerable{color:#ff8c00}.tickerItem.flood{color:#007c04}@keyframes tickerScroll{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.newBadge{color:#fff;background:#16a34a;font-weight:700}.upgradedBadge{color:#fff;background:#f59e0b;font-weight:700}.sectionHeader{cursor:pointer;-webkit-user-select:none;user-select:none}.sectionHeader:hover{filter:brightness(1.12)}.topbarButtons{align-items:center;gap:10px;display:flex}.testButton{cursor:pointer;color:#fff;background:#334155;border:none;border-radius:10px;padding:10px 16px;font-weight:800}.testButton:hover{background:#475569}.testGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.testGrid button{cursor:pointer;color:#fff;background:#1f2937;border:none;border-radius:12px;padding:14px;font-weight:800}.testGrid button:hover{background:#374151}.testModalBackdrop{z-index:9999;background:0 0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settingsCog{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;width:44px;height:44px;font-size:22px}.settingsCog:hover{background:#ffffff38}.settingsForm{flex-direction:column;gap:12px;display:flex}.settingsForm label{font-weight:700}.settingsForm input{color:#fff;background:#020617;border:1px solid #ffffff29;border-radius:12px;padding:12px}.settingsForm button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:12px;padding:12px 16px;font-weight:800}.settingsError{color:#f87171;font-weight:700}.settingsSuccess{color:#4ade80;font-weight:700}.igmPage{color:#e5e7eb;background:#0f172a;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.siteHeader{background:#111827;border-bottom:1px solid #1f2937;justify-content:space-between;align-items:center;padding:18px 40px;display:flex}.siteBrand{align-items:center;gap:14px;display:flex}.igmLogo{object-fit:contain;width:58px;height:58px}.siteBrand h1{margin:0;font-size:24px;line-height:1.1}.siteBrand p{color:#9ca3af;margin:4px 0 0;font-size:14px}.siteNav{align-items:center;gap:24px;display:flex}.siteNav a{color:#e5e7eb;font-weight:700;text-decoration:none;transition:color .2s}.siteNav a:hover{color:#60a5fa}.siteNav a:last-child{color:#fff;background:#2563eb;border-radius:999px;padding:10px 16px}.siteContent{max-width:1200px;margin:0 auto;padding:60px 40px}.siteContent h2{margin-top:0;font-size:42px}.siteContent p{color:#cbd5e1;max-width:800px;font-size:18px;line-height:1.7}@media (width<=800px){.siteHeader{flex-direction:column;align-items:flex-start;gap:16px;padding:18px}.siteNav{flex-wrap:wrap;gap:12px}.siteContent{padding:40px 20px}}