[data-contact-quick] {
  min-width: 0;
  padding: clamp(24px, 4vw, 40px);
  border: 1px solid var(--line-strong, rgba(245, 241, 232, .2));
  border-radius: var(--radius, 10px);
  background: var(--bg-raised, #101012);
  color: var(--paper, #f5f1e8);
}

[data-contact-quick]:not(.contact-quick--enhanced) :is(.contact-quick__field, [data-quick-error], [data-quick-status], [data-quick-preview]) {
  display: none;
}

[data-contact-quick] label {
  display: block;
  margin-bottom: 10px;
  color: var(--paper, #f5f1e8);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

[data-contact-quick] :is(textarea, input) {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 13px 15px;
  border: 1px solid var(--line-strong, rgba(245, 241, 232, .2));
  border-radius: 8px;
  background: var(--bg, #0a0a0b);
  color: var(--paper, #f5f1e8);
  font: inherit;
  font-size: 16px;
  line-height: 1.6;
  scroll-margin-top: 110px;
}

[data-contact-quick] textarea { min-height: 150px; resize: vertical; }
[data-contact-quick] :is(textarea, input)::placeholder { color: var(--paper-faint, #a49f9b); opacity: 1; }
[data-contact-quick] :is(textarea, input):focus-visible {
  border-color: var(--lila-bright, #a89ff0);
  outline: 2px solid var(--lila-bright, #a89ff0);
  outline-offset: 3px;
}

[data-contact-quick] .contact-quick__field + .contact-quick__field { margin-top: 24px; }
[data-contact-quick] .contact-quick__help,
[data-contact-quick] .contact-quick__privacy { margin-top: 12px; color: var(--paper-muted, #b9b6b1); font-size: 13px; line-height: 1.65; }
[data-contact-quick] .contact-quick__privacy a { text-decoration: underline; text-underline-offset: 4px; }
[data-contact-quick] [data-quick-count] { margin-top: 8px; color: var(--paper-muted, #b9b6b1); font-size: 12px; text-align: right; font-variant-numeric: tabular-nums; }
[data-contact-quick] .contact-quick__channels { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
[data-contact-quick] [data-quick-channel] { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; white-space: normal; text-align: center; }
[data-contact-quick] [data-quick-error]:not(:empty),
[data-contact-quick] [data-quick-status]:not(:empty) { margin-top: 16px; font-size: 14px; line-height: 1.6; }
[data-contact-quick] [data-quick-error] { color: var(--error-text, #f4b7b7); }
[data-contact-quick] [aria-invalid="true"] { border-color: var(--error-text, #f4b7b7); }
[data-contact-quick] [data-quick-status] { color: var(--paper, #f5f1e8); }
[data-contact-quick] [data-quick-preview] { margin-top: 18px; color: var(--paper-muted, #b9b6b1); font-size: 14px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
[data-contact-quick] [hidden] { display: none !important; }

.contact-column { min-width: 0; }
.contact-detailed { margin-top: 23px; border-block: 1px solid var(--line-strong); }
.contact-detailed > summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; min-height: 60px; padding-block: 15px; font-size: 12px; color: var(--paper-muted); cursor: pointer; list-style: none; }
.contact-detailed > summary::-webkit-details-marker { display: none; }
.contact-detailed > summary > span { font-size: 23px; color: var(--lila-bright); }
.contact-detailed[open] > summary > span { transform: rotate(45deg); }
.contact-detailed > .contact-brief { margin-bottom: 22px; }

@media (max-width: 520px) {
  [data-contact-quick] { padding: 24px 20px; }
  [data-contact-quick] .contact-quick__channels { flex-direction: column; }
  [data-contact-quick] [data-quick-channel] { width: 100%; }
}