:root{--primary: #2563eb;--bg: #f8fafc;--text: #1e293b}body{font-family:system-ui,-apple-system,sans-serif;margin:0;background:var(--bg);color:var(--text);display:flex;flex-direction:column;align-items:center;min-height:100vh}header{padding:1rem;width:100%;text-align:center;background:#fff;box-shadow:0 1px 3px #0000001a}#scanner-container{position:relative;width:100%;max-width:500px;aspect-ratio:1/1;overflow:hidden;background:#000}#video{width:100%;height:100%;object-fit:cover}#overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.focus-box{width:60%;height:60%;border:2px solid var(--primary);border-radius:8px;box-shadow:0 0 0 9999px #00000080}#status{position:absolute;bottom:1rem;width:100%;text-align:center;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}#results{width:100%;max-width:500px;padding:1rem}ul{list-style:none;padding:0}li{background:#fff;padding:1rem;margin-bottom:.5rem;border-radius:8px;box-shadow:0 1px 2px #0000000d;word-break:break-all;font-size:.9rem}button.secondary{width:100%;padding:.75rem;border:none;background:#ef4444;color:#fff;border-radius:8px;cursor:pointer}