/* =================== hc-textarea.css =================== */
.hc-textarea {width: 100%; min-height: 100px; padding: 11px 14px; resize: vertical; font-family: inherit; font-size: var(--hc-fs-md); line-height: 1.4; color: var(--hc-ink); background: rgba(255,255,255,.72); border: 1px solid var(--hc-line); border-radius: var(--hc-r-sm); box-shadow: inset 0 1px 0 rgba(255,255,255,.35); transition: border-color var(--hc-dur-fast), box-shadow var(--hc-dur-fast)}
.hc-textarea:focus {border-color: var(--hc-accent); box-shadow: 0 0 0 3px var(--hc-accent-soft), inset 0 1px 0 rgba(255,255,255,.35); outline: none}
.hc-textarea::placeholder {color: var(--hc-ink-muted)}
.hc-textarea--mono {font-family: var(--hc-mono, "JetBrains Mono", monospace); font-size: 12.5px; line-height: 1.6}