fix(profile): 한줄 소개 편집 폼이 항상 보이던 버그 수정

.profile-bio-form/.profile-bio-row 의 display:flex 가 HTML hidden 속성의 기본 display:none 을 이겨, 연필 클릭 전에도 폼이 문구와 함께 두 줄로 뜸. [hidden] 규칙을 명시해 숨김 (modal.css 의 reply-banner 패턴과 동일).

Co-Authored-By: Claude <noreply@anthropic.com>

public/css/components.css

@@ -165,11 +165,15 @@
 
 /* 한줄 소개 */
 .profile-bio-row { margin-top: 10px; display: flex; align-items: center; gap: 8px; }
+/* hidden 속성이 켜져 있으면 확실히 숨긴다 (display:flex 가 [hidden] 기본 규칙을 이겨 항상 보이던 버그 방지). */
+.profile-bio-row[hidden] { display: none; }
 .profile-bio { margin: 0; font-size: 13.5px; color: var(--fg2); line-height: 1.5; word-break: keep-all; overflow-wrap: break-word; }
 .profile-bio.is-empty { color: var(--fg3); font-style: italic; }
 .profile-bio-edit { flex: 0 0 auto; width: 24px; height: 24px; border-radius: 6px; border: 1px solid var(--border); background: var(--card); color: var(--fg3); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
 .profile-bio-edit:hover { color: var(--fg); border-color: var(--fg3); }
 .profile-bio-form { margin-top: 10px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
+/* hidden 속성이 켜져 있으면 확실히 숨긴다 (display:flex 가 [hidden] 기본 규칙을 이겨 항상 보이던 버그 방지). */
+.profile-bio-form[hidden] { display: none; }
 .profile-bio-form input { flex: 1 1 240px; min-width: 0; padding: 6px 10px; font-size: 13.5px; color: var(--fg); background: var(--card); border: 1px solid var(--border); border-radius: 8px; }
 .profile-bio-form input:focus { outline: none; border-color: var(--link); }