*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333;min-height:100vh}#app{max-width:500px;margin:0 auto;padding:20px}h1{text-align:center;margin-bottom:20px;font-size:1.5rem}#reader{width:100%;border-radius:8px;overflow:hidden;margin-bottom:16px}#result{text-align:center;padding:12px;border-radius:8px;background:#fff;margin-bottom:16px;font-weight:500;word-break:break-all}#result.scanning{background:#fff3cd;color:#856404}#result.success{background:#d4edda;color:#155724}#result.error{background:#f8d7da;color:#721c24}#log{max-height:300px;overflow-y:auto}.log-entry{padding:8px 12px;margin-bottom:4px;border-radius:4px;font-size:.85rem;background:#fff}.log-entry.success{border-left:3px solid #28a745}.log-entry.error{border-left:3px solid #dc3545}.snackbar{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);background:#323232;color:#fff;padding:12px 24px;border-radius:8px;font-size:.9rem;z-index:1000;opacity:0;animation:snackbar-in .3s ease forwards}.snackbar.hide{animation:snackbar-out .3s ease forwards}@keyframes snackbar-in{to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes snackbar-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(100px)}}