[SwimmingRiver]

Summary

• iOS 포커스 자동 확대 방지: 16px 미만 입력 요소에 포커스하면 iOS Safari가 화면을 확대하고 폼을 닫아도 유지되던 문제. (hover: none) and (pointer: coarse) 터치 기기에서만 input/textarea/select를 16px로 올림(데스크톱 14px 유지). 가로 모드 폰은 480px를 넘으므로 폭 대신 포인터 기준, Android 핀치 줌을 막는 maximum-scale=1은 접근성 때문에 사용하지 않음
• 상세 패널 하단 버튼 한 줄 정렬(모바일): 삭제만 왼쪽에 남고 취소·저장만 세로 스택되던 불일치 → 삭제(아이콘만 44×44) · 취소 · 저장(남은 폭) 한 줄. 세로 스택용으로 남아 있던 Button의 모바일 width: 100% 규칙이 실제 원인이라 제거. 삭제 버튼 접근성 이름(할 일 삭제)은 유지
• 모달 닫기 버튼 통일: 공용 Modal과 AI 계획 모달의 회색 "X" 텍스트 버튼을 상세 패널 닫기 버튼(lucide X 20, 투명 배경, hover tint)과 같은 스타일로 변경. 공용 Modal을 쓰는 간략 입력·하위 할 일·캘린더 추가 모달 모두 적용

Test plan

• tsc -b, eslint 통과
• VITE_FIREBASE_API_KEY= npx vitest run 전체 868개 통과
• Playwright 모바일 에뮬레이션(390/320px, hasTouch)에서 입력 font-size 16px, 하단 버튼 한 줄(44px 높이) 확인
• 데스크톱(1200px)에서 입력 14px·하단 버튼 레이아웃 변화 없음 확인
• 실제 iPhone Safari에서 입력 포커스 시 확대되지 않는지 확인
• 목록 행의 상태 셀렉트 등 원래 작던 셀렉트가 터치 기기에서 16px로 커진 모습 확인

🤖 Generated with Claude Code