*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#102d31;color:#effafa;font:15px system-ui,sans-serif}header{position:fixed;z-index:2;top:max(14px,env(safe-area-inset-top));inset-inline:14px;display:flex;align-items:center;justify-content:space-between}.brand,#stop,#tracking{background:#12373bd9;color:white;border-radius:999px;padding:9px 13px}#camera-view{position:fixed;inset:0;overflow:hidden}#intro{position:relative;display:grid;place-items:center;min-height:100dvh;padding:64px 16px 26px}.panel{width:min(100%,390px);background:#fff;color:#18373b;padding:22px;border-radius:14px;display:grid;gap:12px;text-align:center}h1{font-size:22px;overflow-wrap:anywhere;margin:0}p{margin:0;line-height:1.55}button{font:inherit;cursor:pointer;border:0;border-radius:8px;padding:12px;background:#007a7d;color:#fff}button:disabled{opacity:.55;cursor:default}#target{display:block;max-width:100%;max-height:38vh;margin:auto;object-fit:contain;border-radius:7px}#error{color:#a1394d}#tracking{position:fixed;z-index:2;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);text-align:center;width:max-content;max-width:90%;pointer-events:none}
