/* Local visitor identity and the stamp invitation, mobile only. */
html[data-layout="mobile"] .stamp-visitor { display: flex; align-items: center; gap: 10px; margin: 0 0 15px; }
html[data-layout="mobile"] .stamp-visitor-avatar { display: block; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 50%; }
html[data-layout="mobile"] .stamp-visitor-copy { display: grid; gap: 3px; min-width: 0; }
html[data-layout="mobile"] .stamp-visitor-name { color: var(--text); font-size: 13px; font-weight: 600; }
html[data-layout="mobile"] .stamp-visitor-status { color: var(--dim); font-size: 11px; }
html[data-layout="mobile"] .stamp-cat-symbol { display: block; width: 29px; height: 29px; margin-block: -2px; }
html[data-layout="mobile"] .stamp-btn.is-mine:disabled { opacity: 1; }
html[data-layout="mobile"] .stamp-cat-visitor { position: relative; overflow: visible; width: 37px; height: 37px; background: var(--surf); }
html[data-layout="mobile"] .stamp-chip-avatar { display: block; width: 29px; height: 29px; }
html[data-layout="mobile"] .stamp-chip-kind { position: absolute; right: -4px; bottom: -3px; display: grid; place-items: center; width: 18px; height: 18px; border: 1px solid var(--line); border-radius: 50%; background: var(--surf); font-size: 11px; line-height: 1; }
html[data-layout="mobile"] .stamp-picker.is-invited .stamp-btn:not(:disabled) { animation: stamp-invite-glow 1.35s ease-out; }
html[data-layout="mobile"] .stamp-picker:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
@keyframes stamp-invite-glow { 0%, 100% { border-color: var(--line); } 38% { border-color: var(--accent); background: var(--brass-soft); } }
@media (prefers-reduced-motion: reduce) { html[data-layout="mobile"] .stamp-picker.is-invited .stamp-btn { animation: none; } }