.scan-wrap{color:#e8eaf0;background:#0f1116;flex-direction:column;gap:14px;max-width:480px;min-height:100dvh;margin:0 auto;padding:16px;display:flex}:is(html:has(.scan-wrap),body:has(.scan-wrap)){background:#0f1116}.scan-mode{white-space:nowrap;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.scan-mode .dot{background:currentColor;border-radius:50%;width:8px;height:8px}.scan-mode.on{color:#3fbf7a;background:#12321f}.scan-mode.off{color:#e0a63c;background:#3a2c10}.scan-meter{background:#262a35;border-radius:3px;height:6px;overflow:hidden}.scan-meter span{background:#7088f5;border-radius:3px;height:100%;transition:width .3s;display:block}.scan-view{background:#1a1d25;border-radius:20px;justify-content:center;align-items:center;height:260px;display:flex;position:relative;overflow:hidden}.scan-view video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scan-view .c{z-index:2;border:0 solid #e8eaf0;width:36px;height:36px;position:absolute}.scan-view .tl{border-top-width:3px;border-left-width:3px;border-radius:8px 0 0;top:40px;left:22%}.scan-view .tr{border-top-width:3px;border-right-width:3px;border-radius:0 8px 0 0;top:40px;right:22%}.scan-view .bl{border-bottom-width:3px;border-left-width:3px;border-radius:0 0 0 8px;bottom:40px;left:22%}.scan-view .br{border-bottom-width:3px;border-right-width:3px;border-radius:0 0 8px;bottom:40px;right:22%}.scan-view .hint{color:#e8eaf0;z-index:2;background:#0f111699;border-radius:999px;padding:4px 10px;font-size:13px;position:absolute;bottom:12px}.scan-start{z-index:3;color:#e8eaf0;cursor:pointer;background:#262a35;border:1px solid #3a3f4c;border-radius:14px;max-width:80%;padding:14px 18px;font-size:15px;font-weight:600}.scan-result{color:#fff;border-radius:16px;align-items:center;gap:14px;padding:18px;animation:.18s ease-out pop;display:flex}.scan-result.ok{background:#1c7445}.scan-result.warn{background:#8a5a06}.scan-result.bad{background:#9d2f22}.scan-result .ico{background:#ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:26px;font-weight:700;display:flex}.scan-result .big{font-family:var(--display);letter-spacing:.01em;font-size:22px;font-weight:700;line-height:1.15}@keyframes pop{0%{opacity:.6;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.scan-log{flex-direction:column;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.scan-log li{border-bottom:1px solid #262a35;align-items:center;gap:10px;padding:8px 0;display:flex}.scan-log .dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.scan-log .dot.ok{background:#3fbf7a}.scan-log .dot.warn{background:#e0a63c}.scan-log .dot.bad{background:#e47563}.scan-log .grow.warn{color:#e0a63c}.scan-log .grow.bad{color:#e47563}.scan-actions{grid-template-columns:minmax(0,1fr) 56px;gap:10px;margin-top:auto;display:grid}.scan-btn{color:#e8eaf0;cursor:pointer;background:#1a1d25;border:1px solid #3a3f4c;border-radius:14px;height:56px;padding:0 16px;font-size:16px;font-weight:600}.scan-btn.sq{padding:0;font-size:22px}.scan-btn:disabled{opacity:.6}.scan-link{color:#a7adbd;cursor:pointer;background:0 0;border:0;align-self:center;font-size:13px;text-decoration:underline}.scan-input{color:#e8eaf0;height:52px;font-size:18px;font-family:var(--mono);background:#1a1d25;border:1px solid #3a3f4c;border-radius:12px;width:100%;padding:0 14px}.scan-modal{z-index:10;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.scan-modal form{color:#e8eaf0;background:#1a1d25;border-radius:20px 20px 0 0;width:min(480px,100%);padding:22px 16px 28px}