:root{--bg: #020617;--panel: #0f172a;--accent: #22c55e;--text: #e5e7eb;--muted: #94a3b8;--error: #ef4444}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif}.app{max-width:420px;margin:auto;padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom)}header{text-align:center;margin:12px 0}header h1{margin:0;font-size:1.4rem}header h2{margin:0;color:#87cefa;font-size:.8rem}#support{margin-top:6px;font-size:.85rem}#support.ok{color:var(--accent)}#support.error{color:var(--error)}.scanner{position:relative;aspect-ratio:1 / 1;background:#000;border-radius:16px;overflow:hidden;margin-top:12px}video,canvas{width:100%;height:100%;object-fit:cover}canvas{position:absolute;inset:0}.overlay{position:absolute;inset:15%;border:3px solid var(--accent);border-radius:12px;box-shadow:0 0 0 9999px #0006;pointer-events:none}button{width:100%;margin-top:12px;padding:12px;border-radius:12px;border:none;background:var(--accent);color:#022c22;font-size:1rem;font-weight:600}button:disabled{background:#334155;color:#94a3b8}button:active{transform:scale(.98)}.history{margin-top:16px}.history h2{font-size:1rem;margin:0 0 8px}#history{list-style:none;padding:0;margin:0}#history li{display:flex;gap:10px;background:var(--panel);padding:8px;border-radius:10px;margin-bottom:8px;align-items:center}#history img{width:48px;height:48px;object-fit:cover;border-radius:6px}#history .code{font-size:.85rem;word-break:break-all}.only-desktop{display:none}@media(min-width:768px){.app{max-width:480px}}@media(min-width:768px){.only-desktop{display:block}}