.bio{max-width:460px;margin-inline-start:auto;width:100%}.bio .app-ui{box-shadow:var(--shadow-lg);border:1px solid #D9D6CF}.bio-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.bio-top b{display:block;font-size:16px;color:var(--dark)}.bio-top span{font-size:13px;color:var(--text-3)}.bio-reader{padding:22px 16px 14px;text-align:center}.bio-sensor{position:relative;width:132px;height:132px;border-radius:50%;border:2px solid #D9D6CF;background:#fbfaf8;color:var(--text-3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .2s,color .2s,background .2s}.bio-sensor:hover{border-color:var(--brand);color:var(--brand)}.bio-sensor:focus-visible{outline:3px solid var(--brand-100);outline-offset:3px}.bio-face,.bio[data-mode=face] .bio-fp{display:none}.bio[data-mode=face] .bio-face{display:block}.bio[data-mode=face] .bio-sensor{border-radius:22px}.bio-beam{position:absolute;inset-inline:10px;top:12%;height:3px;border-radius:3px;background:var(--brand);box-shadow:0 0 12px var(--brand);opacity:0}.bio[data-state=scan] .bio-sensor{color:var(--brand);border-color:var(--brand)}.bio[data-state=scan] .bio-beam{opacity:1;animation:bio-sweep 1.1s ease-in-out}.bio[data-state=done] .bio-sensor{color:var(--success);border-color:var(--success);background:var(--success-50)}@keyframes bio-sweep{0%{top:12%}50%{top:85%}to{top:12%}}.bio-hint{font-size:13px;color:var(--text-3);margin:12px 0 0}.bio-out{list-style:none;margin:12px 0 0;padding:4px 14px}.bio-out li{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #ECEAE5}.bio-out li:first-child{border-top:0}.bio-out li i{width:10px;height:10px;border-radius:50%;background:#d6dae2;flex-shrink:0;transition:background .2s,box-shadow .2s}.bio-out li.on i{background:var(--success);box-shadow:0 0 0 4px #e3f1e1}.bio-out b{display:block;font-size:16px;color:var(--dark)}.bio-out span{display:block;font-size:13px;color:var(--text-3)}.bio-out li.on b{color:#3a7432}.tp-split-text .tp-def{margin-top:6px}.cmp-picks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px}.cmp-picks button{font:inherit;font-size:13px;font-weight:600;color:var(--dark);background:#fff;border:1px solid var(--border-strong);border-radius:999px;padding:8px 14px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.cmp-picks button:hover{border-color:var(--brand);color:var(--brand)}.cmp-picks button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.cmp-say{text-align:center;font-size:16px;font-weight:600;color:var(--dark);min-height:26px;margin:0 0 16px}.cmp .tp-table td,.cmp .tp-table th{transition:background .2s}.cmp[data-pick~=fp] .c-fp,.cmp[data-pick~=face] .c-face,.cmp[data-pick~=card] .c-card{background:var(--brand-light);color:var(--dark)}.cmp[data-pick~=fp] th.c-fp,.cmp[data-pick~=face] th.c-face,.cmp[data-pick~=card] th.c-card{color:var(--brand-dark);box-shadow:inset 0 3px 0 var(--brand)}.log{border-radius:0;padding:20px}.log-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.log-title{font-size:18px;font-weight:800;color:var(--dark)}.log-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.log-kpis>div{padding:14px 16px}.log-kpis span{display:block;font-size:13px;color:var(--text-3)}.log-kpis b{display:block;font-size:18px;font-weight:800;color:var(--dark);margin-top:4px;text-align:start}.log-card{overflow:hidden}.log-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:13px;color:var(--text-3)}.log-card-head b{font-size:16px;color:var(--dark);display:inline-flex;align-items:center;gap:8px}.log-card-head .dot{width:8px;height:8px;border-radius:50%;background:var(--success)}.log-t{width:100%;border-collapse:collapse;font-size:13px}.log-t th{text-align:start;font-weight:700;color:var(--dark);background:#f5f3ee;padding:10px 14px;white-space:nowrap}.log-t td{padding:10px 14px;border-top:1px solid #ECEAE5;color:var(--dark);vertical-align:middle;white-space:nowrap}.log-time{font-variant-numeric:tabular-nums;font-weight:600;text-align:end}.log-av{display:inline-flex;width:26px;height:26px;border-radius:50%;align-items:center;justify-content:center;background:var(--brand-light);color:var(--brand-dark);font-size:13px;font-weight:700;margin-inline-end:8px}.log-dir{display:inline-block;font-weight:600;border-radius:999px;padding:1px 10px}.log-dir.in{background:var(--brand-light);color:var(--brand-dark)}.log-dir.out{background:#fff4e5;color:#b65a0e}.log-door{color:var(--mid)!important}.log-st{display:inline-block;font-weight:600;border-radius:999px;padding:1px 10px}.log-st.ok{background:#e3f1e1;color:#3a7432}.log-st.no{background:#fdecea;color:#c73524}.tp-stack{grid-template-columns:1fr!important}@media(max-width:960px){.bio{margin-inline:auto}}@media(max-width:720px){.cmp .tp-table{min-width:0}.cmp .c-fp,.cmp .c-face,.cmp .c-card{display:none}.cmp[data-pick~=fp] .c-fp,.cmp[data-pick~=face] .c-face,.cmp[data-pick~=card] .c-card{display:table-cell}.log .seg{display:grid;grid-template-columns:1fr 1fr;width:100%}.log{padding:12px}.log-kpis{grid-template-columns:1fr 1fr 1fr;gap:8px}.log-kpis>div{padding:10px}.log-t thead{display:none}.log-t,.log-t tbody{display:block}.log-t tr{display:grid;grid-template-columns:auto 1fr auto;gap:4px 10px;align-items:center;padding:10px 12px;border-top:1px solid #ECEAE5}.log-t tr[hidden]{display:none}.log-t td{padding:0;border:0}.log-t td:nth-child(1){grid-column:3;grid-row:1}.log-t td:nth-child(2){grid-column:1 / 3;grid-row:1}.log-t td:nth-child(3){grid-column:1;grid-row:2}.log-t td:nth-child(4){grid-column:2;grid-row:2;white-space:normal}.log-t td:nth-child(5){grid-column:3;grid-row:2}}@media(max-width:400px){.log-kpis span{min-height:34px}}@media(prefers-reduced-motion:reduce){.bio[data-state=scan] .bio-beam{animation:none;top:48%}}