*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#f8fafc;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:#0f172a;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;height:100%;display:flex}.app-header{padding:calc(.75rem + env(safe-area-inset-top)) 1rem .75rem;align-items:center;gap:.6rem;display:flex}.app-header h1{letter-spacing:.02em;margin:0;font-size:1.15rem;font-weight:700}.badge{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;border:1px solid #334155;border-radius:999px;padding:.15rem .55rem;font-size:.7rem;font-weight:600}.scanner{background:#020617;flex:1;min-height:0;position:relative;overflow:hidden}.scanner video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scanner--error{justify-content:center;align-items:center;padding:2rem;display:flex}.scanner--error p{text-align:center;color:#cbd5e1;max-width:26rem;line-height:1.5}.viewfinder{aspect-ratio:3/2;pointer-events:none;width:min(72vw,340px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.corner{border:3px solid #f8fafc;border-radius:2px;width:26px;height:26px;position:absolute}.corner--tl{border-bottom:none;border-right:none;top:0;left:0}.corner--tr{border-bottom:none;border-left:none;top:0;right:0}.corner--bl{border-top:none;border-right:none;bottom:0;left:0}.corner--br{border-top:none;border-left:none;bottom:0;right:0}.laser{background:#ef4444d9;height:2px;animation:2.2s ease-in-out infinite sweep;position:absolute;top:50%;left:8%;right:8%;box-shadow:0 0 8px #ef4444b3}@keyframes sweep{0%,to{transform:translateY(-42px)}50%{transform:translateY(42px)}}.result-area{padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));justify-content:center;align-items:center;min-height:6.5rem;display:flex}.hint{color:#64748b;margin:0;font-size:.95rem}.result{background:#1e293b;border:1px solid #334155;border-radius:12px;flex-direction:column;gap:.25rem;width:100%;max-width:26rem;padding:.85rem 1rem;animation:.25s ease-out pop;display:flex}@keyframes pop{0%{opacity:.4;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.result-format{text-transform:uppercase;letter-spacing:.08em;color:#38bdf8;font-size:.7rem;font-weight:600}.result-value{word-break:break-all;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1.15rem}