.threads-register [hidden] { display: none !important; }
.threads-register > label { color: #ffd700; }
.threads-hint { display: block; color: #aaa; font-size: 12px; margin-top: 8px; }
.threads-status { font-size: 14px; color: #ddd; margin: 10px 0 0; }
.threads-status:empty { display: none; }
.threads-input-wrap { position: relative; }
.threads-input-wrap .threads-input-icon { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; color: #ffd700; pointer-events: none; }
.threads-register .threads-input-wrap input { padding-left: 44px; }
form .form-group[hidden] { display: none !important; }
.threads-card.is-confirmed .threads-actions { margin-top: 12px; }
.threads-card { margin-top: 14px; padding: 14px; border: 1px solid #383838; border-radius: 16px; background: #101010; }
.threads-person { display: flex; align-items: center; gap: 12px; min-width: 0; }
.threads-person > div { min-width: 0; overflow-wrap: anywhere; }
.threads-person strong, .threads-person div > span { display: block; }
.threads-person div > span { color: #bbb; font-size: 14px; margin-top: 3px; }
.threads-avatar { flex: 0 0 52px; width: 52px; height: 52px; border-radius: 50%; object-fit: cover; background: #303030; text-align: center; line-height: 52px; color: #ffd700; font-size: 24px; }
.threads-card > p { margin: 14px 0; color: #fff; font-weight: 600; }
.threads-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.threads-actions button { border: 0; border-radius: 10px; padding: 12px; cursor: pointer; font-weight: 700; }
.threads-actions button:first-child { flex: 1; background: #fff; color: #111; }
.threads-actions button:last-child { background: #292929; color: #fff; }
.threads-register button:focus-visible { outline: 2px solid #ffd700; outline-offset: 3px; }