.contact-result{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--text);box-shadow:0 24px 90px #0004;animation:contact-result-in .18s ease-out}
.contact-result::backdrop{background:#0b1425a8;backdrop-filter:blur(5px)}
.contact-result-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.contact-result-kicker{font-size:.65rem;font-weight:700;letter-spacing:.15em;color:var(--faint)}
.contact-result-close{display:grid;place-items:center;width:44px;height:44px;margin:-10px -10px -10px 0;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:1.65rem;line-height:1}
.contact-result-close:hover{background:var(--surface)}
.contact-result-icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--line);border-radius:50%;background:var(--status-bg);color:var(--status);margin-bottom:22px}
.contact-result-icon svg{width:30px;height:30px;stroke-width:2}
.contact-result .result-error-icon{display:none}
.contact-result[data-kind=error] .result-success-icon{display:none}
.contact-result[data-kind=error] .result-error-icon{display:block}
.contact-result[data-kind=error] .contact-result-icon{background:var(--accent-soft);color:var(--accent)}
.contact-result h2{font-size:1.85rem;line-height:1.2;letter-spacing:-.035em;margin-bottom:15px}
.contact-result-description{font-size:.9rem;line-height:1.8}
.contact-result-reference{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-top:24px;padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:.63rem;letter-spacing:.1em;color:var(--faint)}
.contact-result-reference code{font-family:ui-monospace,Consolas,monospace;font-size:.85rem;color:var(--text);letter-spacing:.06em}
.contact-result-actions{display:flex;justify-content:flex-end;margin-top:27px}
.contact-result-actions .button{min-width:110px}
@keyframes contact-result-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:480px){.contact-result{padding:25px;border-radius:16px}.contact-result h2{font-size:1.65rem}.contact-result-actions .button{width:100%}.contact-result-actions{display:block}}
@media(prefers-reduced-motion:reduce){.contact-result{animation:none}.contact-result .button{transition:none}.contact-result .button:hover{transform:none}}