*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0a0a0a;justify-content:center;align-items:center;min-height:100vh;font-family:SF Mono,Fira Code,Cascadia Code,monospace;display:flex;overflow:hidden}#app{text-align:center;width:100%;max-width:600px;padding:2rem}.title{text-transform:uppercase;letter-spacing:.3em;color:#555;margin-bottom:.5rem;font-size:1.1rem}.question{color:#fff;margin-bottom:2.5rem;font-size:2rem;font-weight:700}.bar-container{background:#1a1a1a;border:1px solid #222;border-radius:6px;width:100%;height:48px;margin-bottom:1.5rem;position:relative;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#1a3a1a,#2ecc40,#7fff00);border-radius:6px 0 0 6px;width:0%;height:100%;transition:width 1.5s cubic-bezier(.4,0,.2,1);position:relative}.bar-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff14 50%,#0000 100%);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.bar-fill.high{background:linear-gradient(90deg,#2ecc40,#7fff00,#ff0)}.bar-fill.critical{background:linear-gradient(90deg,#7fff00,#ff0,#f60);animation:1s ease-in-out infinite alternate pulse-glow}@keyframes pulse-glow{0%{box-shadow:0 0 10px #7fff004d}to{box-shadow:0 0 30px #ff09}}.percentage{font-variant-numeric:tabular-nums;color:#2ecc40;margin-bottom:.5rem;font-size:3.5rem;font-weight:800;transition:color .5s}.percentage.high{color:#7fff00}.percentage.critical{color:#fc0}.status-label{color:#666;min-height:1.4em;margin-bottom:2.5rem;font-size:.95rem}.signals{text-align:left;scrollbar-width:thin;scrollbar-color:#333 transparent;max-height:260px;overflow-y:auto}.signals::-webkit-scrollbar{width:4px}.signals::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.signal-item{opacity:0;border-bottom:1px solid #1a1a1a;align-items:flex-start;gap:.6rem;padding:.6rem 0;font-size:.8rem;line-height:1.4;animation:.4s forwards fade-in;display:flex}@keyframes fade-in{to{opacity:1}}.signal-item .tag{text-transform:uppercase;letter-spacing:.05em;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:.65rem;font-weight:600}.tag.death{color:#2ecc40;background:#1a3a1a}.tag.alive{color:#cc2e2e;background:#3a1a1a}.tag.neutral{color:#999;background:#2a2a1a}.source-tag{text-transform:uppercase;letter-spacing:.03em;color:#556;background:#1a1a2a;border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:.6rem;font-weight:500}.src-reddit{color:#ff6314;background:#1a1510}.src-twitter{color:#1da1f2;background:#0a1520}.src-mastodon{color:#6364ff;background:#1a1025}.src-youtube{color:red;background:#1a0a0a}.src-aljazeera{color:#d2a03a;background:#0f1a10}.src-bbc{color:#bb1919;background:#1a1010}.src-google{color:#4285f4;background:#101518}.src-bluesky{color:#0085ff;background:#0a1520}.src-telegram{color:#27a7e7;background:#0a1518}.signal-item .headline{color:#888}.signal-item .time{color:#444;flex-shrink:0;margin-left:auto;font-size:.7rem}.footer{color:#333;margin-top:2rem;font-size:.65rem}.last-check{color:#444;margin-bottom:1.5rem;font-size:.75rem}.loading-state{color:#444;font-size:.9rem;animation:1.5s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.credit{color:#333;letter-spacing:.05em;margin-top:1.5rem;font-size:.6rem}.credit a{color:#555;border-bottom:1px solid #333;text-decoration:none;transition:color .2s,border-color .2s}.credit a:hover{color:#2ecc40;border-color:#2ecc40}.error-msg{color:#cc2e2e;margin-top:1rem;font-size:.8rem}