/* 2.3.215 «Я узнал(а)»: the button, the «?» circles over the photo, the «Кто это?» window (desktop gallery and /m/) */
.recognize-button{display:inline-flex;align-items:center;gap:6px;min-height:36px;margin:8px 0 0;padding:0 14px;border-radius:18px;border:1px solid #c9b48a;background:#fffaf0;color:#5b3d12;font:600 14px/1 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer}
.recognize-button[aria-pressed="true"]{background:#5b3d12;color:#fff;border-color:#5b3d12}
.recognize-layer{position:fixed;inset:0;pointer-events:none;z-index:2147482000}
.recognize-layer[hidden]{display:none}
.recognize-dot{position:fixed;display:grid;place-items:center;border-radius:50%;border:2px solid #fff;background:#f3dca6e6;color:#5b3d12;font-weight:700;box-shadow:0 2px 10px #0008;cursor:pointer;pointer-events:auto;padding:0}
.recognize-dot:hover,.recognize-dot:focus-visible{background:#fff;outline:3px solid #f3dca6}
.recognize-hint{position:fixed;transform:translateX(-50%);max-width:calc(100vw - 32px);text-align:center;margin:0;padding:6px 12px;border-radius:14px;background:#000a;color:#fff;font:14px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;pointer-events:none}
.recognize-dialog{border:0;border-radius:14px;padding:20px;width:min(420px,calc(100vw - 32px));color:#232923;font:16px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif}
.recognize-dialog::backdrop{background:#000a}
.recognize-dialog h2{margin:0 0 12px;font:600 22px/1.2 Georgia,serif}
.recognize-field{display:flex;flex-direction:column;gap:4px;margin:0 0 12px}
.recognize-field span{font-size:14px;color:#5d6658}
.recognize-field input{min-height:44px;padding:0 12px;border:1px solid #cfd6cc;border-radius:10px;font:inherit}
.recognize-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.recognize-status{min-height:1.4em;margin:0 0 8px;color:#5b3d12}
.recognize-actions{display:flex;gap:10px;justify-content:flex-end}
.recognize-actions button{min-height:44px;padding:0 18px;border-radius:22px;border:1px solid #cfd6cc;background:#fff;font:inherit;cursor:pointer}
.recognize-actions .recognize-send{background:#232923;color:#fff;border-color:#232923}
/* /m/: the button sits in the viewer's bottom bar */
.viewer .recognize-button{margin:0 8px;min-height:40px;background:#ffffff26;color:#fff;border-color:#ffffff55}
/* 2.3.216: the face on top of the window, the name suggestions */
.recognize-face{width:76px;height:76px;margin:0 auto 10px;border-radius:50%;background:#ddd no-repeat;border:3px solid #f3dca6;box-shadow:0 2px 8px #0003}
.recognize-dialog h2{text-align:center}
.recognize-suggest{display:flex;flex-direction:column;gap:2px;margin:-8px 0 12px;padding:4px;border:1px solid #cfd6cc;border-radius:10px;max-height:240px;overflow:auto}
.recognize-suggest[hidden]{display:none}
.recognize-option{all:unset;padding:8px 10px;border-radius:8px;cursor:pointer}
.recognize-option:hover,.recognize-option:focus-visible{background:#f3ead6}