.face-recognition-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:flex-end;justify-content:center}.face-recognition-backdrop{position:absolute;inset:0;background:rgba(36,31,27,.55);backdrop-filter:blur(3px)}.face-recognition-sheet{position:relative;width:min(760px,100%);max-height:min(82vh,820px);overflow:auto;background:var(--surface,#fffaf4);border-radius:24px 24px 0 0;padding:24px;box-shadow:0 -18px 55px rgba(0,0,0,.18)}.face-recognition-sheet header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.face-recognition-sheet header h2{margin:.25rem 0 .35rem}.face-recognition-sheet header p{margin:0;color:var(--muted,#776f67)}.face-close{border:0;background:transparent;font-size:2rem;line-height:1;cursor:pointer;color:inherit}.face-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.face-card{display:flex;gap:14px;align-items:center;border:1px solid rgba(93,78,66,.14);border-radius:16px;padding:10px;background:rgba(255,255,255,.55)}.face-card canvas{width:88px;height:88px;object-fit:cover;border-radius:12px;background:#eee;flex:0 0 88px}.face-card-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.face-card-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.face-card-copy small{color:var(--muted,#776f67)}.face-card-copy select{max-width:220px;margin-top:3px;padding:8px 10px;border-radius:10px;border:1px solid rgba(93,78,66,.25);background:white;color:inherit}.face-recognition-sheet footer{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding-top:4px}@media(max-width:639px){.face-recognition-sheet{padding:20px 16px calc(20px + env(safe-area-inset-bottom));max-height:88vh}.face-list{grid-template-columns:1fr}.face-card canvas{width:76px;height:76px;flex-basis:76px}.face-card-copy select{max-width:calc(100vw - 140px)}.face-recognition-sheet footer{justify-content:stretch}.face-recognition-sheet footer button{flex:1 1 100%}}