:root{color:#172d48;font-synthesis:none;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#edf2f7;font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Microsoft JhengHei,sans-serif;font-size:18px;font-weight:500}*{box-sizing:border-box}body{margin:0}button{font:inherit;touch-action:manipulation;cursor:pointer;border:0}button:focus-visible{outline-offset:4px;outline:4px solid #f0ab27}button:disabled{opacity:.4;cursor:default}.app{width:100%;max-width:520px;padding:calc(16px + env(safe-area-inset-top)) 20px calc(14px + env(safe-area-inset-bottom));background:#fff;min-height:100dvh;margin:auto}.top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-icon{color:#fff;background:#173f73;border-radius:11px;place-items:center;width:40px;height:40px;padding:8px;display:grid}svg{width:100%;height:100%}h1{letter-spacing:.025em;margin:0;font-size:25px;font-weight:800}.sound{color:#173f73;background:#edf2f7;border-radius:12px;min-height:48px;padding:9px 12px;font-size:17px;font-weight:700}.reference{border:2px solid #dbe3ec;border-radius:16px;margin-bottom:14px;padding:14px 16px}.reference-heading{justify-content:space-between;align-items:center;font-size:18px;font-weight:700;display:flex}.step{background:#edf2f7;border-radius:6px;padding:4px 9px;font-size:14px}.reference p{color:#51647b;margin:10px 0 0;font-size:16px;line-height:1.5}.digits{overflow-wrap:anywhere;letter-spacing:.035em;margin-top:10px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:clamp(21px,6vw,30px);display:block}.result{color:#173f73;background:#eaf1fb;border-radius:20px;min-height:191px;margin-bottom:14px;padding:17px 20px 20px}.result-top{justify-content:space-between;align-items:center;font-size:15px;font-weight:650;display:flex}.status-dot{background:currentColor;border-radius:50%;width:9px;height:9px}.result-title{align-items:center;gap:12px;margin:18px 0 10px;display:flex}.result h2{letter-spacing:-.02em;margin:0;font-size:clamp(30px,8.5vw,44px);font-weight:850;line-height:1.1}.result-symbol{text-align:center;flex-shrink:0;width:42px;font-family:Arial,sans-serif;font-size:55px;font-weight:700;line-height:.8}.result-symbol svg{height:35px}.result p{margin:0;font-size:19px;line-height:1.5}.result.match{color:#fff;background:#087644}.result.mismatch{color:#fff;background:#ba2434}.result.reference{color:#173f73;background:#eaf1fb;border:0}.scanned{flex-wrap:wrap;gap:4px 10px;margin-top:12px;font-size:15px;display:flex}.scanned b{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,monospace}.camera{background:#142235;border-radius:20px;height:436px;margin-bottom:14px;position:relative;overflow:hidden}.camera video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.guide{z-index:1;width:84%;height:42%;position:absolute;top:29%;left:8%;box-shadow:0 0 0 250px #09122166}.guide i{border:0 solid #fff;width:23px;height:23px;position:absolute}.guide i:first-child{border-top-width:4px;border-left-width:4px;border-top-left-radius:6px;top:0;left:0}.guide i:nth-child(2){border-top-width:4px;border-right-width:4px;border-top-right-radius:6px;top:0;right:0}.guide i:nth-child(3){border-bottom-width:4px;border-left-width:4px;border-bottom-left-radius:6px;bottom:0;left:0}.guide i:nth-child(4){border-bottom-width:4px;border-right-width:4px;border-bottom-right-radius:6px;bottom:0;right:0}.camera-badge{z-index:3;color:#fff;font-size:14px;position:absolute;top:13px;left:16px}.camera-hint{z-index:3;color:#fff;text-align:center;font-size:16px;font-weight:600;position:absolute;bottom:14px;left:8px;right:8px}.camera-cover{color:#e6edf8;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.camera-cover svg{width:40px;height:35px}.camera-cover span{font-size:18px}.controls{z-index:4;padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:#fff;grid-template-columns:1.55fr 1fr;gap:10px;display:grid;position:sticky;bottom:0}.primary,.secondary{border-radius:14px;min-height:66px;padding:14px 12px;font-size:23px;font-weight:750}.primary{color:#fff;background:#173f73;justify-content:center;align-items:center;gap:16px;display:flex}.secondary{color:#173f73;background:#fff;border:2px solid #cbd7e5}footer{color:#51647b;justify-content:center;gap:25px;margin-top:18px;font-size:16px;display:flex}footer b{color:#172d48;font-size:19px}.privacy{text-align:center;color:#5a6c82;margin:13px 0 0;font-size:13px}dialog{color:#172d48;border:0;border-radius:22px;width:410px;max-width:calc(100% - 32px);padding:26px;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#0b1d39a8}dialog h2{margin:0 0 16px;font-size:27px}dialog p{font-size:20px;line-height:1.6}dialog button{width:100%;margin-top:12px;font-size:21px}@media (max-width:360px){.app{padding-left:12px;padding-right:12px}h1{font-size:23px}.result{padding:16px}.primary,.secondary{font-size:20px}.camera-cover span{font-size:16px}}@media (min-width:700px){.app{border-radius:28px;min-height:0;margin:30px auto;padding:26px;box-shadow:0 16px 60px #173f7312}.camera{height:470px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}