body{color:#1c1c1e;background:#fff;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{max-width:28rem;margin:0 auto;padding:1rem 1rem 3rem}h1{margin:.5rem 0 0;font-size:1.5rem}h2{margin:0 0 .25rem;font-size:1.2rem}.sub{color:#555;margin:.25rem 0 1rem}.card{border:1px solid #e2e2e6;border-radius:12px;margin-bottom:1rem;padding:1rem}.scan-btn{text-align:center;color:#fff;cursor:pointer;background:#7a1f2b;border-radius:12px;padding:1rem;font-size:1.25rem;font-weight:700;display:block}.preview{border-radius:8px;width:100%;margin-top:1rem}.status{min-height:1.25em;margin:.75rem 0 0}.score{margin:.25rem 0;font-size:2rem;font-weight:800}.buddies{font-size:1.1rem}.gray{color:#6b6b70;margin:.5rem 0 0;font-size:.85rem}.expl{margin:.5rem 0 0;font-size:1.05rem;line-height:1.45}.row{gap:.75rem;display:flex}.btn{color:#1c1c1e;cursor:pointer;background:#f4f4f6;border:1px solid #ccc;border-radius:10px;flex:1;padding:.8rem;font-size:1rem}.btn:disabled{opacity:.5;cursor:default}.btn.good{color:#fff;background:#1f7a3a;border-color:#0000}.btn.bad{color:#7a1f2b;background:#fff;border-color:#7a1f2b}.btn.small{flex:none;padding:.5rem .8rem;font-size:.9rem}#again{width:100%}.bars{margin-top:.75rem}.bar-row{align-items:center;gap:.5rem;margin:.3rem 0;display:flex}.bar-label{text-transform:capitalize;width:5.5rem;font-size:.9rem}.bar-track{background:#eee;border-radius:4px;flex:1;height:.6rem}.bar-fill{background:#7a1f2b;border-radius:4px;height:100%}.bar-num{text-align:right;font-variant-numeric:tabular-nums;width:2rem}footer{border-top:1px solid #e2e2e6;margin-top:1.5rem;padding-top:1rem}footer a{color:#7a1f2b}