@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700;800&family=Orbitron:wght@700;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#d0f0ff;background:#05060a;min-height:100vh;font-family:JetBrains Mono,monospace}#root{min-height:100vh}.app-container{background:linear-gradient(#05060af2,#05060af2),repeating-linear-gradient(0deg,#0000,#0000 2px,#00ffc808 2px 4px);min-height:100vh}.hero{text-align:center;background:linear-gradient(#0a1a1a 0%,#05060a 100%);border-bottom:1px solid #1a3a3a;padding:2rem 1rem;position:relative}.hero:after{content:"";background:linear-gradient(90deg,#0000,#00ffc8,#0000);height:2px;animation:3s linear infinite scanline;position:absolute;bottom:0;left:0;right:0}@keyframes scanline{0%{transform:translate(-100%)}to{transform:translate(100%)}}.hero-title{color:#00ffc8;text-shadow:0 0 10px #00ffc899,0 0 20px #00ffc84d;letter-spacing:1px;font-family:Orbitron,sans-serif;font-size:1.7rem;font-weight:900}.hero-subtitle{color:#5a8a8a;text-transform:uppercase;letter-spacing:2.5px;margin-top:.4rem;font-size:.75rem;font-weight:700}.hero-subtitle:before{content:"// "}.content{max-width:720px;margin:0 auto;padding:1.5rem 1rem 3rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem;display:grid}.stat-card{text-align:center;background:#0a0f0f;border:1px solid #1a3a3a;border-radius:4px;padding:1rem;position:relative;overflow:hidden}.stat-card:before{content:"";background:#00ffc8;height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 8px #00ffc8}.stat-value{color:#00ffc8;text-shadow:0 0 8px #00ffc880;font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:800}.stat-label{color:#4a7a7a;text-transform:uppercase;letter-spacing:1.5px;margin-top:.3rem;font-size:.65rem}.last-update{color:#3a5a5a;text-align:center;margin-bottom:1.5rem;font-size:.7rem}.last-update:before{content:"> ";color:#00ffc8}.section-title{color:#00ffc8;text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid #1a3a3a;margin-bottom:.75rem;padding-bottom:.5rem;font-size:.85rem}.info-text{text-align:center;color:#3a5a5a;border:1px dashed #1a3a3a;border-radius:4px;padding:2rem 1rem;font-size:.85rem}.signal-list{flex-direction:column;gap:.6rem;display:flex}.signal-card{background:#0a0f0f;border:1px solid #1a3a3a;border-left:3px solid #4a7a7a;border-radius:4px;padding:.9rem 1rem;font-size:.85rem}.signal-card.improving{border-left-color:#00ffc8;box-shadow:-2px 0 12px #00ffc814}.signal-card.worsening{border-left-color:#f36;box-shadow:-2px 0 12px #ff336614}.signal-header{justify-content:space-between;margin-bottom:.5rem;display:flex}.signal-match{color:#d0f0ff;font-weight:700}.signal-time{color:#3a5a5a;font-size:.75rem}.signal-body{justify-content:space-between;align-items:center;display:flex}.signal-outcome.improving{color:#00ffc8;text-shadow:0 0 6px #00ffc866;font-weight:800}.signal-outcome.worsening{color:#f36;text-shadow:0 0 6px #f366;font-weight:800}.signal-change{color:#6a9a9a;font-size:.78rem}.signal-result{text-transform:uppercase;letter-spacing:.5px;border-top:1px dashed #1a3a3a;margin-top:.6rem;padding-top:.6rem;font-size:.78rem;font-weight:700}.signal-result.correct{color:#00ffc8}.signal-result.wrong{color:#f36}.scan-overlay{pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,#00ffc804 0 1px,#0000 1px 3px);animation:8s linear infinite scanMove;position:fixed;inset:0}@keyframes scanMove{0%{background-position-y:0}to{background-position-y:100px}}.status-indicator{letter-spacing:1.5px;color:#00ffc8;background:#00ffc814;border:1px solid #1a3a3a;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.3rem .9rem;font-size:.7rem;display:inline-flex}.status-dot{background:#00ffc8;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite blink;box-shadow:0 0 8px #00ffc8,0 0 4px #00ffc8}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.hero-title{align-items:center;gap:.5rem;display:inline-flex;position:relative}.hero-icon{animation:2s ease-in-out infinite pulseIcon;display:inline-block}@keyframes pulseIcon{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.15)rotate(-5deg)}}.signal-card{animation:.4s ease-out signalAppear}@keyframes signalAppear{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.last-update:after{content:"_";color:#00ffc8;animation:1s step-end infinite cursorBlink}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}
