#contact-dialog { width: min(620px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); }
#contact-form { display: grid; gap: 18px; }
#contact-form[hidden] { display: none; }
#contact-form .contact-field { display: grid; gap: 8px; min-width: 0; }
#contact-form input, #contact-form select, #contact-form textarea { box-sizing: border-box; width: 100%; min-width: 0; min-height: 48px; padding: 10px 12px; border: 0; border-bottom: 1px solid currentColor; border-radius: 0; background: transparent; color: #080808; font: 400 16px/1.5 var(--body); }
#contact-form select { color-scheme: light; }
#contact-form option { background: #eee; color: #080808; }
#contact-form :is(input, select, textarea):focus-visible { outline: 2px solid currentColor; outline-offset: -2px; }
#contact-form textarea { resize: vertical; }
#contact-form .contact-honey { display: none; }
#contact-dialog h2 { margin-bottom: 24px; font-size: 32px; line-height: 1.1; }
#contact-dialog .form-privacy, #contact-success { font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; }
.design-footer { flex-wrap: wrap; gap: 16px; }