.face-visual{padding:12px 0 38px}.face-visual canvas{display:block;width:100%;height:clamp(300px,38vw,440px);background:radial-gradient(ellipse at center,#f1f2f7 0%,#fff 72%);border-radius:16px}.face-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 12px}.face-caption p{font-size:.72rem;font-weight:700;letter-spacing:2px;color:var(--muted);margin:0}.face-caption p span{color:var(--accent)}.face-caption button{font:inherit;font-size:.75rem;color:var(--muted);background:transparent;border:1px solid #dcdde5;border-radius:20px;padding:7px 13px;cursor:pointer}.face-caption button:hover{color:var(--accent);border-color:var(--accent)}.face-caption button[hidden]{display:none}@media(max-width:500px){.face-caption{flex-direction:column;gap:12px}.face-visual canvas{height:320px}}