*{box-sizing:border-box}html,body,#app{color:#fff;background:#111;width:100%;height:100%;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.hidden{display:none!important}.page{min-height:100%}.card{background:#1d1d1d;border-radius:18px;width:min(92vw,360px);margin:12vh auto;padding:24px}.card h1{margin-top:0}input,button{border:0;border-radius:12px;width:100%;margin-top:12px;padding:14px;font-size:16px}button{color:#111;background:#fff;font-weight:700}button:disabled{opacity:.6}.scanner{flex-direction:column;height:100vh;display:flex}.topbar{background:#000;justify-content:space-between;align-items:center;height:100px;padding:12px;display:flex}.topbar button{width:auto;margin:0;padding:8px 14px}.videoBox{background:#000;flex:1;position:relative;overflow:hidden}video{object-fit:cover;width:100%;height:100%}.guide{aspect-ratio:1;border:3px solid #fff;border-radius:24px;width:72vw;max-width:340px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #00000059}.result{text-align:center;background:#222;flex-direction:column;justify-content:center;min-height:120px;padding:18px;font-size:22px;display:flex}.result strong{font-size:34px}.result span{opacity:.9;font-size:20px}.result.success{background:#0f5132}.result.warning{background:#664d03}.result.error{background:#842029}.result.loading{background:#333}.mode-selector{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.mode-selector button,.mode-pill{color:#fff;background:0 0;border:1px solid #fff;border-radius:999px;padding:6px 10px;font-size:13px;line-height:1}.mode-selector button.active{color:#111;background:#fff}.result small{opacity:.75;margin-top:6px;font-size:14px}.action-selector{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.action-selector button,.action-pill{color:#fff;background:0 0;border:1px solid #fff;border-radius:999px;padding:6px 10px;font-size:13px;line-height:1}.action-selector button.active{color:#111;background:#fff}.action-pill{display:inline-block}