# 모바일 사용성 개선 (로그인 & 가독성)

> **일시**: 2026-02-11 12:05
> **상태**: 🟢 완료 (Completed & Deployed)

---

## 1. 개요
- **문제 1**: 모바일 인앱 브라우저(카카오톡 등)에서 Google 로그인 시 `403 disallowed_useragent` 에러 발생.
- **문제 2**: 모바일 화면에서 리스트 들여쓰기가 PC와 동일하게(40px/level) 적용되어 5단계 이상 중첩 시 본문 영역 침범.
- **해결**: 인앱 브라우저 감지 로직 적용 및 모바일 전용 초밀착(Ultra Compact) 들여쓰기 최적화.

## 2. 작업 목록 (Completed Tasks)

### 2.1. 로그인 오류 해결 (Phase 6.1)
- [x] **`src/lib/browserUtils.ts`**: 인앱 브라우저(카카오톡, 네이버 등) 감지 함수 구현
- [x] **`src/app/login/page.tsx`**: Android 자동 리다이렉트(`intent://`) 및 iOS 안내 UI(주소 복사) 적용
- [x] 검증: 로컬 빌드 테스트 및 Vercel 배포 완료

### 2.2. 모바일 가독성 최적화 (Phase 6.2)
- [x] **회의 소집**: 전체 에이전트 회의를 통해 모바일 전용 축소안 도출
- [x] **CSS 수정 (`globals.css`)**: `max-width: 640px` 미디어 쿼리 적용
    - **OL (숫자)**: `40px` → `20px` → **`0.8rem (12.8px)`** (최종: 68% 축소)
    - **UL (블릿)**: `20px` → `12px` → **`0.6rem (9.6px)`** (최종: 52% 축소)
    - 숫자 박스 너비 및 자간 축소로 공간 효율 극대화

## 3. 검증 및 배포
- [x] PC/모바일 일반 브라우저 로그인 정상 확인
- [x] 인앱 브라우저(카카오톡) 이탈 로직 확인
- [x] 모바일 기기(Galaxy/iPhone) 화면에서 깊은 리스트 가독성 확인
- [x] **Vercel Production 배포 완료** (v6.2)

---
*본 문서는 `.agent/workflows/create-doc.md` 지침에 따라 완료된 작업을 기록한 Task Log입니다.*