:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:#f0f2f5}@media (prefers-color-scheme: dark){body{background:#1a1a1a}}body{background:#333}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%}.container{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;height:100%}h1{color:#fff;margin-bottom:2rem}.scanner{width:100%;height:400px;border:4px solid #333;border-radius:20px;position:relative;background:#00ff001a;display:flex;align-items:center;justify-content:center;overflow:hidden;border-color:#666;background:#00ff000d}.scan-line{position:absolute;width:100%;height:4px;background:#0f0c;top:-100%}.scanning .scan-line{animation:scan 3s linear infinite}@keyframes scan{0%{top:-10%}to{top:100%}}button{font-size:1.2em;padding:1em 2em;background:#2c3e50;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}button:hover:not(:disabled){background:#34495e;transform:scale(1.05)}button:disabled{opacity:.7;cursor:not-allowed}.scanning-btn{animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.result{font-size:1.5em;font-weight:700;padding:1em;border-radius:8px;animation:fadeIn .5s ease-out}.result.infected{color:#c0392b;background:#c0392b1a}.result.clear{color:#27ae60;background:#27ae601a}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}