.contact-trigger { padding: 0; border: 0; background: transparent; color: var(--accent); font: inherit; font-weight: 700; text-decoration: underline; cursor: pointer; }
#contact-dialog { width: min(480px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); box-sizing: border-box; overflow: auto; margin: auto; padding: 24px; border: 1px solid var(--border); border-radius: 16px; color: var(--text); background: var(--surface); box-shadow: 0 24px 80px rgb(15 23 42 / 20%); }
#contact-dialog::backdrop { background: rgb(15 23 42 / 48%); backdrop-filter: blur(3px); }
#contact-form { display: grid; gap: 14px; font-size: 13px; }
#contact-form h2, #contact-form p { margin: 0; }
#contact-form h2 { font-size: 21px; }
#contact-form p { color: var(--muted); line-height: 1.5; }
#contact-form label { display: grid; gap: 6px; font-weight: 600; }
#contact-form input, #contact-form textarea { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface-muted); color: var(--text); font: inherit; }
#contact-form textarea { min-height: 130px; resize: vertical; }
.contact-actions { display: flex; justify-content: flex-end; gap: 8px; }
#contact-form button { padding: 9px 14px; font-size: 13px; }
#contact-form [hidden] { display: none; }