From cee589bb3eeecdb52deaf9c18c75b00676d4bb5c Mon Sep 17 00:00:00 2001
From: shinalok <shinalok357@gmail.com>
Date: Thu, 16 Jul 2026 18:06:17 +0900
Subject: [PATCH] Initial commit: habit tracker PWA with Google OAuth, push
 notifications

FastAPI + SQLAlchemy/Alembic + MariaDB backend with Jinja2/htmx/Alpine
server-rendered frontend. Multi-user via Google OAuth, daily habit
tracking, monthly/weekly history views, Web Push reminders via
APScheduler, and PWA support (manifest, service worker, offline caching).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 .dockerignore                                 |  13 +
 .env.example                                  |  22 +
 .gitignore                                    |  14 +
 CLAUDE.md                                     | 100 +++
 Dockerfile                                    |  23 +
 README.md                                     | 129 ++++
 alembic.ini                                   |  38 ++
 app/__init__.py                               |   0
 app/config.py                                 |  22 +
 app/database.py                               |  21 +
 app/main.py                                   |  77 +++
 app/models/__init__.py                        |  16 +
 app/models/habit.py                           |  48 ++
 app/models/habit_log.py                       |  19 +
 app/models/notification_log.py                |  33 +
 app/models/push_subscription.py               |  21 +
 app/models/user.py                            |  18 +
 app/routers/__init__.py                       |   0
 app/routers/auth.py                           |  65 ++
 app/routers/habits.py                         |  81 +++
 app/routers/logs.py                           |  52 ++
 app/routers/pages.py                          | 304 +++++++++
 app/routers/push.py                           |  46 ++
 app/schemas/__init__.py                       |   0
 app/schemas/habit.py                          |  62 ++
 app/schemas/habit_log.py                      |  45 ++
 app/schemas/push.py                           |  11 +
 app/security.py                               |  43 ++
 app/services/habit_service.py                 | 100 +++
 app/services/log_service.py                   | 254 +++++++
 app/services/push_service.py                  |  69 ++
 app/services/scheduler_service.py             | 180 +++++
 app/static/css/style.css                      | 640 ++++++++++++++++++
 app/static/icons/icon-192.png                 | Bin 0 -> 918 bytes
 app/static/icons/icon-512.png                 | Bin 0 -> 3152 bytes
 app/static/icons/icon-maskable-512.png        | Bin 0 -> 3152 bytes
 app/static/js/app.js                          |  35 +
 app/static/js/habit-reorder.js                |  27 +
 app/static/js/push-register.js                |  63 ++
 app/static/js/vendor/alpine.min.js            |   5 +
 app/static/js/vendor/htmx.min.js              |   1 +
 app/static/js/vendor/sortable.min.js          |   2 +
 app/static/manifest.json                      |  17 +
 app/static/service-worker.js                  | 103 +++
 app/template_utils.py                         |  25 +
 app/templates/404.html                        |  11 +
 app/templates/500.html                        |  11 +
 app/templates/base.html                       |  65 ++
 app/templates/habits.html                     |  32 +
 app/templates/history.html                    |  92 +++
 app/templates/login.html                      |  11 +
 .../partials/_weekday_alarm_fields.html       |  28 +
 app/templates/partials/habit_form.html        |  42 ++
 app/templates/partials/habit_item.html        |  94 +++
 app/templates/partials/today_content.html     |  43 ++
 app/templates/partials/today_item.html        |  27 +
 app/templates/today.html                      |   8 +
 docker-compose.yml                            |  11 +
 migrations/env.py                             |  42 ++
 migrations/script.py.mako                     |  25 +
 migrations/versions/0001_initial.py           |  76 +++
 .../versions/0002_add_condition_text.py       |  24 +
 migrations/versions/0003_add_user_table.py    |  34 +
 .../versions/0004_add_user_id_columns.py      |  41 ++
 .../0005_add_summary_notification_log.py      |  34 +
 pyproject.toml                                |  31 +
 scripts/claim_orphan_habits.py                |  34 +
 scripts/docker-entrypoint.sh                  |   8 +
 scripts/generate_icons.py                     |  50 ++
 scripts/generate_vapid_keys.py                |  19 +
 scripts/run_server.ps1                        |  23 +
 tests/conftest.py                             |  79 +++
 tests/test_api_habits.py                      |  81 +++
 tests/test_habit_service.py                   | 133 ++++
 tests/test_log_service.py                     | 331 +++++++++
 tests/test_pages_today.py                     |  40 ++
 tests/test_push_service.py                    |  79 +++
 tests/test_scheduler_service.py               | 110 +++
 tests/test_schemas_habit.py                   |  51 ++
 tests/test_template_utils.py                  |  31 +
 80 files changed, 4695 insertions(+)
 create mode 100644 .dockerignore
 create mode 100644 .env.example
 create mode 100644 .gitignore
 create mode 100644 CLAUDE.md
 create mode 100644 Dockerfile
 create mode 100644 README.md
 create mode 100644 alembic.ini
 create mode 100644 app/__init__.py
 create mode 100644 app/config.py
 create mode 100644 app/database.py
 create mode 100644 app/main.py
 create mode 100644 app/models/__init__.py
 create mode 100644 app/models/habit.py
 create mode 100644 app/models/habit_log.py
 create mode 100644 app/models/notification_log.py
 create mode 100644 app/models/push_subscription.py
 create mode 100644 app/models/user.py
 create mode 100644 app/routers/__init__.py
 create mode 100644 app/routers/auth.py
 create mode 100644 app/routers/habits.py
 create mode 100644 app/routers/logs.py
 create mode 100644 app/routers/pages.py
 create mode 100644 app/routers/push.py
 create mode 100644 app/schemas/__init__.py
 create mode 100644 app/schemas/habit.py
 create mode 100644 app/schemas/habit_log.py
 create mode 100644 app/schemas/push.py
 create mode 100644 app/security.py
 create mode 100644 app/services/habit_service.py
 create mode 100644 app/services/log_service.py
 create mode 100644 app/services/push_service.py
 create mode 100644 app/services/scheduler_service.py
 create mode 100644 app/static/css/style.css
 create mode 100644 app/static/icons/icon-192.png
 create mode 100644 app/static/icons/icon-512.png
 create mode 100644 app/static/icons/icon-maskable-512.png
 create mode 100644 app/static/js/app.js
 create mode 100644 app/static/js/habit-reorder.js
 create mode 100644 app/static/js/push-register.js
 create mode 100644 app/static/js/vendor/alpine.min.js
 create mode 100644 app/static/js/vendor/htmx.min.js
 create mode 100644 app/static/js/vendor/sortable.min.js
 create mode 100644 app/static/manifest.json
 create mode 100644 app/static/service-worker.js
 create mode 100644 app/template_utils.py
 create mode 100644 app/templates/404.html
 create mode 100644 app/templates/500.html
 create mode 100644 app/templates/base.html
 create mode 100644 app/templates/habits.html
 create mode 100644 app/templates/history.html
 create mode 100644 app/templates/login.html
 create mode 100644 app/templates/partials/_weekday_alarm_fields.html
 create mode 100644 app/templates/partials/habit_form.html
 create mode 100644 app/templates/partials/habit_item.html
 create mode 100644 app/templates/partials/today_content.html
 create mode 100644 app/templates/partials/today_item.html
 create mode 100644 app/templates/today.html
 create mode 100644 docker-compose.yml
 create mode 100644 migrations/env.py
 create mode 100644 migrations/script.py.mako
 create mode 100644 migrations/versions/0001_initial.py
 create mode 100644 migrations/versions/0002_add_condition_text.py
 create mode 100644 migrations/versions/0003_add_user_table.py
 create mode 100644 migrations/versions/0004_add_user_id_columns.py
 create mode 100644 migrations/versions/0005_add_summary_notification_log.py
 create mode 100644 pyproject.toml
 create mode 100644 scripts/claim_orphan_habits.py
 create mode 100644 scripts/docker-entrypoint.sh
 create mode 100644 scripts/generate_icons.py
 create mode 100644 scripts/generate_vapid_keys.py
 create mode 100644 scripts/run_server.ps1
 create mode 100644 tests/conftest.py
 create mode 100644 tests/test_api_habits.py
 create mode 100644 tests/test_habit_service.py
 create mode 100644 tests/test_log_service.py
 create mode 100644 tests/test_pages_today.py
 create mode 100644 tests/test_push_service.py
 create mode 100644 tests/test_scheduler_service.py
 create mode 100644 tests/test_schemas_habit.py
 create mode 100644 tests/test_template_utils.py

diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..2236ba3
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,13 @@
+.env
+.git
+.gitignore
+.idea
+__pycache__/
+**/__pycache__/
+*.pyc
+.pytest_cache/
+logs/
+node_modules/
+.venv/
+venv/
+*.egg-info/
diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..0ecc2d9
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,22 @@
+# 이 파일을 복사해 .env로 저장한 뒤 값을 채워넣으세요. .env는 git에 커밋되지 않습니다.
+
+# 세션 쿠키 서명에 쓰이는 임의의 긴 무작위 문자열 (예: python -c "import secrets; print(secrets.token_hex(32))")
+SECRET_KEY=change-me
+
+# 원격 MariaDB 서버 접속 정보
+# 형식: mysql+pymysql://<user>:<password>@<host>:<port>/<database>
+DATABASE_URL=mysql+pymysql://habit_tracker:password@your-db-host:3306/habit_tracker
+
+# 구글 로그인용 OAuth 클라이언트 정보.
+# https://console.cloud.google.com/apis/credentials 에서 "OAuth 클라이언트 ID"(웹 애플리케이션)를
+# 만들고, "승인된 리디렉션 URI"에 GOOGLE_REDIRECT_URI와 정확히 같은 값을 등록하세요.
+GOOGLE_CLIENT_ID=
+GOOGLE_CLIENT_SECRET=
+# 로컬 개발: http://localhost:8000/auth/google/callback
+# 배포(Tailscale HTTPS 등): https://<host>.<tailnet>.ts.net/auth/google/callback
+GOOGLE_REDIRECT_URI=http://localhost:8000/auth/google/callback
+
+# Web Push용 VAPID 키 (scripts/generate_vapid_keys.py로 생성)
+VAPID_PUBLIC_KEY=
+VAPID_PRIVATE_KEY=
+VAPID_SUBJECT=mailto:you@example.com
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..36cd880
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,14 @@
+__pycache__/
+*.pyc
+.env
+.env.dev
+.venv/
+venv/
+*.egg-info/
+.pytest_cache/
+.idea/
+*.iml
+node_modules/
+logs/
+img*.png
+image.md
diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 0000000..dab8667
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,100 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Project
+
+개인용 습관 관리 PWA (`habit-tracker`). 만들고 싶은 습관 / 끊고 싶은 습관을 요일 단위로 관리하고, 데일리 체크와 월별/주별 기록 확인, Web Push 알람을 제공한다. 아이폰(홈 화면에 추가)과 PC 브라우저 양쪽에서 같은 서버에 접속해 데이터를 공유하는 구조. 상세 설계는 최초 구현 시 작성된 계획 문서를 참고 (요구사항, 마일스톤, 디자인 토큰 등).
+
+Python 3.13, conda 환경 이름은 `py_web` (`.iml`의 SDK 이름과 동일).
+
+## Commands
+
+```bash
+conda activate py_web
+pip install -e .                 # 의존성 설치 (pyproject.toml)
+
+alembic upgrade head              # DB 마이그레이션 적용
+alembic revision -m "설명"        # 새 마이그레이션 추가 (모델 변경 시 수동 작성 권장 — MariaDB 접속 없이 autogenerate가 안 되는 경우가 있음)
+
+uvicorn app.main:app --reload --host 0.0.0.0 --port 8000   # 개발 서버 실행 (반드시 저장소 루트에서 실행 — templates/static 상대경로 의존)
+
+pytest                            # 전체 테스트
+pytest tests/test_habits.py::test_name   # 단일 테스트
+```
+
+`.env`가 없으면 `app/config.py`의 `Settings()`가 곧바로 실패한다 (`SECRET_KEY`, `DATABASE_URL` 필수). `.env.example`을 복사해서 채울 것. `DATABASE_URL`의 비밀번호에 `@`, `%` 같은 특수문자가 있으면 반드시 URL-encode해야 한다 (`urllib.parse.quote(pw, safe='')`) — 그렇지 않으면 SQLAlchemy가 자격증명/호스트 구분을 잘못 파싱한다.
+
+구글 로그인을 쓰려면 `GOOGLE_CLIENT_ID`/`GOOGLE_CLIENT_SECRET`/`GOOGLE_REDIRECT_URI`를 채워야 한다(`.env.example` 주석 참고, Google Cloud Console에서 OAuth 클라이언트를 만들고 `GOOGLE_REDIRECT_URI`와 정확히 같은 값을 "승인된 리디렉션 URI"에 등록). VAPID 키는 `scripts/generate_vapid_keys.py`로 생성.
+
+## Architecture
+
+- **백엔드**: FastAPI + SQLAlchemy 2.0 (declarative) + Alembic + MariaDB(PyMySQL 드라이버). 인증은 구글 OAuth(`authlib`) 기반 멀티유저 구조다 — `User` 테이블(`google_sub`/`email` 등)에 로그인한 계정이 저장되고, 성공 시 `itsdangerous`로 서명한 세션 쿠키(`{"user_id": ...}`)를 발급한다(`app/security.py`, `app/routers/auth.py`). 아무 구글 계정이나 로그인하면 자동으로 새 계정이 생성된다(화이트리스트 없음). `Habit`/`PushSubscription`은 `user_id`(nullable FK)로 소유자가 갈린다 — 서비스 계층(`habit_service`, `log_service`, `push_service`) 함수는 거의 전부 `user_id`를 필수 인자로 받아 필터링한다(IDOR 방지). 예외는 스케줄러 전용 `habit_service.list_active_habits_with_reminders`뿐 — 전체 유저를 순회해야 하므로 유저 스코핑이 없고, 그래서 이름에 의도를 명시했다.
+- **프론트엔드**: 서버사이드 렌더링(Jinja2) + htmx(폼 제출/부분 갱신) + Alpine.js(요일 토글, 알람 입력 등 클라이언트 UI 상태). React 등 SPA 프레임워크 없음. htmx/Alpine은 CDN이 아니라 `app/static/js/vendor/`에 로컬 vendoring된 파일을 사용 (PWA 오프라인 캐싱을 CDN 의존 없이 동작시키기 위함).
+- **디자인 시스템**: `app/static/css/style.css`에 CSS 커스텀 프로퍼티로 정의된 Claude.ai 톤의 디자인 토큰(크림 배경 + 테라코타 포인트 컬러, 라이트/다크 모드는 `prefers-color-scheme` 기반). 새 화면을 추가할 때는 여기 정의된 토큰과 기존 컴포넌트 클래스(`.card`, `.btn-*`, `.weekday-pill`, `.habit-item` 등)를 재사용할 것.
+- **네비게이션 (상단 탭 + 모바일 하단 탭바 이중 구조)**: `app/templates/base.html`의 `.top-nav`(오늘/습관 관리/기록 링크)는 넓은 화면 전용이고, 같은 3개 링크를 `.bottom-tab-bar`로 한 번 더 렌더링해서 `max-width: 480px`에서만 `.top-nav .nav-links`를 숨기고 `.bottom-tab-bar`를 고정 하단바로 노출한다(`app/static/css/style.css`). "활성 탭" 표시(`{% block nav_today %}` 등, 각 페이지 템플릿이 `active`로 오버라이드)를 두 네비게이션이 공유해야 해서, 하단 탭바 쪽은 블록을 다시 정의하지 않고 `{{ self.nav_today() }}`로 이미 정의된 블록의 렌더링 결과를 재사용한다 — 새 페이지를 추가할 때 `nav_today`/`nav_habits`/`nav_history` 블록 중 하나를 오버라이드하면 상단/하단 양쪽에 자동으로 반영된다. `.app-shell`에 `padding-bottom`(하단바 높이 + `env(safe-area-inset-bottom)`)을 줘서 콘텐츠가 하단바에 가려지지 않게 했다.
+
+### 요청 흐름 (2가지 라우터 계열이 공존)
+
+- `app/routers/habits.py`, `app/routers/logs.py`, `app/routers/push.py` — `/api/*` 하위, JSON in/out API. 라우터 레벨 `dependencies=[Depends(require_login)]`로 기본 보호되고, 유저 객체가 필요한 각 엔드포인트는 `current_user: User = Depends(require_login)`을 시그니처에 추가로 선언한다(FastAPI가 같은 요청 안에서 dependency를 캐싱하므로 DB 조회가 중복되지 않는다). 미인증 시 401 JSON을 반환.
+- `app/routers/pages.py` — SSR 페이지(`/login`, `/today`, `/habits`, `/history`)와 htmx가 폼 제출로 호출하는 액션 엔드포인트(`/habits/new`, `/habits/{id}/complete` 등). 미인증 시 401 대신 `/login`으로 303 리다이렉트한다 — `_current_user_or_redirect(request, db)`가 `User`(로그인됨) 또는 `RedirectResponse`(미인증)를 반환하고, 각 핸들러는 `isinstance(current, RedirectResponse)`로 분기한다. 폼 액션은 대부분 처리 후 `HX-Redirect` 헤더로 같은 탭을 새로고침하는 방식으로 단순화되어 있다(부분 DOM 스왑이 아님).
+- `app/routers/auth.py` — `/auth/*`, 페이지 네비게이션(리다이렉트/폼 POST)이라 `/api/*` 프리픽스를 쓰지 않는다. `GET /auth/google/login`이 구글 동의 화면으로 리다이렉트하고, `GET /auth/google/callback`이 `authlib`로 id_token을 검증해 `User`를 조회/생성한 뒤 세션 쿠키를 발급, `POST /auth/logout`이 쿠키를 지운다. OAuth 핸드셰이크 중 state/nonce를 담는 `SessionMiddleware`(`app/main.py`)는 로그인 유지용 쿠키(`habit_session`)와 별개의 임시 쿠키(`oauth_session`)를 쓴다.
+
+두 계열이 같은 `app/services/*`, `app/schemas/*`를 공유한다 — 새 기능을 추가할 때 API와 페이지 라우터 양쪽에서 비즈니스 로직을 중복 구현하지 말고 `app/services/`에 두고 재사용할 것.
+
+### 데이터 모델 (`app/models/`)
+
+- `User`: `google_sub`/`email` unique, `name`/`picture_url` nullable, 구글 로그인 시 조회/생성(`app/routers/auth.py`의 `google_callback`).
+- `Habit`: `user_id`(nullable FK→`user.id`, ondelete=CASCADE — nullable인 이유는 PIN 시절 데이터 이관 때문, 아래 "구글 OAuth 전환" 참고), `habit_type`(build/quit), `status`(active/completed), `weekdays_mask`는 비트마스크(bit0=월…bit6=일, Python `date.weekday()`와 동일한 인덱스, `Habit.is_scheduled_on(weekday)`로 조회), `condition_text`(달성 조건, nullable, 빈 문자열은 `HabitBase.blank_condition_to_none` 검증기가 자동으로 None으로 변환), `reminder_time`은 nullable.
+- `HabitLog`: "행이 존재하면 그 날 체크 완료"라는 설계 — 별도 boolean 컬럼 없음. `(habit_id, log_date)` unique. 체크 해제는 행 삭제. 유저 스코핑은 `Habit`을 조인해서 한다(`log_service.list_logs`).
+- `PushSubscription`(`user_id` nullable FK 포함), `HabitNotificationLog`: Web Push 구독 정보와 중복 알림 방지용 발송 기록 (5단계 마일스톤에서 실제로 사용 시작).
+
+### 통계 (완료율 / 연속 달성일)
+
+`log_service.get_habit_stats(db, habit)` — `/habits` 목록과 `/today` 체크리스트 양쪽에서 습관마다 배지로 표시된다(`/today`는 `TodayItem`에 `completion_rate`/`current_streak`/`scheduled_days`를 직접 포함시켜 `log_service._to_today_item`이 습관마다 `get_habit_stats`를 호출한다). 요일 스케줄은 **현재의** `weekdays_mask`를 습관 생성일부터 오늘까지 그대로 적용한 것으로 계산한다 — 과거에 요일을 바꾼 이력은 추적하지 않는다(월별/주별 집계와 같은 단순화 원칙). `current_streak`은 오늘부터 거슬러 올라가되, **오늘 아직 체크 안 한 것은 스트릭을 끊지 않는다**(하루가 아직 안 끝났으므로) — 오늘보다 이전 날짜의 미체크만 스트릭을 끊는다.
+
+### 습관 순서 드래그 재정렬
+
+`/habits` 목록은 `app/static/js/vendor/sortable.min.js`(SortableJS, 로컬 vendoring)로 드래그 재정렬을 지원한다. **`forceFallback: true`가 필수**다 — iOS Safari는 네이티브 HTML5 Drag and Drop의 터치 지원이 불안정해서, SortableJS 자체 포인터 이벤트 기반 폴백을 강제하지 않으면 아이폰에서 드래그가 아예 안 먹힌다(`app/static/js/habit-reorder.js`). 각 `habit_item.html`의 `.drag-handle`(⠿ 아이콘)만 드래그를 시작할 수 있게 `handle` 옵션으로 제한했다 — 그래야 수정/완료/삭제 버튼 클릭이 드래그와 충돌하지 않는다. 드롭이 끝나면(`onEnd`) `#habit-list`의 현재 DOM 순서 그대로 `POST /api/habits/reorder`로 보내 `Habit.sort_order`를 일괄 갱신한다(`habit_service.reorder_habits`). `sort_order`가 `NULL`인 습관(한 번도 재정렬 안 됨)은 항상 뒤로 밀려서(`list_habits`의 `ORDER BY sort_order IS NULL, sort_order, created_at`) 새로 추가한 습관이 자동으로 맨 뒤에 붙는다.
+
+**테스트 관련 주의**: 이 harness의 브라우저 자동화는 실제 드래그 제스처(연속된 포인터 이동)를 합성 이벤트로 재현하지 못한다 — `left_click_drag`, 합성 `MouseEvent`, 합성 `PointerEvent` 세 가지 방식 모두 SortableJS의 폴백 드래그를 트리거하지 못했다. 이 기능을 만질 때는 재정렬 로직 자체(`POST /api/habits/reorder`, `habit_service.reorder_habits`)는 curl로 직접 검증하고, 실제 드래그 제스처 UX는 사람이 진짜 기기(마우스 또는 터치)로 확인해야 한다.
+
+`/history`에도 완료율이 있다 — 월별 뷰 상단에 "이번 달 완료율" 배지, 주별 매트릭스에 습관별 "완료율" 열. 두 곳 모두 계산 시 **오늘 이후(미래) 날짜는 제외**하고(`summarize_completion_rate`의 `up_to` 파라미터, 주별은 `d <= today` 체크) **습관 생성일 이전 날짜도 제외**한다(`get_monthly_summary`/`get_weekly_matrix`에서 `h.created_at.date() <= d` 비교) — 이 두 필터가 없으면 "아직 시작 안 한 습관"과 "아직 안 지난 미래"가 전부 "예정됐지만 안 함"으로 잡혀 완료율이 실제보다 크게 낮게 나온다(실제로 이 버그로 6.2%가 나왔다가 고친 뒤 50%가 된 사례가 있었음 — 새로 비슷한 집계를 추가할 때 같은 함정을 주의).
+
+### 마이그레이션
+
+`migrations/env.py`는 `alembic.ini`의 configparser 보간을 우회하고 `settings.database_url`을 직접 엔진 생성에 사용한다 — 비밀번호에 `%`가 포함되면 `config.set_main_option`이 interpolation 에러를 내기 때문. 마이그레이션을 새로 작성할 때 이 패턴을 건드리지 말 것. 원격 MariaDB만 사용하므로 `alembic revision --autogenerate`는 항상 실제 DB 접속이 필요하다 — 접속이 안 되는 환경에서는 `migrations/versions/0001_initial.py`처럼 수동으로 `op.create_table` 스크립트를 작성하는 것도 방법.
+
+## 개발 단계
+
+1. ✅ 기반 셋업 + 습관 CRUD (`/habits` 화면, PIN 로그인 — 7단계에서 구글 OAuth로 대체됨)
+2. ✅ 데일리 체크 & `/today` 화면 — `/habits`와 달리 여기는 실제 htmx 부분 갱신을 쓴다: 체크 버튼이 `#today-content`를 통째로 `partials/today_content.html`로 교체한다(개별 아이템만 스왑하지 않는 이유: 진행률 배지도 같이 갱신해야 해서). 이 partial은 `today.html`의 최초 렌더와 토글 응답에서 동일하게 재사용된다 (`app/routers/pages.py`의 `_today_context`).
+3. ✅ 기록 확인 화면 (월별/주별) — `/history`. 두 뷰 모두 순수 SSR(링크 기반 이전/다음 네비게이션)이고 htmx 상호작용은 없다. 월별 집계와 주별 매트릭스는 모두 **현재 active 상태인 습관만** 기준으로 계산한다(`app/services/log_service.py`의 `get_monthly_summary`/`get_weekly_matrix`) — 완료 처리되었거나 삭제된 습관은 과거 날짜라도 집계에서 빠진다. 즉 "그 날 실제로 무엇이 예정되어 있었는가"를 재구성하지 않고 "지금 진행 중인 습관 기준으로 최근 기록이 어떤지"를 보여주는 단순화된 설계다. 히트맵 투명도는 `app/template_utils.py`의 `heatmap_opacity()`가 계산해 `--color-accent-rgb` CSS 변수와 조합한다.
+4. ✅ PWA 기본 (manifest, 서비스워커, 아이콘) — `manifest.json`은 `/static/manifest.json`에 있고 `base.html`이 `/static/manifest.json`으로 직접 링크한다(루트 경로 라우트 아님, manifest는 자체 `scope` 필드로 범위를 지정하므로 파일 위치가 중요하지 않음). 반면 `service-worker.js`는 앱 전체를 커버해야 해서 `app/main.py`의 `GET /service-worker.js`가 `app/static/service-worker.js`를 루트 경로로 직접 서빙한다 — 이 둘의 서빙 방식이 다른 이유이니 헷갈리지 말 것. 아이콘은 `scripts/generate_icons.py`(Pillow 필요, 런타임 의존성 아님)로 생성.
+   - **캐싱 전략 (중요)**: 처음엔 모든 GET을 stale-while-revalidate로 캐싱했는데, `/habits`·`/today`처럼 사용자가 직접 데이터를 바꾸고 곧바로 재방문하는 페이지에서 "방금 저장한 게 사라진 것처럼" 보이는 실사용 버그로 이어졌다(습관 생성/수정 후 `HX-Redirect`로 재이동했을 때 캐시된 옛 페이지가 먼저 뜸). `service-worker.js`의 fetch 핸들러는 이제 `request.mode === "navigate"`(페이지 탐색)와 그 외(정적 자산)를 분리한다 — 탐색은 **네트워크 우선**(오프라인일 때만 캐시 폴백), 정적 자산만 캐시 우선 stale-while-revalidate 유지. 서비스워커 캐시 로직을 바꿀 때마다 `CACHE_NAME` 버전을 올려야 `activate` 핸들러가 구버전 캐시를 정리한다(현재 `habit-tracker-v2`).
+5. ✅ Web Push 알림 (APScheduler 매분 tick + VAPID) — VAPID 키 원시 바이트는 `py_vapid`의 `b64urlencode`로 직접 인코딩해서 `.env`에 저장한다(`Vapid02`에 `public_key_str` 같은 헬퍼가 없음, `scripts/generate_vapid_keys.py` 참고). `scheduler_service._tick()`은 습관별 job을 등록/해제하는 대신 **매분 폴링** 방식으로 전체 active 습관을 훑어 지금 시각+요일이 맞고 오늘 아직 `habit_notification_log`에 없는 것만 발송한다 — 습관 CRUD와 스케줄러 job을 동기화할 필요가 없어서 이 방식을 택함. `push_service.send_to_user(db, user_id, ...)`(멀티유저 전환 전에는 `send_to_all`이었음)는 만료된 구독(404/410)만 자동 삭제하고 다른 오류는 무시하고 다음 구독자로 넘어간다(한 구독자 오류가 전체 발송을 막지 않도록). 프론트엔드 구독 흐름은 `app/static/js/push-register.js`(`window.habitPush`), `/today` 카드에 "알림 켜기" 버튼으로 노출. **주의**: Chrome 네이티브 알림 권한 프롬프트는 브라우저 크롬 UI 영역이라 자동화 도구로 클릭할 수 없다 — 구독 저장/발송/스케줄러 로직은 curl과 직접 함수 호출로 검증했지만, 실제 브라우저 권한 승인 → 진짜 푸시 수신까지의 마지막 단계는 사람이 직접 확인해야 한다.
+   - **경합 방지**: `_tick()`은 발송 전에 `habit_notification_log`에 먼저 커밋해 "선점"하고(`_claim_notification_slot`), `(habit_id, notify_date)` 유니크 제약을 경합 방지 락처럼 쓴다 — 선점에 실패(`IntegrityError`)하면 이미 다른 워커/틱이 처리한 것으로 보고 조용히 건너뛴다. 이 앱은 `uvicorn --reload`로 개발 중 실행하는 경우가 많은데, **포트가 겹친 채로 오래된 워커 프로세스가 안 죽고 새 프로세스와 동시에 떠 있으면 각자 스케줄러를 따로 띄워서 같은 알림을 동시에 두 번 기록하려다 죽는 사고**가 실제로 있었다(웹 요청도 임의로 둘 중 한 프로세스로 라우팅되어 "가끔 옛날 코드로 응답"하는 것처럼 보이는 증상과 세트로 나타남). 이상 동작이 보이면 먼저 `Get-NetTCPConnection -LocalPort 8000 -ErrorAction SilentlyContinue`(PowerShell, `netstat`보다 정확함)로 실제 리스너가 1개인지 확인하고, 여러 개면 관련 `python.exe`/`uvicorn.exe`를 모두 정리한 뒤 하나만 새로 띄울 것.
+6. ✅ 다듬기 & Windows 상시 실행 등록 — 여러 개선을 진행했다:
+   - **HTTPS 문제**: 서비스워커/Web Push는 보안 컨텍스트(HTTPS 또는 `localhost`)에서만 동작하는데, 아이폰이 접속하는 `http://<LAN IP>:8000`은 iOS Safari에서 보안 컨텍스트로 인정되지 않아 푸시가 동작하지 않는다. Tailscale의 `tailscale serve --bg 8000`으로 해결 — 별도 인증서 관리 없이 tailnet 내에서 신뢰된 HTTPS(`https://<PC>.<tailnet>.ts.net`)를 제공한다(README "HTTPS로 접속하기" 참고).
+   - **폼 검증 UX**: `POST /habits/new`에서 `name: str = Form(...)`(필수)로 두면 빈 문자열 제출 시 FastAPI 자체 검증이 `HabitCreate`의 커스텀 검증보다 먼저 걸려 못생긴 JSON 422가 나온다 — `Form("")`(기본값 빈 문자열)로 바꿔 항상 우리 쪽 `HabitCreate` 검증까지 도달하게 해야 친절한 한글 에러 메시지(`app/routers/pages.py`의 `create_habit_page`)가 나간다. 에러는 `hx-target="#habit-form-error-{habit_type}"`로 폼 내부에 표시된다.
+   - **에러 페이지**: `app/main.py`에 `StarletteHTTPException`(404를 페이지 경로에서만 스타일링, `/api/`·`/static/`은 JSON 유지)과 전역 `Exception` 핸들러(트레이스백은 서버 로그에만, 사용자에게는 `500.html`) 등록.
+   - **반응형**: 이 환경의 브라우저 자동화 도구는 `resize_window`가 실제 뷰포트에 반영되지 않는 문제가 있어, 실제 창 크기를 바꾸는 대신 `<iframe>`을 임의 픽셀 크기로 만들어 그 안에서 페이지를 로드하는 방식으로 좁은 뷰포트를 재현해 검증했다(iframe은 자신만의 진짜 `window.innerWidth`를 가지므로 media query가 실제로 다르게 평가됨). 이 과정에서 긴 습관 이름 + 액션 버튼이 있는 `.habit-item`이 줄바꿈되지 않고 버튼 텍스트가 세로로 쪼개지는 문제를 발견 — `.btn`에 `white-space: nowrap`과 `flex-shrink: 0`이 빠져있었던 게 원인. `.habit-item`에 `flex-wrap: wrap`을 추가해 좁은 화면에서 액션 버튼이 이름 아래 줄로 자연스럽게 내려가도록 수정.
+   - **상시 실행**: `scripts/run_server.ps1` — conda activate 대신 대상 환경의 `python.exe`를 직접 호출(예약 작업은 인터랙티브 셸이 아니므로). **주의**: 이 스크립트에서 `$ErrorActionPreference = "Stop"`을 네이티브 프로세스의 `*>>` 스트림 리다이렉션과 같이 쓰면 안 된다 — PowerShell 5.1은 리다이렉션된 stderr의 각 줄(uvicorn의 정상 INFO 로그 포함)을 `NativeCommandError`로 감싸는데, `-Stop`이 걸려있으면 첫 로그 줄에서 즉시 스크립트가 종료돼 서버가 바로 죽는다. 반드시 `ErrorActionPreference`를 기본값(`Continue`)으로 둘 것. 작업 스케줄러 등록 명령은 README "상시 실행 (Windows)" 참고.
+7. ✅ 구글 OAuth 로그인 + 진짜 멀티유저 전환 — PIN 로그인(`APP_PIN_HASH`, `scripts/hash_pin.py`)을 완전히 제거하고 구글 로그인만 남겼다. 화이트리스트 없이 아무 구글 계정이나 로그인하면 자동으로 `User` 행이 생성된다(1단계에서 언급한 "PIN 로그인"은 이제 존재하지 않음).
+   - **왜 유저 테이블을 nullable FK로 연결했나**: `docker-entrypoint.sh`가 컨테이너 기동마다 자동으로 `alembic upgrade head`를 돌리는데, "먼저 구글 로그인을 해야 User가 생긴다"는 순서와 "마이그레이션은 무인 자동 실행"이 충돌한다. `Habit.user_id`/`PushSubscription.user_id`를 NOT NULL로 강제하지 않고 nullable FK로 둬서 이 문제를 피했다 — 기존 PIN 시절 데이터는 마이그레이션 후 `user_id IS NULL`인 채로 남고, 배포자가 구글로 한 번 로그인한 뒤 `python scripts/claim_orphan_habits.py <이메일>`을 실행해 자신에게 연결한다(README "기존 데이터 이관" 참고). `PushSubscription`은 이관 스크립트가 안 건드린다 — 브라우저가 재구독하면 `push_service.save_subscription`이 기존 endpoint 행의 `user_id`를 자동으로 최신 로그인 유저로 갱신하기 때문에 자연스럽게 새 유저에게 붙는다.
+   - **IDOR 방지**: 전환 전에는 `habit_service.get_habit(db, habit_id)`가 PK만으로 조회해서 다른 유저의 habit_id를 넣어도 접근 가능한 구멍이었다. 지금은 `habit_service`/`log_service`/`push_service`의 거의 모든 함수가 `user_id`를 필수 인자로 받아 `WHERE user_id = ...`로 필터링한다. 새 서비스 함수를 추가할 때 이 패턴을 깨지 말 것 — 스코핑 안 된 조회 함수를 실수로 API에 노출하면 바로 크로스 유저 데이터 유출이 된다.
+   - **스케줄러도 크로스 유저 발송 버그가 될 뻔했다**: `push_service.send_to_all()`이 전체 구독자에게 보내던 구조를 그대로 뒀다면, 유저 A의 습관 알림 시각에 유저 B의 기기로도 알림이 갔을 것이다. `scheduler_service._tick()`은 유저 스코핑 없는 `habit_service.list_active_habits_with_reminders(db)`로 전체 유저의 알림 예약 습관을 훑되(스케줄러는 요청 컨텍스트가 없어 애초에 "현재 유저"가 없으므로 이 함수만 예외적으로 스코핑이 없음), 발송은 `habit.user_id` 기준 `push_service.send_to_user(db, habit.user_id, ...)`로 좁혔다. `habit.user_id is None`(아직 이관 안 된 습관)은 발송 대상에서 제외한다.
+   - **OAuth 핸드셰이크와 로그인 세션은 별개의 쿠키**: `authlib`가 리다이렉트 도중 state/nonce를 저장하려면 `request.session`이 있어야 해서 `app/main.py`에 `SessionMiddleware`(쿠키명 `oauth_session`, `max_age=600`)를 추가했다. 로그인 유지용 쿠키(`habit_session`, `itsdangerous` 서명, 30일)와는 완전히 다른 메커니즘이니 헷갈리지 말 것 — `create_session_token(user_id)`가 담는 페이로드도 `{"authenticated": True}`에서 `{"user_id": ...}`로 바뀌었다.
+   - **리디렉션 URI는 동적 추론이 아니라 `.env`에 명시**: 이 앱은 Tailscale로 리버스 프록시 없이 HTTPS를 받는 배포가 흔한데(위 6단계 HTTPS 문제 참고), `request.url_for()`로 콜백 URL을 추론하면 프록시 뒤에서 scheme이 `http`로 잘못 잡힐 위험이 있다. 그래서 `GOOGLE_REDIRECT_URI`를 `.env`에 명시적으로 두고 Google Cloud Console의 "승인된 리디렉션 URI"와 정확히 일치시키는 방식을 택했다 — 값이 하나라도 다르면 구글이 `redirect_uri_mismatch`로 콜백을 거부한다.
+   - **테스트 관련 주의**: 실제 구글 계정으로 로그인/동의 화면을 클릭하는 마지막 단계는 브라우저 자동화로 재현할 수 없다(진짜 구글 계정 자격증명이 필요한 영역) — `GET /auth/google/login`이 `accounts.google.com`으로 302 리다이렉트하는지, 로그인 후 발급된 세션 쿠키로 API가 정상 동작하는지는 curl로 검증할 수 있지만, 구글 동의 화면 자체는 사람이 직접 로그인해서 `/today`까지 도달하는지 확인해야 한다.
+
+## Docker 배포
+
+`Dockerfile` + `docker-compose.yml` + `scripts/docker-entrypoint.sh`로 구성했다(README "Docker로 배포하기" 참고). 이 저장소가 만들어진 개발 환경에는 Docker가 설치되어 있지 않아서 **이미지를 직접 빌드/실행해 검증한 적은 없다** — 실제 배포 서버(Docker 있는 곳)에서 처음 빌드할 때 이 문서에 적은 가정들이 맞는지 확인할 것.
+
+- `pip install .`(non-editable)로 설치하지만 `app/main.py`의 `StaticFiles(directory="app/static")`/`Jinja2Templates(directory="app/templates")`는 **상대경로**라 컨테이너의 현재 작업 디렉터리(`WORKDIR /app`)에 실제 소스 트리가 `/app/app/...`로 그대로 COPY되어 있어야 동작한다 — 로컬 개발 시 "저장소 루트에서 uvicorn 실행" 관례와 동일한 이유. Dockerfile의 `COPY app ./app` 구조를 바꾸면 이 상대경로도 깨진다.
+- `scripts/docker-entrypoint.sh`가 컨테이너 시작마다 `alembic upgrade head`를 먼저 실행한 뒤 `uvicorn`을 `exec`한다 — 이미 적용된 리비전은 건너뛰므로 재시작마다 실행돼도 안전(idempotent)하다.
+- `.env`는 이미지에 COPY하지 않고(`.dockerignore`) `docker-compose.yml`의 `env_file`로 런타임에 주입한다 — 이미지 레이어에 비밀번호가 남지 않게 하기 위함.
+- **컨테이너는 반드시 1개만 실행**해야 한다 — `scheduler_service`가 프로세스 안에서 APScheduler를 직접 돌리므로, replica를 늘리면 각자 스케줄러를 따로 띄워 같은 알림을 중복 처리하려 든다(`_claim_notification_slot`의 유니크 제약 경합 방지 덕에 죽지는 않지만 애초에 여러 개 띄울 이유가 없다).
+- **타임존**: `date.today()`(`/today`, 완료율/스트릭 계산 등 날짜 관련 로직 전반)는 컨테이너의 시스템 로컬 타임존을 그대로 쓴다. `python:3.13-slim` 베이스 이미지는 기본 타임존이 UTC라서, `Dockerfile`에 `TZ=Asia/Seoul` + `tzdata` 설치 + `/etc/localtime` 심볼릭 링크를 명시하지 않으면 자정~오전 9시(KST) 사이에 서버가 "아직 어제"로 날짜를 계산한다 — 실제로 이 때문에 매일 아침 `/today`가 전날 체크 상태 그대로 보이고 날짜가 안 넘어가는 버그가 있었다. 코드 로직(`date.today()`) 자체는 문제가 아니라 컨테이너 타임존 설정 누락이 원인이었으니, 비슷한 날짜 관련 이상 증상이 배포 환경에서만 재현되면 먼저 컨테이너 타임존을 의심할 것.
+- **HTTPS는 배포 대상에 따라 둘 중 하나**: (1) 집 PC를 직접 서버로 쓰는 경우 → Tailscale(`tailscale serve --bg 8000`), 컨테이너 8000번이 호스트 8000번에 그대로 매핑되므로(`ports: ["8000:8000"]`) 프로세스로 직접 띄우든 컨테이너로 띄우든 Tailscale 입장에서 차이 없음. (2) **이미 리버스 프록시(nginx 등)가 앞단에 있는 서버에 배포하는 경우 → Tailscale 불필요**, 프록시가 도메인의 TLS를 처리하고 컨테이너의 8000번으로 평문 HTTP 프록시하면 된다. 이 앱 자체는 어느 쪽이든 코드 변경 없이 평문 HTTP로만 응답하면 되므로(`app/main.py`에 HTTPS 강제/리다이렉트 로직 없음), 배포 방식은 순전히 인프라 레이어에서 결정된다. 프록시가 컨테이너와 같은 호스트에서 돈다면 `docker-compose.yml`의 포트 매핑을 `"127.0.0.1:8000:8000"`으로 좁혀서 컨테이너가 프록시를 우회해 외부에 직접 노출되지 않게 하는 걸 권장.
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..cc8854b
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,23 @@
+FROM python:3.13-slim
+
+ENV TZ=Asia/Seoul
+RUN apt-get update \
+    && apt-get install -y --no-install-recommends tzdata \
+    && ln -snf /usr/share/zoneinfo/$TZ /etc/localtime \
+    && echo $TZ > /etc/timezone \
+    && apt-get clean \
+    && rm -rf /var/lib/apt/lists/*
+
+WORKDIR /app
+
+COPY pyproject.toml alembic.ini ./
+COPY app ./app
+COPY migrations ./migrations
+COPY scripts ./scripts
+
+RUN pip install --no-cache-dir . \
+    && chmod +x scripts/docker-entrypoint.sh
+
+EXPOSE 8000
+
+ENTRYPOINT ["scripts/docker-entrypoint.sh"]
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..fbcbff0
--- /dev/null
+++ b/README.md
@@ -0,0 +1,129 @@
+# 습관 트래커
+
+개인용 습관 관리 PWA. 아이폰과 PC에서 같은 서버(MariaDB)에 접속해 습관을 관리합니다.
+
+## 설치
+
+```bash
+conda activate py_web
+pip install -e .
+```
+
+## 환경 설정
+
+1. `.env.example`을 복사해 `.env`로 저장합니다.
+2. `DATABASE_URL`에 원격 MariaDB 접속 정보를 입력합니다 (`mysql+pymysql://user:password@host:3306/habit_tracker`).
+3. `SECRET_KEY`를 임의의 무작위 문자열로 채웁니다 (`python -c "import secrets; print(secrets.token_hex(32))"`).
+4. 구글 로그인을 설정합니다: [Google Cloud Console](https://console.cloud.google.com/apis/credentials)에서 "OAuth 클라이언트 ID"(웹 애플리케이션)를 만들고, "승인된 리디렉션 URI"에 `GOOGLE_REDIRECT_URI`와 정확히 같은 값(로컬은 `http://localhost:8000/auth/google/callback`)을 등록한 뒤 발급된 클라이언트 ID/시크릿을 `.env`의 `GOOGLE_CLIENT_ID`/`GOOGLE_CLIENT_SECRET`에 붙여넣습니다.
+5. 알림(Web Push)을 쓰려면 `python scripts/generate_vapid_keys.py` 실행 후 출력된 `VAPID_PUBLIC_KEY`/`VAPID_PRIVATE_KEY`를 `.env`에 붙여넣습니다.
+
+## DB 마이그레이션
+
+```bash
+alembic upgrade head
+```
+
+### 기존 데이터 이관 (PIN 로그인 시절 데이터가 있는 경우)
+
+구글 로그인 도입 전 PIN으로 쓰던 습관 데이터는 마이그레이션 후에도 소유자가 없는 상태로 남아있습니다. 아래 순서로 한 번만 연결해주면 됩니다.
+
+1. 마이그레이션을 적용하고 서버를 띄운 뒤, 구글 계정으로 한 번 로그인합니다(계정이 자동 생성됩니다).
+2. `python scripts/claim_orphan_habits.py <로그인한 이메일>`을 실행합니다 — 소유자 없는 습관을 전부 그 계정에 연결합니다.
+
+## 실행
+
+```bash
+uvicorn app.main:app --reload --host 0.0.0.0 --port 8000
+```
+
+PC 브라우저에서 `http://localhost:8000`, 아이폰에서는 같은 Wi-Fi 내에서 `http://<PC의 로컬 IP>:8000`으로 접속합니다.
+
+아이폰에서는 Safari로 접속한 뒤 공유 버튼 → "홈 화면에 추가"를 해야 앱처럼(standalone) 실행되고, 푸시 알림도 이 상태에서만 받을 수 있습니다. 홈 화면에 추가한 뒤 앱을 열어서 "오늘" 화면 상단의 "알림 켜기" 버튼을 눌러 알림 권한을 허용해야 리마인더를 받을 수 있습니다.
+
+**주의**: 서비스워커(오프라인 캐싱)와 Web Push는 브라우저 보안 정책상 HTTPS 또는 `localhost`에서만 동작합니다. `http://<PC의 로컬 IP>:8000`처럼 평문 HTTP로 접속하면 습관 체크/조회는 문제없지만 아이폰에서 오프라인 캐싱과 푸시 알림은 동작하지 않습니다.
+
+- **집 PC를 직접 서버로 쓴다면** → 아래 "HTTPS로 접속하기 (Tailscale)" 참고.
+- **이미 앞단에 리버스 프록시(nginx 등)가 있는 서버에 배포한다면** → Tailscale은 필요 없습니다. 프록시가 도메인에 대한 TLS를 처리하고 내부적으로 이 앱의 8000번 포트로 평문 HTTP 프록시하면 됩니다 — 브라우저 입장에서는 프록시가 내준 도메인이 `https://`이기만 하면 서비스워커/푸시가 정상 동작합니다. Docker 배포 시 참고사항은 아래 "Docker로 배포하기" 절에 있습니다.
+
+## HTTPS로 접속하기 (Tailscale, 집 PC를 직접 서버로 쓰는 경우)
+
+리버스 프록시 없이 집 PC를 그대로 서버로 쓴다면, [Tailscale](https://tailscale.com)로 별도 인증서 관리 없이 신뢰된 HTTPS를 무료로 얻을 수 있습니다. (앞단에 리버스 프록시가 이미 있다면 이 섹션은 건너뛰세요.)
+
+1. 집 PC와 아이폰 모두에 Tailscale 앱을 설치하고 같은 계정으로 로그인합니다 (같은 tailnet에 연결됨).
+2. 집 PC에서 서버가 실행 중인 상태(포트 8000)에서 아래 명령을 실행합니다:
+   ```powershell
+   tailscale serve --bg 8000
+   ```
+3. 발급된 주소를 확인합니다:
+   ```powershell
+   tailscale serve status
+   ```
+   `https://<PC-이름>.<tailnet-이름>.ts.net` 형태의 주소가 표시됩니다.
+4. 아이폰에서 Tailscale 앱을 켠 상태로 Safari에서 위 주소로 접속합니다. 인증서 경고 없이 정상적으로 HTTPS 연결이 됩니다.
+5. 이 상태로 "홈 화면에 추가" 후 "알림 켜기"를 누르면 서비스워커와 푸시가 모두 정상 동작합니다.
+
+`tailscale serve` 설정은 재부팅 후에도 유지되므로 최초 1회만 실행하면 됩니다. 외부(인터넷)에는 노출되지 않고 같은 tailnet에 연결된 기기끼리만 접속할 수 있습니다.
+
+## 상시 실행 (Windows)
+
+PC를 켤 때마다 수동으로 서버를 실행하지 않으려면 Windows 작업 스케줄러에 등록합니다. `scripts/run_server.ps1`이 conda 환경의 `python.exe`를 직접 호출해 `--reload` 없이(운영용) 서버를 실행하고 로그를 `logs/`에 남깁니다.
+
+```powershell
+schtasks /create /tn "HabitTrackerServer" /tr "powershell.exe -ExecutionPolicy Bypass -File \"C:\workspace\habit-tracker\scripts\run_server.ps1\"" /sc onlogon /rl highest /f
+```
+
+등록 후 로그온 시 자동으로 서버가 시작됩니다. 확인/삭제는 다음 명령으로 합니다:
+
+```powershell
+schtasks /query /tn "HabitTrackerServer"
+schtasks /delete /tn "HabitTrackerServer" /f
+```
+
+## Docker로 배포하기
+
+Docker가 설치된 서버라면 `scripts/run_server.ps1` + 작업 스케줄러 조합 대신 Docker의 재시작 정책으로 상시 실행을 훨씬 간단하게 처리할 수 있습니다.
+
+1. 배포 서버에 저장소를 올리고, `.env.example`을 복사해 `.env`로 저장한 뒤 값을 채웁니다 (`DATABASE_URL`, `SECRET_KEY`, `GOOGLE_CLIENT_ID`/`GOOGLE_CLIENT_SECRET`/`GOOGLE_REDIRECT_URI`, `VAPID_*` — 로컬 설치 때와 동일하게 "환경 설정" 절 참고). `GOOGLE_REDIRECT_URI`는 배포 서버가 실제로 응답하는 도메인 기준으로 채우고 Google Cloud Console에도 동일하게 등록해야 합니다. **`.env`는 이미지에 포함되지 않고 컨테이너 실행 시점에 주입되므로, `.env` 안의 값은 배포 서버 기준으로 채워야 합니다** — 특히 `DATABASE_URL`이 원격 MariaDB를 가리킨다면 배포 서버에서 그 주소로 접속 가능한지 먼저 확인하세요.
+2. 빌드 후 실행합니다:
+   ```bash
+   docker compose up -d --build
+   ```
+   내부적으로 컨테이너가 시작될 때마다 `alembic upgrade head`를 먼저 실행한 뒤 `uvicorn`을 띄웁니다(`scripts/docker-entrypoint.sh`) — 이미 적용된 마이그레이션은 건너뛰므로 재시작할 때마다 실행돼도 안전합니다.
+3. `docker-compose.yml`의 `restart: unless-stopped`가 서버 재부팅/컨테이너 크래시 시 자동 재시작을 담당합니다 — Windows 작업 스케줄러 등록이 더 이상 필요 없습니다.
+4. 로그 확인: `docker compose logs -f`
+
+**주의**:
+- 이 앱은 알림 스케줄러(APScheduler)를 프로세스 안에서 직접 돌립니다(`app/services/scheduler_service.py`) — **반드시 컨테이너를 1개만 실행**하세요. 여러 개(replica)를 띄우면 각자 스케줄러가 따로 돌아서 같은 알림을 중복 시도하게 됩니다(경합 자체는 `_claim_notification_slot`이 방어하지만, 굳이 여러 개 띄울 이유가 없습니다).
+- **이미 리버스 프록시가 있는 서버라면 Tailscale은 필요 없습니다.** 프록시가 도메인을 HTTPS로 받아서 컨테이너의 8000번 포트로 평문 HTTP 프록시하도록 설정하면 됩니다(예: nginx `proxy_pass http://127.0.0.1:8000;`). 이 앱은 별도 설정 없이 8000번에서 평문 HTTP로만 응답하므로 그대로 붙이면 됩니다. `docker-compose.yml`의 `ports: ["8000:8000"]`는 모든 인터페이스(`0.0.0.0`)에 노출하는데, 프록시가 같은 호스트에서 돈다면 `"127.0.0.1:8000:8000"`으로 바꿔서 컨테이너가 프록시를 거치지 않고 외부에 직접 노출되지 않게 하는 걸 권장합니다.
+
+## 아이콘 재생성
+
+```bash
+pip install -e ".[dev]"
+python scripts/generate_icons.py
+```
+
+## 테스트
+
+`pytest`는 dev 의존성이라 기본 설치(`pip install -e .`)에는 포함되지 않습니다. 먼저 아래 명령으로 설치합니다.
+
+```bash
+pip install -e ".[dev]"
+```
+
+이후 테스트는 원격 MariaDB가 아니라 임시 SQLite 인메모리 DB로 실행되므로(`tests/conftest.py`), `.env`의 `DATABASE_URL`이나 실제 DB 접속 여부와 무관하게 돌아갑니다.
+
+```bash
+pytest                                   # 전체 테스트
+pytest tests/test_habit_service.py       # 파일 단위
+pytest tests/test_log_service.py::test_streak_breaks_on_past_miss   # 단일 테스트
+```
+
+## 개발 단계
+
+1. ✅ 기반 셋업 + 습관 CRUD
+2. ✅ 데일리 체크 & 오늘 화면
+3. ✅ 기록 확인 화면 (월별/주별)
+4. ✅ PWA 기본 (manifest, 서비스워커, 아이콘, iOS 홈 화면 추가 안내)
+5. ✅ Web Push 알림 (VAPID, 구독 흐름, APScheduler 매분 tick)
+6. 다듬기 & 상시 실행 설정 (현재 단계)
diff --git a/alembic.ini b/alembic.ini
new file mode 100644
index 0000000..fdad8e3
--- /dev/null
+++ b/alembic.ini
@@ -0,0 +1,38 @@
+[alembic]
+script_location = migrations
+prepend_sys_path = .
+version_path_separator = os
+
+[loggers]
+keys = root,sqlalchemy,alembic
+
+[handlers]
+keys = console
+
+[formatters]
+keys = generic
+
+[logger_root]
+level = WARN
+handlers = console
+qualname =
+
+[logger_sqlalchemy]
+level = WARN
+handlers =
+qualname = sqlalchemy.engine
+
+[logger_alembic]
+level = INFO
+handlers =
+qualname = alembic
+
+[handler_console]
+class = StreamHandler
+args = (sys.stderr,)
+level = NOTSET
+formatter = generic
+
+[formatter_generic]
+format = %(levelname)-5.5s [%(name)s] %(message)s
+datefmt = %H:%M:%S
diff --git a/app/__init__.py b/app/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/app/config.py b/app/config.py
new file mode 100644
index 0000000..140ecb0
--- /dev/null
+++ b/app/config.py
@@ -0,0 +1,22 @@
+from pydantic_settings import BaseSettings, SettingsConfigDict
+
+
+class Settings(BaseSettings):
+    model_config = SettingsConfigDict(env_file=".env", env_file_encoding="utf-8")
+
+    secret_key: str
+    database_url: str
+
+    google_client_id: str = ""
+    google_client_secret: str = ""
+    google_redirect_uri: str = ""
+
+    vapid_public_key: str = ""
+    vapid_private_key: str = ""
+    vapid_subject: str = "mailto:you@example.com"
+
+    session_cookie_name: str = "habit_session"
+    timezone: str = "Asia/Seoul"
+
+
+settings = Settings()
diff --git a/app/database.py b/app/database.py
new file mode 100644
index 0000000..7c7d5e1
--- /dev/null
+++ b/app/database.py
@@ -0,0 +1,21 @@
+from collections.abc import Generator
+
+from sqlalchemy import create_engine
+from sqlalchemy.orm import DeclarativeBase, Session, sessionmaker
+
+from app.config import settings
+
+engine = create_engine(settings.database_url, pool_pre_ping=True)
+SessionLocal = sessionmaker(bind=engine, autoflush=False, autocommit=False)
+
+
+class Base(DeclarativeBase):
+    pass
+
+
+def get_db() -> Generator[Session, None, None]:
+    db = SessionLocal()
+    try:
+        yield db
+    finally:
+        db.close()
diff --git a/app/main.py b/app/main.py
new file mode 100644
index 0000000..b21cdac
--- /dev/null
+++ b/app/main.py
@@ -0,0 +1,77 @@
+import logging
+from contextlib import asynccontextmanager
+
+from fastapi import FastAPI, Request
+from fastapi.responses import FileResponse, JSONResponse
+from fastapi.staticfiles import StaticFiles
+from starlette.exceptions import HTTPException as StarletteHTTPException
+from starlette.middleware.sessions import SessionMiddleware
+
+from app.config import settings
+from app.database import SessionLocal
+from app.routers import auth, habits, logs, pages, push
+from app.routers.pages import templates
+from app.security import get_current_user_optional
+from app.services import scheduler_service
+
+logger = logging.getLogger(__name__)
+
+
+@asynccontextmanager
+async def lifespan(app: FastAPI):
+    scheduler_service.start_scheduler()
+    yield
+    scheduler_service.shutdown_scheduler()
+
+
+app = FastAPI(title="습관 트래커", lifespan=lifespan)
+
+# 구글 OAuth 핸드셰이크 중 state/nonce를 임시로 저장하는 데만 쓰는 세션이다.
+# 로그인 유지용 쿠키(habit_session)와는 별개.
+app.add_middleware(SessionMiddleware, secret_key=settings.secret_key, session_cookie="oauth_session", max_age=600)
+
+app.mount("/static", StaticFiles(directory="app/static"), name="static")
+
+app.include_router(auth.router)
+app.include_router(habits.router)
+app.include_router(logs.router)
+app.include_router(push.router)
+app.include_router(pages.router)
+
+
+def _is_api_path(path: str) -> bool:
+    return path.startswith("/api/") or path.startswith("/static/")
+
+
+def _current_user_context(request: Request) -> dict:
+    db = SessionLocal()
+    try:
+        current_user = get_current_user_optional(request, db)
+    finally:
+        db.close()
+    return {"logged_in": current_user is not None, "current_user": current_user}
+
+
+@app.exception_handler(StarletteHTTPException)
+async def http_exception_handler(request: Request, exc: StarletteHTTPException):
+    if exc.status_code == 404 and not _is_api_path(request.url.path):
+        return templates.TemplateResponse(
+            request, "404.html", _current_user_context(request), status_code=404
+        )
+    return JSONResponse({"detail": exc.detail}, status_code=exc.status_code)
+
+
+@app.exception_handler(Exception)
+async def unhandled_exception_handler(request: Request, exc: Exception):
+    logger.exception("처리되지 않은 오류")
+    if _is_api_path(request.url.path):
+        return JSONResponse({"detail": "서버 오류가 발생했습니다"}, status_code=500)
+    return templates.TemplateResponse(
+        request, "500.html", _current_user_context(request), status_code=500
+    )
+
+
+@app.get("/service-worker.js")
+def service_worker():
+    # 서비스워커 scope가 앱 전체를 커버하려면 /static/ 하위가 아닌 루트 경로로 서빙해야 한다.
+    return FileResponse("app/static/service-worker.js", media_type="application/javascript")
diff --git a/app/models/__init__.py b/app/models/__init__.py
new file mode 100644
index 0000000..ec4cc29
--- /dev/null
+++ b/app/models/__init__.py
@@ -0,0 +1,16 @@
+from app.models.habit import Habit, HabitStatus, HabitType
+from app.models.habit_log import HabitLog
+from app.models.notification_log import HabitNotificationLog, SummaryNotificationLog
+from app.models.push_subscription import PushSubscription
+from app.models.user import User
+
+__all__ = [
+    "Habit",
+    "HabitStatus",
+    "HabitType",
+    "HabitLog",
+    "HabitNotificationLog",
+    "SummaryNotificationLog",
+    "PushSubscription",
+    "User",
+]
diff --git a/app/models/habit.py b/app/models/habit.py
new file mode 100644
index 0000000..ad0fba3
--- /dev/null
+++ b/app/models/habit.py
@@ -0,0 +1,48 @@
+import enum
+from datetime import datetime, time
+
+from sqlalchemy import Enum, ForeignKey, Integer, SmallInteger, String, Time
+from sqlalchemy.orm import Mapped, mapped_column, relationship
+from sqlalchemy.sql import func
+
+from app.database import Base
+
+ALL_WEEKDAYS_MASK = 0b1111111  # 월~일 전부 (bit0=월 ... bit6=일)
+
+
+class HabitType(str, enum.Enum):
+    BUILD = "build"  # 만들고 싶은 습관
+    QUIT = "quit"  # 멈추고 싶은 습관
+
+
+class HabitStatus(str, enum.Enum):
+    ACTIVE = "active"
+    COMPLETED = "completed"
+
+
+class Habit(Base):
+    __tablename__ = "habit"
+
+    id: Mapped[int] = mapped_column(Integer, primary_key=True)
+    user_id: Mapped[int | None] = mapped_column(
+        ForeignKey("user.id", ondelete="CASCADE"), nullable=True
+    )
+    name: Mapped[str] = mapped_column(String(200), nullable=False)
+    habit_type: Mapped[HabitType] = mapped_column(Enum(HabitType, native_enum=False, length=20), nullable=False)
+    status: Mapped[HabitStatus] = mapped_column(
+        Enum(HabitStatus, native_enum=False, length=20), nullable=False, default=HabitStatus.ACTIVE
+    )
+    weekdays_mask: Mapped[int] = mapped_column(SmallInteger, nullable=False, default=ALL_WEEKDAYS_MASK)
+    condition_text: Mapped[str | None] = mapped_column(String(300), nullable=True)
+    reminder_time: Mapped[time | None] = mapped_column(Time, nullable=True)
+    sort_order: Mapped[int | None] = mapped_column(Integer, nullable=True)
+    created_at: Mapped[datetime] = mapped_column(server_default=func.now(), nullable=False)
+    completed_at: Mapped[datetime | None] = mapped_column(nullable=True)
+
+    logs: Mapped[list["HabitLog"]] = relationship(
+        back_populates="habit", cascade="all, delete-orphan", passive_deletes=True
+    )
+
+    def is_scheduled_on(self, weekday: int) -> bool:
+        """weekday: Python date.weekday() 기준 (월=0 ... 일=6)"""
+        return bool(self.weekdays_mask & (1 << weekday))
diff --git a/app/models/habit_log.py b/app/models/habit_log.py
new file mode 100644
index 0000000..f033131
--- /dev/null
+++ b/app/models/habit_log.py
@@ -0,0 +1,19 @@
+from datetime import date, datetime
+
+from sqlalchemy import Date, ForeignKey, Integer, UniqueConstraint
+from sqlalchemy.orm import Mapped, mapped_column, relationship
+from sqlalchemy.sql import func
+
+from app.database import Base
+
+
+class HabitLog(Base):
+    __tablename__ = "habit_log"
+    __table_args__ = (UniqueConstraint("habit_id", "log_date", name="uq_habit_log_habit_date"),)
+
+    id: Mapped[int] = mapped_column(Integer, primary_key=True)
+    habit_id: Mapped[int] = mapped_column(ForeignKey("habit.id", ondelete="CASCADE"), nullable=False)
+    log_date: Mapped[date] = mapped_column(Date, nullable=False)
+    checked_at: Mapped[datetime] = mapped_column(server_default=func.now(), nullable=False)
+
+    habit: Mapped["Habit"] = relationship(back_populates="logs")
diff --git a/app/models/notification_log.py b/app/models/notification_log.py
new file mode 100644
index 0000000..28b0d2e
--- /dev/null
+++ b/app/models/notification_log.py
@@ -0,0 +1,33 @@
+from datetime import date, datetime
+
+from sqlalchemy import Date, ForeignKey, Integer, String, UniqueConstraint
+from sqlalchemy.orm import Mapped, mapped_column
+from sqlalchemy.sql import func
+
+from app.database import Base
+
+
+class HabitNotificationLog(Base):
+    __tablename__ = "habit_notification_log"
+    __table_args__ = (UniqueConstraint("habit_id", "notify_date", name="uq_notification_habit_date"),)
+
+    id: Mapped[int] = mapped_column(Integer, primary_key=True)
+    habit_id: Mapped[int] = mapped_column(ForeignKey("habit.id", ondelete="CASCADE"), nullable=False)
+    notify_date: Mapped[date] = mapped_column(Date, nullable=False)
+    sent_at: Mapped[datetime] = mapped_column(server_default=func.now(), nullable=False)
+
+
+class SummaryNotificationLog(Base):
+    """주간/월간 요약 알림 중복 발송 방지용 클레임 테이블 (habit_notification_log와 동일한 패턴).
+
+    period_type은 "weekly"/"monthly", period_start는 그 기간의 시작일(주간=월요일, 월간=1일)이다.
+    """
+
+    __tablename__ = "summary_notification_log"
+    __table_args__ = (UniqueConstraint("user_id", "period_type", "period_start", name="uq_summary_user_period"),)
+
+    id: Mapped[int] = mapped_column(Integer, primary_key=True)
+    user_id: Mapped[int] = mapped_column(ForeignKey("user.id", ondelete="CASCADE"), nullable=False)
+    period_type: Mapped[str] = mapped_column(String(20), nullable=False)
+    period_start: Mapped[date] = mapped_column(Date, nullable=False)
+    sent_at: Mapped[datetime] = mapped_column(server_default=func.now(), nullable=False)
diff --git a/app/models/push_subscription.py b/app/models/push_subscription.py
new file mode 100644
index 0000000..dfe1e2e
--- /dev/null
+++ b/app/models/push_subscription.py
@@ -0,0 +1,21 @@
+from datetime import datetime
+
+from sqlalchemy import ForeignKey, Integer, String
+from sqlalchemy.orm import Mapped, mapped_column
+from sqlalchemy.sql import func
+
+from app.database import Base
+
+
+class PushSubscription(Base):
+    __tablename__ = "push_subscription"
+
+    id: Mapped[int] = mapped_column(Integer, primary_key=True)
+    user_id: Mapped[int | None] = mapped_column(
+        ForeignKey("user.id", ondelete="CASCADE"), nullable=True
+    )
+    endpoint: Mapped[str] = mapped_column(String(512), nullable=False, unique=True)
+    p256dh_key: Mapped[str] = mapped_column(String(255), nullable=False)
+    auth_key: Mapped[str] = mapped_column(String(255), nullable=False)
+    user_agent: Mapped[str | None] = mapped_column(String(255), nullable=True)
+    created_at: Mapped[datetime] = mapped_column(server_default=func.now(), nullable=False)
diff --git a/app/models/user.py b/app/models/user.py
new file mode 100644
index 0000000..2b85c7f
--- /dev/null
+++ b/app/models/user.py
@@ -0,0 +1,18 @@
+from datetime import datetime
+
+from sqlalchemy import Integer, String
+from sqlalchemy.orm import Mapped, mapped_column
+from sqlalchemy.sql import func
+
+from app.database import Base
+
+
+class User(Base):
+    __tablename__ = "user"
+
+    id: Mapped[int] = mapped_column(Integer, primary_key=True)
+    google_sub: Mapped[str] = mapped_column(String(255), nullable=False, unique=True)
+    email: Mapped[str] = mapped_column(String(255), nullable=False, unique=True)
+    name: Mapped[str | None] = mapped_column(String(255), nullable=True)
+    picture_url: Mapped[str | None] = mapped_column(String(512), nullable=True)
+    created_at: Mapped[datetime] = mapped_column(server_default=func.now(), nullable=False)
diff --git a/app/routers/__init__.py b/app/routers/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/app/routers/auth.py b/app/routers/auth.py
new file mode 100644
index 0000000..37cdbfd
--- /dev/null
+++ b/app/routers/auth.py
@@ -0,0 +1,65 @@
+from authlib.integrations.starlette_client import OAuth
+from fastapi import APIRouter, Depends, Request
+from fastapi.responses import RedirectResponse
+from sqlalchemy import select
+from sqlalchemy.orm import Session
+
+from app.config import settings
+from app.database import get_db
+from app.models.user import User
+from app.security import SESSION_MAX_AGE_SECONDS, create_session_token
+
+router = APIRouter(prefix="/auth", tags=["auth"])
+
+oauth = OAuth()
+oauth.register(
+    name="google",
+    server_metadata_url="https://accounts.google.com/.well-known/openid-configuration",
+    client_id=settings.google_client_id,
+    client_secret=settings.google_client_secret,
+    client_kwargs={"scope": "openid email profile"},
+)
+
+
+@router.get("/google/login")
+async def google_login(request: Request):
+    return await oauth.google.authorize_redirect(request, settings.google_redirect_uri)
+
+
+@router.get("/google/callback")
+async def google_callback(request: Request, db: Session = Depends(get_db)):
+    token = await oauth.google.authorize_access_token(request)
+    userinfo = token["userinfo"]
+    google_sub = userinfo["sub"]
+    email = userinfo["email"]
+    name = userinfo.get("name")
+    picture_url = userinfo.get("picture")
+
+    user = db.scalar(select(User).where(User.google_sub == google_sub))
+    if user is None:
+        user = User(google_sub=google_sub, email=email, name=name, picture_url=picture_url)
+        db.add(user)
+    else:
+        user.email = email
+        user.name = name
+        user.picture_url = picture_url
+    db.commit()
+    db.refresh(user)
+
+    session_token = create_session_token(user.id)
+    response = RedirectResponse(url="/today", status_code=303)
+    response.set_cookie(
+        settings.session_cookie_name,
+        session_token,
+        httponly=True,
+        samesite="lax",
+        max_age=SESSION_MAX_AGE_SECONDS,
+    )
+    return response
+
+
+@router.post("/logout")
+def logout():
+    response = RedirectResponse(url="/login", status_code=303)
+    response.delete_cookie(settings.session_cookie_name)
+    return response
diff --git a/app/routers/habits.py b/app/routers/habits.py
new file mode 100644
index 0000000..b900bd8
--- /dev/null
+++ b/app/routers/habits.py
@@ -0,0 +1,81 @@
+from fastapi import APIRouter, Depends, HTTPException
+from sqlalchemy.orm import Session
+
+from app.database import get_db
+from app.models.habit import HabitStatus, HabitType
+from app.models.user import User
+from app.schemas.habit import HabitCreate, HabitOut, HabitReorderRequest, HabitUpdate
+from app.schemas.habit_log import HabitStats
+from app.security import require_login
+from app.services import habit_service, log_service
+
+router = APIRouter(prefix="/api/habits", tags=["habits"], dependencies=[Depends(require_login)])
+
+
+def _get_habit_or_404(db: Session, habit_id: int, user_id: int):
+    habit = habit_service.get_habit(db, habit_id, user_id)
+    if habit is None:
+        raise HTTPException(status_code=404, detail="습관을 찾을 수 없습니다")
+    return habit
+
+
+@router.get("", response_model=list[HabitOut])
+def list_habits(
+    type: HabitType | None = None,
+    status: HabitStatus | None = None,
+    db: Session = Depends(get_db),
+    current_user: User = Depends(require_login),
+):
+    return habit_service.list_habits(db, current_user.id, habit_type=type, status=status)
+
+
+@router.post("", response_model=HabitOut, status_code=201)
+def create_habit(
+    data: HabitCreate, db: Session = Depends(get_db), current_user: User = Depends(require_login)
+):
+    return habit_service.create_habit(db, current_user.id, data)
+
+
+@router.post("/reorder")
+def reorder_habits(
+    data: HabitReorderRequest, db: Session = Depends(get_db), current_user: User = Depends(require_login)
+):
+    habit_service.reorder_habits(db, current_user.id, data.habit_ids)
+    return {"ok": True}
+
+
+@router.get("/{habit_id}", response_model=HabitOut)
+def get_habit(habit_id: int, db: Session = Depends(get_db), current_user: User = Depends(require_login)):
+    return _get_habit_or_404(db, habit_id, current_user.id)
+
+
+@router.put("/{habit_id}", response_model=HabitOut)
+def update_habit(
+    habit_id: int, data: HabitUpdate, db: Session = Depends(get_db), current_user: User = Depends(require_login)
+):
+    habit = _get_habit_or_404(db, habit_id, current_user.id)
+    return habit_service.update_habit(db, habit, data)
+
+
+@router.delete("/{habit_id}", status_code=204)
+def delete_habit(habit_id: int, db: Session = Depends(get_db), current_user: User = Depends(require_login)):
+    habit = _get_habit_or_404(db, habit_id, current_user.id)
+    habit_service.delete_habit(db, habit)
+
+
+@router.post("/{habit_id}/complete", response_model=HabitOut)
+def complete_habit(habit_id: int, db: Session = Depends(get_db), current_user: User = Depends(require_login)):
+    habit = _get_habit_or_404(db, habit_id, current_user.id)
+    return habit_service.complete_habit(db, habit)
+
+
+@router.post("/{habit_id}/reactivate", response_model=HabitOut)
+def reactivate_habit(habit_id: int, db: Session = Depends(get_db), current_user: User = Depends(require_login)):
+    habit = _get_habit_or_404(db, habit_id, current_user.id)
+    return habit_service.reactivate_habit(db, habit)
+
+
+@router.get("/{habit_id}/stats", response_model=HabitStats)
+def get_habit_stats(habit_id: int, db: Session = Depends(get_db), current_user: User = Depends(require_login)):
+    habit = _get_habit_or_404(db, habit_id, current_user.id)
+    return log_service.get_habit_stats(db, habit)
diff --git a/app/routers/logs.py b/app/routers/logs.py
new file mode 100644
index 0000000..7374bfb
--- /dev/null
+++ b/app/routers/logs.py
@@ -0,0 +1,52 @@
+from datetime import date
+
+from fastapi import APIRouter, Depends, HTTPException
+from sqlalchemy.orm import Session
+
+from app.database import get_db
+from app.models.user import User
+from app.schemas.habit_log import HabitLogOut, MonthlySummaryDay, TodayItem, WeeklyMatrixRow
+from app.security import require_login
+from app.services import habit_service, log_service
+
+router = APIRouter(prefix="/api", tags=["logs"], dependencies=[Depends(require_login)])
+
+
+@router.get("/today", response_model=list[TodayItem])
+def get_today(db: Session = Depends(get_db), current_user: User = Depends(require_login)):
+    build_items, quit_items = log_service.get_today_items(db, current_user.id, date.today())
+    return build_items + quit_items
+
+
+@router.post("/logs/{habit_id}/toggle")
+def toggle_log(habit_id: int, db: Session = Depends(get_db), current_user: User = Depends(require_login)):
+    habit = habit_service.get_habit(db, habit_id, current_user.id)
+    if habit is None:
+        raise HTTPException(status_code=404, detail="습관을 찾을 수 없습니다")
+    checked, milestone_streak = log_service.toggle_check_and_celebrate(db, habit, date.today())
+    return {"checked": checked, "milestone_streak": milestone_streak}
+
+
+@router.get("/logs", response_model=list[HabitLogOut])
+def list_logs(
+    habit_id: int | None = None,
+    start: date | None = None,
+    end: date | None = None,
+    db: Session = Depends(get_db),
+    current_user: User = Depends(require_login),
+):
+    return log_service.list_logs(db, current_user.id, habit_id=habit_id, start=start, end=end)
+
+
+@router.get("/logs/summary/monthly", response_model=list[MonthlySummaryDay])
+def monthly_summary(
+    year: int, month: int, db: Session = Depends(get_db), current_user: User = Depends(require_login)
+):
+    return log_service.get_monthly_summary(db, current_user.id, year, month)
+
+
+@router.get("/logs/summary/weekly", response_model=list[WeeklyMatrixRow])
+def weekly_summary(
+    start_date: date, db: Session = Depends(get_db), current_user: User = Depends(require_login)
+):
+    return log_service.get_weekly_matrix(db, current_user.id, start_date)
diff --git a/app/routers/pages.py b/app/routers/pages.py
new file mode 100644
index 0000000..3d1ded6
--- /dev/null
+++ b/app/routers/pages.py
@@ -0,0 +1,304 @@
+import calendar
+from datetime import date, timedelta
+from datetime import time as time_type
+
+from fastapi import APIRouter, Depends, Form, Request, Response
+from fastapi.responses import HTMLResponse, RedirectResponse
+from fastapi.templating import Jinja2Templates
+from pydantic import ValidationError
+from sqlalchemy.orm import Session
+
+from app.database import get_db
+from app.models.habit import HabitStatus, HabitType
+from app.models.user import User
+from app.schemas.habit import HabitCreate, HabitUpdate
+from app.security import get_current_user_optional
+from app.services import habit_service, log_service
+from app.template_utils import heatmap_opacity, is_milestone_streak, weekday_label
+
+router = APIRouter()
+
+templates = Jinja2Templates(directory="app/templates")
+templates.env.globals["weekday_label"] = weekday_label
+templates.env.globals["heatmap_opacity"] = heatmap_opacity
+templates.env.globals["is_milestone_streak"] = is_milestone_streak
+
+
+def _current_user_or_redirect(request: Request, db: Session) -> User | RedirectResponse:
+    user = get_current_user_optional(request, db)
+    if user is None:
+        return RedirectResponse(url="/login", status_code=303)
+    return user
+
+
+@router.get("/")
+def index(request: Request, db: Session = Depends(get_db)):
+    if get_current_user_optional(request, db) is not None:
+        return RedirectResponse(url="/today", status_code=303)
+    return RedirectResponse(url="/login", status_code=303)
+
+
+@router.get("/login")
+def login_page(request: Request, db: Session = Depends(get_db)):
+    if get_current_user_optional(request, db) is not None:
+        return RedirectResponse(url="/today", status_code=303)
+    return templates.TemplateResponse(request, "login.html", {"logged_in": False, "current_user": None})
+
+
+def _today_context(db: Session, user_id: int, **extra) -> dict:
+    build_items, quit_items = log_service.get_today_items(db, user_id, date.today())
+    all_items = build_items + quit_items
+    return {
+        "build_items": build_items,
+        "quit_items": quit_items,
+        "total_count": len(all_items),
+        "checked_count": sum(1 for item in all_items if item.checked),
+        **extra,
+    }
+
+
+@router.get("/today")
+def today_page(request: Request, db: Session = Depends(get_db)):
+    current = _current_user_or_redirect(request, db)
+    if isinstance(current, RedirectResponse):
+        return current
+
+    return templates.TemplateResponse(
+        request,
+        "today.html",
+        {"logged_in": True, "current_user": current, **_today_context(db, current.id)},
+    )
+
+
+@router.post("/today/{habit_id}/toggle")
+def toggle_today_page(request: Request, habit_id: int, db: Session = Depends(get_db)):
+    current = _current_user_or_redirect(request, db)
+    if isinstance(current, RedirectResponse):
+        return current
+
+    habit = habit_service.get_habit(db, habit_id, current.id)
+    if habit is None:
+        return Response(status_code=404)
+
+    _, milestone_streak = log_service.toggle_check_and_celebrate(db, habit, date.today())
+    extra = {"celebrate_habit_name": habit.name, "celebrate_streak": milestone_streak} if milestone_streak else {}
+    return templates.TemplateResponse(
+        request,
+        "partials/today_content.html",
+        {"logged_in": True, "current_user": current, **_today_context(db, current.id, **extra)},
+    )
+
+
+@router.get("/habits")
+def habits_page(request: Request, tab: str = "build", db: Session = Depends(get_db)):
+    current = _current_user_or_redirect(request, db)
+    if isinstance(current, RedirectResponse):
+        return current
+
+    if tab == "completed":
+        habits = habit_service.list_habits(db, current.id, status=HabitStatus.COMPLETED)
+    else:
+        if tab not in ("build", "quit"):
+            tab = "build"
+        habits = habit_service.list_habits(db, current.id, habit_type=HabitType(tab), status=HabitStatus.ACTIVE)
+
+    stats_map = {h.id: log_service.get_habit_stats(db, h) for h in habits}
+
+    return templates.TemplateResponse(
+        request,
+        "habits.html",
+        {
+            "logged_in": True,
+            "current_user": current,
+            "tab": tab,
+            "habits": habits,
+            "habit_type": tab,
+            "stats_map": stats_map,
+        },
+    )
+
+
+@router.post("/habits/new")
+def create_habit_page(
+    request: Request,
+    name: str = Form(""),
+    habit_type: str = Form(...),
+    weekdays_mask: int = Form(...),
+    condition_text: str | None = Form(None),
+    reminder_time: str | None = Form(None),
+    db: Session = Depends(get_db),
+):
+    current = _current_user_or_redirect(request, db)
+    if isinstance(current, RedirectResponse):
+        return current
+
+    try:
+        parsed_time = time_type.fromisoformat(reminder_time) if reminder_time else None
+        data = HabitCreate(
+            name=name,
+            habit_type=HabitType(habit_type),
+            weekdays_mask=weekdays_mask,
+            condition_text=condition_text,
+            reminder_time=parsed_time,
+        )
+    except ValidationError as exc:
+        message = exc.errors()[0]["msg"].removeprefix("Value error, ")
+        return HTMLResponse(message)
+    except ValueError:
+        return HTMLResponse("입력값을 확인해주세요")
+
+    habit_service.create_habit(db, current.id, data)
+    response = Response(status_code=200)
+    response.headers["HX-Redirect"] = f"/habits?tab={habit_type}"
+    return response
+
+
+@router.post("/habits/{habit_id}/edit")
+def edit_habit_page(
+    request: Request,
+    habit_id: int,
+    name: str = Form(""),
+    weekdays_mask: int = Form(...),
+    condition_text: str | None = Form(None),
+    reminder_time: str | None = Form(None),
+    db: Session = Depends(get_db),
+):
+    current = _current_user_or_redirect(request, db)
+    if isinstance(current, RedirectResponse):
+        return current
+
+    habit = habit_service.get_habit(db, habit_id, current.id)
+    if habit is None:
+        return Response(status_code=404)
+
+    try:
+        parsed_time = time_type.fromisoformat(reminder_time) if reminder_time else None
+        data = HabitUpdate(
+            name=name,
+            habit_type=habit.habit_type,
+            weekdays_mask=weekdays_mask,
+            condition_text=condition_text,
+            reminder_time=parsed_time,
+        )
+    except ValidationError as exc:
+        message = exc.errors()[0]["msg"].removeprefix("Value error, ")
+        return HTMLResponse(message)
+    except ValueError:
+        return HTMLResponse("입력값을 확인해주세요")
+
+    habit_service.update_habit(db, habit, data)
+    tab = "completed" if habit.status == HabitStatus.COMPLETED else habit.habit_type.value
+    response = Response(status_code=200)
+    response.headers["HX-Redirect"] = f"/habits?tab={tab}"
+    return response
+
+
+@router.post("/habits/{habit_id}/complete")
+def complete_habit_page(request: Request, habit_id: int, db: Session = Depends(get_db)):
+    current = _current_user_or_redirect(request, db)
+    if isinstance(current, RedirectResponse):
+        return current
+
+    habit = habit_service.get_habit(db, habit_id, current.id)
+    if habit is None:
+        return Response(status_code=404)
+    tab = habit.habit_type.value
+    habit_service.complete_habit(db, habit)
+    response = Response(status_code=200)
+    response.headers["HX-Redirect"] = f"/habits?tab={tab}"
+    return response
+
+
+@router.post("/habits/{habit_id}/reactivate")
+def reactivate_habit_page(request: Request, habit_id: int, db: Session = Depends(get_db)):
+    current = _current_user_or_redirect(request, db)
+    if isinstance(current, RedirectResponse):
+        return current
+
+    habit = habit_service.get_habit(db, habit_id, current.id)
+    if habit is None:
+        return Response(status_code=404)
+    habit_service.reactivate_habit(db, habit)
+    response = Response(status_code=200)
+    response.headers["HX-Redirect"] = "/habits?tab=completed"
+    return response
+
+
+@router.delete("/habits/{habit_id}/delete")
+def delete_habit_page(request: Request, habit_id: int, db: Session = Depends(get_db)):
+    current = _current_user_or_redirect(request, db)
+    if isinstance(current, RedirectResponse):
+        return current
+
+    habit = habit_service.get_habit(db, habit_id, current.id)
+    if habit is None:
+        return Response(status_code=404)
+    tab = "completed" if habit.status == HabitStatus.COMPLETED else habit.habit_type.value
+    habit_service.delete_habit(db, habit)
+    response = Response(status_code=200)
+    response.headers["HX-Redirect"] = f"/habits?tab={tab}"
+    return response
+
+
+def _month_context(db: Session, user_id: int, year: int, month: int) -> dict:
+    summaries = log_service.get_monthly_summary(db, user_id, year, month)
+    summary_map = {s.log_date: s for s in summaries}
+    weeks = calendar.Calendar(firstweekday=6).monthdatescalendar(year, month)  # 6=일요일(calendar 모듈 기준)부터 시작
+    completion_rate = log_service.summarize_completion_rate(summaries, date.today())
+
+    prev_year, prev_month = (year - 1, 12) if month == 1 else (year, month - 1)
+    next_year, next_month = (year + 1, 1) if month == 12 else (year, month + 1)
+
+    return {
+        "view": "month",
+        "year": year,
+        "month": month,
+        "weeks": weeks,
+        "summary_map": summary_map,
+        "completion_rate": completion_rate,
+        "prev_year": prev_year,
+        "prev_month": prev_month,
+        "next_year": next_year,
+        "next_month": next_month,
+    }
+
+
+def _week_context(db: Session, user_id: int, week_start: date) -> dict:
+    rows = log_service.get_weekly_matrix(db, user_id, week_start)
+    return {
+        "view": "week",
+        "week_start": week_start,
+        "week_end": week_start + timedelta(days=6),
+        "rows": rows,
+        "prev_week": (week_start - timedelta(days=7)).isoformat(),
+        "next_week": (week_start + timedelta(days=7)).isoformat(),
+    }
+
+
+@router.get("/history")
+def history_page(
+    request: Request,
+    view: str = "month",
+    year: int | None = None,
+    month: int | None = None,
+    start: str | None = None,
+    db: Session = Depends(get_db),
+):
+    current = _current_user_or_redirect(request, db)
+    if isinstance(current, RedirectResponse):
+        return current
+
+    today = date.today()
+    if view == "week":
+        week_start = date.fromisoformat(start) if start else today
+        # date.weekday()는 월=0..일=6이라, 일요일까지 거슬러 올라가려면 +1 해서 나머지를 구해야 한다
+        # (일요일 자신은 0일 전, 월요일은 1일 전, ... 토요일은 6일 전).
+        week_start = week_start - timedelta(days=(week_start.weekday() + 1) % 7)
+        context = _week_context(db, current.id, week_start)
+    else:
+        view = "month"
+        context = _month_context(db, current.id, year or today.year, month or today.month)
+
+    return templates.TemplateResponse(
+        request, "history.html", {"logged_in": True, "current_user": current, **context}
+    )
diff --git a/app/routers/push.py b/app/routers/push.py
new file mode 100644
index 0000000..b35aff7
--- /dev/null
+++ b/app/routers/push.py
@@ -0,0 +1,46 @@
+from fastapi import APIRouter, Depends, Request
+from pydantic import BaseModel
+from sqlalchemy.orm import Session
+
+from app.config import settings
+from app.database import get_db
+from app.models.user import User
+from app.schemas.push import PushSubscribeRequest
+from app.security import require_login
+from app.services import push_service
+
+router = APIRouter(prefix="/api/push", tags=["push"], dependencies=[Depends(require_login)])
+
+
+class UnsubscribeRequest(BaseModel):
+    endpoint: str
+
+
+@router.get("/vapid-public-key")
+def get_vapid_public_key():
+    return {"publicKey": settings.vapid_public_key}
+
+
+@router.post("/subscribe")
+def subscribe(
+    data: PushSubscribeRequest,
+    request: Request,
+    db: Session = Depends(get_db),
+    current_user: User = Depends(require_login),
+):
+    push_service.save_subscription(db, current_user.id, data, user_agent=request.headers.get("user-agent"))
+    return {"ok": True}
+
+
+@router.post("/unsubscribe")
+def unsubscribe(
+    data: UnsubscribeRequest, db: Session = Depends(get_db), current_user: User = Depends(require_login)
+):
+    push_service.delete_subscription(db, data.endpoint)
+    return {"ok": True}
+
+
+@router.post("/test")
+def send_test(db: Session = Depends(get_db), current_user: User = Depends(require_login)):
+    sent = push_service.send_to_user(db, current_user.id, title="습관 트래커", body="테스트 알림입니다.")
+    return {"sent": sent}
diff --git a/app/schemas/__init__.py b/app/schemas/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/app/schemas/habit.py b/app/schemas/habit.py
new file mode 100644
index 0000000..5873c8b
--- /dev/null
+++ b/app/schemas/habit.py
@@ -0,0 +1,62 @@
+from datetime import datetime, time
+
+from pydantic import BaseModel, ConfigDict, field_validator
+
+from app.models.habit import ALL_WEEKDAYS_MASK, HabitStatus, HabitType
+
+
+class HabitBase(BaseModel):
+    name: str
+    habit_type: HabitType
+    weekdays_mask: int = ALL_WEEKDAYS_MASK
+    condition_text: str | None = None
+    reminder_time: time | None = None
+
+    @field_validator("name")
+    @classmethod
+    def name_not_blank(cls, v: str) -> str:
+        v = v.strip()
+        if not v:
+            raise ValueError("습관 이름을 입력해주세요")
+        return v
+
+    @field_validator("condition_text")
+    @classmethod
+    def blank_condition_to_none(cls, v: str | None) -> str | None:
+        if v is None:
+            return None
+        v = v.strip()
+        return v or None
+
+    @field_validator("weekdays_mask")
+    @classmethod
+    def mask_in_range(cls, v: int) -> int:
+        if not (1 <= v <= ALL_WEEKDAYS_MASK):
+            raise ValueError("요일을 최소 하루 이상 선택해주세요")
+        return v
+
+
+class HabitCreate(HabitBase):
+    pass
+
+
+class HabitUpdate(HabitBase):
+    pass
+
+
+class HabitOut(BaseModel):
+    model_config = ConfigDict(from_attributes=True)
+
+    id: int
+    name: str
+    habit_type: HabitType
+    status: HabitStatus
+    weekdays_mask: int
+    condition_text: str | None
+    reminder_time: time | None
+    created_at: datetime
+    completed_at: datetime | None
+
+
+class HabitReorderRequest(BaseModel):
+    habit_ids: list[int]
diff --git a/app/schemas/habit_log.py b/app/schemas/habit_log.py
new file mode 100644
index 0000000..304bf9a
--- /dev/null
+++ b/app/schemas/habit_log.py
@@ -0,0 +1,45 @@
+from datetime import date, datetime
+
+from pydantic import BaseModel, ConfigDict
+
+
+class HabitLogOut(BaseModel):
+    model_config = ConfigDict(from_attributes=True)
+
+    id: int
+    habit_id: int
+    log_date: date
+    checked_at: datetime
+
+
+class TodayItem(BaseModel):
+    habit_id: int
+    name: str
+    habit_type: str
+    condition_text: str | None
+    reminder_time: str | None
+    checked: bool
+    completion_rate: float
+    current_streak: int
+    scheduled_days: int
+
+
+class MonthlySummaryDay(BaseModel):
+    log_date: date
+    scheduled_count: int
+    checked_count: int
+
+
+class WeeklyMatrixRow(BaseModel):
+    habit_id: int
+    name: str
+    habit_type: str
+    checks: dict[str, bool | None]  # ISO 날짜 문자열 -> 체크 여부 (None이면 그 요일에 예정되지 않음)
+    completion_rate: float  # 이번 주, 오늘까지 지난 예정일 중 체크한 비율 (%)
+
+
+class HabitStats(BaseModel):
+    completion_rate: float  # 습관 생성일부터 오늘까지, 예정된 날 중 체크한 비율 (%)
+    current_streak: int  # 오늘(또는 어제)부터 거슬러 올라가며 끊기지 않고 체크한 예정일 수
+    scheduled_days: int
+    checked_days: int
diff --git a/app/schemas/push.py b/app/schemas/push.py
new file mode 100644
index 0000000..7f86c03
--- /dev/null
+++ b/app/schemas/push.py
@@ -0,0 +1,11 @@
+from pydantic import BaseModel
+
+
+class PushKeys(BaseModel):
+    p256dh: str
+    auth: str
+
+
+class PushSubscribeRequest(BaseModel):
+    endpoint: str
+    keys: PushKeys
diff --git a/app/security.py b/app/security.py
new file mode 100644
index 0000000..b06df68
--- /dev/null
+++ b/app/security.py
@@ -0,0 +1,43 @@
+from fastapi import Depends, HTTPException, Request, status
+from itsdangerous import BadSignature, SignatureExpired, URLSafeTimedSerializer
+from sqlalchemy.orm import Session
+
+from app.config import settings
+from app.database import get_db
+from app.models.user import User
+
+_serializer = URLSafeTimedSerializer(settings.secret_key, salt="habit-session")
+
+SESSION_MAX_AGE_SECONDS = 60 * 60 * 24 * 30  # 30일
+
+
+def create_session_token(user_id: int) -> str:
+    return _serializer.dumps({"user_id": user_id})
+
+
+def get_session_user_id(request: Request) -> int | None:
+    token = request.cookies.get(settings.session_cookie_name)
+    if not token:
+        return None
+    try:
+        data = _serializer.loads(token, max_age=SESSION_MAX_AGE_SECONDS)
+    except (BadSignature, SignatureExpired):
+        return None
+    return data.get("user_id")
+
+
+def require_login(request: Request, db: Session = Depends(get_db)) -> User:
+    user_id = get_session_user_id(request)
+    user = db.get(User, user_id) if user_id is not None else None
+    if user is None:
+        raise HTTPException(status_code=status.HTTP_401_UNAUTHORIZED, detail="로그인이 필요합니다")
+    return user
+
+
+def get_current_user_optional(request: Request, db: Session) -> User | None:
+    user_id = get_session_user_id(request)
+    return db.get(User, user_id) if user_id is not None else None
+
+
+def is_logged_in(request: Request) -> bool:
+    return get_session_user_id(request) is not None
diff --git a/app/services/habit_service.py b/app/services/habit_service.py
new file mode 100644
index 0000000..78e561d
--- /dev/null
+++ b/app/services/habit_service.py
@@ -0,0 +1,100 @@
+from datetime import datetime
+
+from sqlalchemy import select
+from sqlalchemy.orm import Session
+
+from app.models.habit import Habit, HabitStatus, HabitType
+from app.schemas.habit import HabitCreate, HabitUpdate
+
+
+def list_habits(
+    db: Session, user_id: int, habit_type: HabitType | None = None, status: HabitStatus | None = None
+) -> list[Habit]:
+    stmt = select(Habit).where(Habit.user_id == user_id)
+    if habit_type is not None:
+        stmt = stmt.where(Habit.habit_type == habit_type)
+    if status is not None:
+        stmt = stmt.where(Habit.status == status)
+    stmt = stmt.order_by(Habit.sort_order.is_(None), Habit.sort_order, Habit.created_at)
+    return list(db.scalars(stmt))
+
+
+def list_active_habits_with_reminders(db: Session) -> list[Habit]:
+    """스케줄러 전용: 유저 스코핑 없이 알림 시각이 설정된 전체 active 습관을 반환한다."""
+    stmt = select(Habit).where(Habit.status == HabitStatus.ACTIVE, Habit.reminder_time.isnot(None))
+    return list(db.scalars(stmt))
+
+
+def list_active_user_ids(db: Session) -> list[int]:
+    """스케줄러 전용: 유저 스코핑 없이, active 습관을 하나 이상 가진 유저 id 목록을 반환한다(주간/월간 요약 알림 대상)."""
+    stmt = (
+        select(Habit.user_id)
+        .where(Habit.status == HabitStatus.ACTIVE, Habit.user_id.isnot(None))
+        .distinct()
+    )
+    return list(db.scalars(stmt))
+
+
+def get_habit(db: Session, habit_id: int, user_id: int) -> Habit | None:
+    return db.scalar(select(Habit).where(Habit.id == habit_id, Habit.user_id == user_id))
+
+
+def create_habit(db: Session, user_id: int, data: HabitCreate) -> Habit:
+    habit = Habit(
+        user_id=user_id,
+        name=data.name,
+        habit_type=data.habit_type,
+        weekdays_mask=data.weekdays_mask,
+        condition_text=data.condition_text,
+        reminder_time=data.reminder_time,
+        status=HabitStatus.ACTIVE,
+    )
+    db.add(habit)
+    db.commit()
+    db.refresh(habit)
+    return habit
+
+
+def update_habit(db: Session, habit: Habit, data: HabitUpdate) -> Habit:
+    habit.name = data.name
+    habit.habit_type = data.habit_type
+    habit.weekdays_mask = data.weekdays_mask
+    habit.condition_text = data.condition_text
+    habit.reminder_time = data.reminder_time
+    db.commit()
+    db.refresh(habit)
+    return habit
+
+
+def delete_habit(db: Session, habit: Habit) -> None:
+    db.delete(habit)
+    db.commit()
+
+
+def complete_habit(db: Session, habit: Habit) -> Habit:
+    habit.status = HabitStatus.COMPLETED
+    habit.completed_at = datetime.now()
+    db.commit()
+    db.refresh(habit)
+    return habit
+
+
+def reactivate_habit(db: Session, habit: Habit) -> Habit:
+    habit.status = HabitStatus.ACTIVE
+    habit.completed_at = None
+    db.commit()
+    db.refresh(habit)
+    return habit
+
+
+def reorder_habits(db: Session, user_id: int, ordered_ids: list[int]) -> None:
+    """ordered_ids에 나온 순서대로 sort_order를 다시 매긴다. 목록에 없는 id나 다른 유저의 habit은 무시한다."""
+    habits = db.scalars(
+        select(Habit).where(Habit.id.in_(ordered_ids), Habit.user_id == user_id)
+    ).all()
+    habit_map = {h.id: h for h in habits}
+    for index, habit_id in enumerate(ordered_ids):
+        habit = habit_map.get(habit_id)
+        if habit is not None:
+            habit.sort_order = index
+    db.commit()
diff --git a/app/services/log_service.py b/app/services/log_service.py
new file mode 100644
index 0000000..226f21a
--- /dev/null
+++ b/app/services/log_service.py
@@ -0,0 +1,254 @@
+import calendar
+from datetime import date, timedelta
+
+from sqlalchemy import func, select
+from sqlalchemy.orm import Session
+
+from app.models.habit import Habit, HabitStatus, HabitType
+from app.models.habit_log import HabitLog
+from app.schemas.habit_log import HabitStats, MonthlySummaryDay, TodayItem, WeeklyMatrixRow
+from app.services import habit_service, push_service
+
+# 체크 시 축하 푸시/배지를 트리거하는 연속 달성일 마일스톤.
+MILESTONE_STREAKS = {7, 30, 66, 100, 200, 365}
+
+
+def _to_today_item(db: Session, habit: Habit, checked: bool) -> TodayItem:
+    stats = get_habit_stats(db, habit)
+    return TodayItem(
+        habit_id=habit.id,
+        name=habit.name,
+        habit_type=habit.habit_type.value,
+        condition_text=habit.condition_text,
+        reminder_time=habit.reminder_time.strftime("%H:%M") if habit.reminder_time else None,
+        checked=checked,
+        completion_rate=stats.completion_rate,
+        current_streak=stats.current_streak,
+        scheduled_days=stats.scheduled_days,
+    )
+
+
+def get_today_items(db: Session, user_id: int, target_date: date) -> tuple[list[TodayItem], list[TodayItem]]:
+    """오늘 요일에 예정된 active 습관을 형성/중단으로 나누어 체크 여부와 함께 반환한다."""
+    weekday = target_date.weekday()
+    active_habits = habit_service.list_habits(db, user_id, status=HabitStatus.ACTIVE)
+    scheduled = [h for h in active_habits if h.is_scheduled_on(weekday)]
+
+    checked_ids: set[int] = set()
+    habit_ids = [h.id for h in scheduled]
+    if habit_ids:
+        checked_ids = set(
+            db.scalars(
+                select(HabitLog.habit_id).where(
+                    HabitLog.log_date == target_date, HabitLog.habit_id.in_(habit_ids)
+                )
+            )
+        )
+
+    build_items = [_to_today_item(db, h, h.id in checked_ids) for h in scheduled if h.habit_type == HabitType.BUILD]
+    quit_items = [_to_today_item(db, h, h.id in checked_ids) for h in scheduled if h.habit_type == HabitType.QUIT]
+    return build_items, quit_items
+
+
+def toggle_check(db: Session, habit_id: int, log_date: date) -> bool:
+    """체크 상태를 반전시키고 토글 후의 체크 여부를 반환한다.
+
+    호출측에서 이미 habit_service.get_habit(db, habit_id, user_id)로 소유권을 검증한 뒤에만 불러야 한다.
+    """
+    existing = db.scalar(select(HabitLog).where(HabitLog.habit_id == habit_id, HabitLog.log_date == log_date))
+    if existing:
+        db.delete(existing)
+        db.commit()
+        return False
+    db.add(HabitLog(habit_id=habit_id, log_date=log_date))
+    db.commit()
+    return True
+
+
+def toggle_check_and_celebrate(db: Session, habit: Habit, log_date: date) -> tuple[bool, int | None]:
+    """체크를 토글하고, 새로 체크되어 스트릭이 마일스톤에 도달했으면 축하 푸시를 보낸다.
+
+    반환값: (checked, milestone_streak). milestone_streak은 이번 토글로 막 달성한 마일스톤 값이면 그 값,
+    체크 해제거나 마일스톤이 아니면 None.
+    """
+    checked = toggle_check(db, habit.id, log_date)
+    if not checked:
+        return checked, None
+
+    streak = get_habit_stats(db, habit).current_streak
+    if streak not in MILESTONE_STREAKS:
+        return checked, None
+
+    if habit.user_id is not None:
+        push_service.send_to_user(
+            db, habit.user_id, title=f"🔥 {habit.name}", body=f"{streak}일 연속 달성했어요!", url="/today"
+        )
+    return checked, streak
+
+
+def list_logs(
+    db: Session, user_id: int, habit_id: int | None = None, start: date | None = None, end: date | None = None
+) -> list[HabitLog]:
+    stmt = select(HabitLog).join(Habit, HabitLog.habit_id == Habit.id).where(Habit.user_id == user_id)
+    if habit_id is not None:
+        stmt = stmt.where(HabitLog.habit_id == habit_id)
+    if start is not None:
+        stmt = stmt.where(HabitLog.log_date >= start)
+    if end is not None:
+        stmt = stmt.where(HabitLog.log_date <= end)
+    stmt = stmt.order_by(HabitLog.log_date)
+    return list(db.scalars(stmt))
+
+
+def _checked_counts_by_date(db: Session, habit_ids: list[int], start: date, end: date) -> dict[date, int]:
+    if not habit_ids:
+        return {}
+    rows = db.execute(
+        select(HabitLog.log_date, func.count(HabitLog.id))
+        .where(HabitLog.habit_id.in_(habit_ids), HabitLog.log_date.between(start, end))
+        .group_by(HabitLog.log_date)
+    ).all()
+    return {row[0]: row[1] for row in rows}
+
+
+def get_monthly_summary(db: Session, user_id: int, year: int, month: int) -> list[MonthlySummaryDay]:
+    """해당 월의 날짜별 예정 습관 수 / 체크된 습관 수를 집계한다 (현재 active 습관 기준)."""
+    days_in_month = calendar.monthrange(year, month)[1]
+    first_day = date(year, month, 1)
+    last_day = date(year, month, days_in_month)
+
+    active_habits = habit_service.list_habits(db, user_id, status=HabitStatus.ACTIVE)
+    checked_counts = _checked_counts_by_date(db, [h.id for h in active_habits], first_day, last_day)
+
+    summaries = []
+    for day_num in range(1, days_in_month + 1):
+        d = date(year, month, day_num)
+        # 습관이 생성되기 전 날짜는 "예정되었지만 안 함"으로 잘못 잡히지 않도록 제외한다.
+        scheduled = sum(1 for h in active_habits if h.created_at.date() <= d and h.is_scheduled_on(d.weekday()))
+        summaries.append(
+            MonthlySummaryDay(log_date=d, scheduled_count=scheduled, checked_count=checked_counts.get(d, 0))
+        )
+    return summaries
+
+
+def summarize_completion_rate(summaries: list[MonthlySummaryDay], up_to: date) -> float:
+    """월별 요약에서 up_to(보통 오늘)까지 지난 날짜만 모아 전체 완료율(%)을 계산한다.
+
+    아직 지나지 않은 미래 날짜는 scheduled_count는 있어도 checked_count가 항상 0이라
+    포함시키면 완료율이 부당하게 낮아지므로 제외한다.
+    """
+    past = [s for s in summaries if s.log_date <= up_to]
+    total_scheduled = sum(s.scheduled_count for s in past)
+    total_checked = sum(s.checked_count for s in past)
+    return round(total_checked / total_scheduled * 100, 1) if total_scheduled else 0.0
+
+
+def get_period_completion_rate(db: Session, user_id: int, start: date, end: date) -> tuple[float, int, int]:
+    """[start, end] 구간(양끝 포함)의 예정/체크 수를 집계해 완료율(%)과 함께 반환한다.
+
+    get_monthly_summary와 같은 규칙(현재 active 습관 기준, 습관 생성일 이전 제외)을 임의 기간에
+    적용한 버전 — 주간 요약 알림처럼 달력 월 경계에 안 맞는 기간을 집계할 때 쓴다.
+    """
+    active_habits = habit_service.list_habits(db, user_id, status=HabitStatus.ACTIVE)
+    checked_counts = _checked_counts_by_date(db, [h.id for h in active_habits], start, end)
+
+    total_scheduled = 0
+    total_checked = 0
+    d = start
+    while d <= end:
+        total_scheduled += sum(
+            1 for h in active_habits if h.created_at.date() <= d and h.is_scheduled_on(d.weekday())
+        )
+        total_checked += checked_counts.get(d, 0)
+        d += timedelta(days=1)
+
+    rate = round(total_checked / total_scheduled * 100, 1) if total_scheduled else 0.0
+    return rate, total_scheduled, total_checked
+
+
+def get_habit_stats(db: Session, habit: Habit) -> HabitStats:
+    """습관 생성일부터 오늘까지의 완료율과, 오늘(또는 어제)부터 거슬러 올라간 연속 달성일을 계산한다.
+
+    요일 스케줄은 현재 습관의 weekdays_mask를 과거에도 그대로 적용한 것으로 간주한다
+    (과거 요일 변경 이력은 추적하지 않음 — 월별/주별 집계와 같은 단순화).
+    """
+    today = date.today()
+    start = habit.created_at.date()
+
+    checked_dates = set(db.scalars(select(HabitLog.log_date).where(HabitLog.habit_id == habit.id)))
+
+    scheduled_days = 0
+    checked_days = 0
+    d = start
+    while d <= today:
+        if habit.is_scheduled_on(d.weekday()):
+            scheduled_days += 1
+            if d in checked_dates:
+                checked_days += 1
+        d += timedelta(days=1)
+
+    completion_rate = round(checked_days / scheduled_days * 100, 1) if scheduled_days else 0.0
+
+    streak = 0
+    d = today
+    while d >= start:
+        if habit.is_scheduled_on(d.weekday()):
+            if d in checked_dates:
+                streak += 1
+            elif d != today:
+                break
+            # d가 오늘이고 아직 체크 전이면: 하루가 아직 안 끝났으니 스트릭을 끊지 않고 계속 거슬러 올라간다.
+        d -= timedelta(days=1)
+
+    return HabitStats(
+        completion_rate=completion_rate,
+        current_streak=streak,
+        scheduled_days=scheduled_days,
+        checked_days=checked_days,
+    )
+
+
+def get_weekly_matrix(db: Session, user_id: int, week_start: date) -> list[WeeklyMatrixRow]:
+    """week_start(호출측에서 정한 주 시작일, 현재 /history는 일요일을 사용)부터 7일간,
+    active 습관별 요일 체크 매트릭스를 반환한다. 이 함수 자체는 week_start가 어떤 요일이든 상관없다."""
+    week_days = [week_start + timedelta(days=i) for i in range(7)]
+    active_habits = habit_service.list_habits(db, user_id, status=HabitStatus.ACTIVE)
+    habit_ids = [h.id for h in active_habits]
+
+    checked_pairs: set[tuple[int, date]] = set()
+    if habit_ids:
+        rows = db.execute(
+            select(HabitLog.habit_id, HabitLog.log_date).where(
+                HabitLog.habit_id.in_(habit_ids), HabitLog.log_date.between(week_days[0], week_days[-1])
+            )
+        ).all()
+        checked_pairs = {(r[0], r[1]) for r in rows}
+
+    today = date.today()
+    result = []
+    for h in active_habits:
+        checks: dict[str, bool | None] = {}
+        scheduled_past = 0
+        checked_past = 0
+        for d in week_days:
+            # 습관이 생성되기 전 날짜는 요일이 맞아도 "예정 없음"으로 취급한다.
+            if d < h.created_at.date() or not h.is_scheduled_on(d.weekday()):
+                checks[d.isoformat()] = None
+                continue
+            is_checked = (h.id, d) in checked_pairs
+            checks[d.isoformat()] = is_checked
+            if d <= today:
+                scheduled_past += 1
+                if is_checked:
+                    checked_past += 1
+        completion_rate = round(checked_past / scheduled_past * 100, 1) if scheduled_past else 0.0
+        result.append(
+            WeeklyMatrixRow(
+                habit_id=h.id,
+                name=h.name,
+                habit_type=h.habit_type.value,
+                checks=checks,
+                completion_rate=completion_rate,
+            )
+        )
+    return result
diff --git a/app/services/push_service.py b/app/services/push_service.py
new file mode 100644
index 0000000..7db055d
--- /dev/null
+++ b/app/services/push_service.py
@@ -0,0 +1,69 @@
+import json
+
+from pywebpush import WebPushException, webpush
+from sqlalchemy import select
+from sqlalchemy.orm import Session
+
+from app.config import settings
+from app.models.push_subscription import PushSubscription
+from app.schemas.push import PushSubscribeRequest
+
+
+def list_subscriptions(db: Session, user_id: int) -> list[PushSubscription]:
+    return list(db.scalars(select(PushSubscription).where(PushSubscription.user_id == user_id)))
+
+
+def save_subscription(
+    db: Session, user_id: int, data: PushSubscribeRequest, user_agent: str | None = None
+) -> PushSubscription:
+    existing = db.scalar(select(PushSubscription).where(PushSubscription.endpoint == data.endpoint))
+    if existing:
+        existing.user_id = user_id  # 같은 기기에서 다른 유저가 재구독하면 소유자를 갱신한다.
+        existing.p256dh_key = data.keys.p256dh
+        existing.auth_key = data.keys.auth
+        db.commit()
+        return existing
+
+    sub = PushSubscription(
+        user_id=user_id,
+        endpoint=data.endpoint,
+        p256dh_key=data.keys.p256dh,
+        auth_key=data.keys.auth,
+        user_agent=user_agent,
+    )
+    db.add(sub)
+    db.commit()
+    db.refresh(sub)
+    return sub
+
+
+def delete_subscription(db: Session, endpoint: str) -> None:
+    existing = db.scalar(select(PushSubscription).where(PushSubscription.endpoint == endpoint))
+    if existing:
+        db.delete(existing)
+        db.commit()
+
+
+def send_to_user(db: Session, user_id: int, title: str, body: str, url: str = "/today") -> int:
+    """해당 유저의 구독자에게만 알림을 보낸다. 만료된(410/404) 구독은 자동으로 삭제한다. 성공 발송 건수를 반환."""
+    payload = json.dumps({"title": title, "body": body, "url": url}, ensure_ascii=False)
+    sent = 0
+    for sub in list_subscriptions(db, user_id):
+        try:
+            webpush(
+                subscription_info={
+                    "endpoint": sub.endpoint,
+                    "keys": {"p256dh": sub.p256dh_key, "auth": sub.auth_key},
+                },
+                data=payload,
+                vapid_private_key=settings.vapid_private_key,
+                vapid_claims={"sub": settings.vapid_subject},
+            )
+            sent += 1
+        except WebPushException as exc:
+            status_code = exc.response.status_code if exc.response is not None else None
+            if status_code in (404, 410):
+                db.delete(sub)
+                db.commit()
+            # 그 외 오류(일시적 네트워크 문제 등)는 건너뛰고 다음 구독자에게 계속 발송한다.
+    return sent
diff --git a/app/services/scheduler_service.py b/app/services/scheduler_service.py
new file mode 100644
index 0000000..6966e74
--- /dev/null
+++ b/app/services/scheduler_service.py
@@ -0,0 +1,180 @@
+import logging
+from datetime import date, datetime, timedelta
+from zoneinfo import ZoneInfo
+
+from apscheduler.schedulers.background import BackgroundScheduler
+from sqlalchemy import select
+from sqlalchemy.exc import IntegrityError
+from sqlalchemy.orm import Session
+
+from app.config import settings
+from app.database import SessionLocal
+from app.models.notification_log import HabitNotificationLog, SummaryNotificationLog
+from app.services import habit_service, log_service, push_service
+
+logger = logging.getLogger(__name__)
+
+scheduler = BackgroundScheduler(timezone=settings.timezone)
+
+
+def _claim_notification_slot(db, habit_id: int, notify_date) -> bool:
+    """habit_notification_log에 (habit_id, notify_date) 행을 먼저 "선점"한다.
+
+    (habit_id, notify_date) 유니크 제약을 경합 방지용 락으로 쓴다 — reload로 겹친 워커나
+    APScheduler가 중복 기동된 상황에서도 두 프로세스가 동시에 같은 알림을 보내지 않도록,
+    실제 발송 전에 먼저 이 행을 커밋해서 선점에 성공한 쪽만 발송하게 한다.
+    """
+    db.add(HabitNotificationLog(habit_id=habit_id, notify_date=notify_date))
+    try:
+        db.commit()
+        return True
+    except IntegrityError:
+        db.rollback()
+        return False
+
+
+def _claim_summary_slot(db: Session, user_id: int, period_type: str, period_start: date) -> bool:
+    """summary_notification_log에 (user_id, period_type, period_start) 행을 선점한다.
+
+    _claim_notification_slot과 같은 목적 — 리로드로 겹친 워커나 중복 기동된 스케줄러가
+    같은 주간/월간 요약을 두 번 보내지 않도록 유니크 제약을 경합 방지 락으로 쓴다.
+    """
+    db.add(SummaryNotificationLog(user_id=user_id, period_type=period_type, period_start=period_start))
+    try:
+        db.commit()
+        return True
+    except IntegrityError:
+        db.rollback()
+        return False
+
+
+def _tick() -> None:
+    """매분 실행되어, 지금 이 순간이 알람 시각+요일에 맞는 active 습관에 대해
+    오늘 아직 안 보낸 알림만 골라 발송한다."""
+    db = SessionLocal()
+    try:
+        now = datetime.now(ZoneInfo(settings.timezone))
+        today = now.date()
+        weekday = today.weekday()
+
+        habits = habit_service.list_active_habits_with_reminders(db)
+        for habit in habits:
+            if habit.user_id is None or not habit.is_scheduled_on(weekday):
+                continue
+            if habit.reminder_time.hour != now.hour or habit.reminder_time.minute != now.minute:
+                continue
+
+            already_sent = db.scalar(
+                select(HabitNotificationLog).where(
+                    HabitNotificationLog.habit_id == habit.id,
+                    HabitNotificationLog.notify_date == today,
+                )
+            )
+            if already_sent:
+                continue
+
+            try:
+                claimed = _claim_notification_slot(db, habit.id, today)
+                if not claimed:
+                    continue
+                push_service.send_to_user(
+                    db, habit.user_id, title=habit.name, body="지금 실천할 시간이에요", url="/today"
+                )
+            except Exception:
+                logger.exception("습관(id=%s) 알림 발송 중 오류", habit.id)
+                db.rollback()
+    except Exception:
+        logger.exception("습관 알림 tick 처리 중 오류")
+    finally:
+        db.close()
+
+
+def _send_period_summaries(
+    db: Session, *, period_type: str, period_start: date, range_start: date, range_end: date, title: str, url: str
+) -> None:
+    """유저별로 [range_start, range_end] 완료율을 계산해 요약 푸시를 보낸다 (주간/월간 tick 공통 로직).
+
+    예정된 습관이 하나도 없던(scheduled == 0) 유저에게는 의미 없는 알림을 보내지 않고 건너뛴다.
+    """
+    for user_id in habit_service.list_active_user_ids(db):
+        rate, scheduled, checked = log_service.get_period_completion_rate(db, user_id, range_start, range_end)
+        if scheduled == 0:
+            continue
+        try:
+            if not _claim_summary_slot(db, user_id, period_type, period_start):
+                continue
+            push_service.send_to_user(
+                db, user_id, title=title, body=f"완료율 {rate}% ({checked}/{scheduled})이에요.", url=url
+            )
+        except Exception:
+            logger.exception("유저(id=%s) %s 요약 알림 발송 중 오류", user_id, period_type)
+            db.rollback()
+
+
+def _weekly_summary_tick() -> None:
+    """매주 일요일 21시에 실행되어, 이번 주(월요일~오늘)의 완료율을 유저별로 요약해 발송한다."""
+    db = SessionLocal()
+    try:
+        today = datetime.now(ZoneInfo(settings.timezone)).date()
+        week_start = today - timedelta(days=today.weekday())
+        _send_period_summaries(
+            db,
+            period_type="weekly",
+            period_start=week_start,
+            range_start=week_start,
+            range_end=today,
+            title="이번 주 습관 리포트",
+            url=f"/history?view=week&start={week_start.isoformat()}",
+        )
+    except Exception:
+        logger.exception("주간 요약 tick 처리 중 오류")
+    finally:
+        db.close()
+
+
+def _monthly_summary_tick() -> None:
+    """매월 마지막 날 21:30에 실행되어, 이번 달(1일~오늘)의 완료율을 유저별로 요약해 발송한다."""
+    db = SessionLocal()
+    try:
+        today = datetime.now(ZoneInfo(settings.timezone)).date()
+        month_start = today.replace(day=1)
+        _send_period_summaries(
+            db,
+            period_type="monthly",
+            period_start=month_start,
+            range_start=month_start,
+            range_end=today,
+            title="이번 달 습관 리포트",
+            url=f"/history?view=month&year={today.year}&month={today.month}",
+        )
+    except Exception:
+        logger.exception("월간 요약 tick 처리 중 오류")
+    finally:
+        db.close()
+
+
+def start_scheduler() -> None:
+    scheduler.add_job(_tick, "cron", minute="*", id="habit_reminder_tick", replace_existing=True)
+    scheduler.add_job(
+        _weekly_summary_tick,
+        "cron",
+        day_of_week="sun",
+        hour=21,
+        minute=0,
+        id="weekly_summary_tick",
+        replace_existing=True,
+    )
+    scheduler.add_job(
+        _monthly_summary_tick,
+        "cron",
+        day="last",
+        hour=21,
+        minute=30,
+        id="monthly_summary_tick",
+        replace_existing=True,
+    )
+    scheduler.start()
+
+
+def shutdown_scheduler() -> None:
+    scheduler.shutdown(wait=False)
diff --git a/app/static/css/style.css b/app/static/css/style.css
new file mode 100644
index 0000000..09f38d0
--- /dev/null
+++ b/app/static/css/style.css
@@ -0,0 +1,640 @@
+:root {
+  --color-bg: #f5f4ef;
+  --color-surface: #ffffff;
+  --color-text: #2b2a27;
+  --color-text-muted: #6b6a66;
+  --color-accent: #d97757;
+  --color-accent-hover: #c15f3c;
+  --color-accent-rgb: 217, 119, 87;
+  --color-border: #e8e6df;
+  --color-success: #4f7a5a;
+  --color-success-tint: rgba(79, 122, 90, 0.08);
+  --color-danger: #b3543f;
+  --color-gold: #a8791a;
+  --color-gold-tint: rgba(168, 121, 26, 0.12);
+
+  --radius-card: 14px;
+  --radius-control: 10px;
+  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.04);
+
+  --space-1: 8px;
+  --space-2: 16px;
+  --space-3: 24px;
+  --space-4: 32px;
+
+  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Pretendard", "Malgun Gothic", sans-serif;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --color-bg: #1f1e1b;
+    --color-surface: #2a2926;
+    --color-text: #edebe4;
+    --color-text-muted: #a8a69f;
+    --color-accent: #e08962;
+    --color-accent-hover: #eb9c78;
+    --color-accent-rgb: 224, 137, 98;
+    --color-border: #3a3833;
+    --color-success: #6fa47c;
+    --color-success-tint: rgba(111, 164, 124, 0.14);
+    --color-danger: #d97c68;
+    --color-gold: #d9b84f;
+    --color-gold-tint: rgba(217, 184, 79, 0.16);
+    --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.2);
+  }
+}
+
+* {
+  box-sizing: border-box;
+}
+
+[x-cloak] {
+  display: none !important;
+}
+
+html,
+body {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  background: var(--color-bg);
+  color: var(--color-text);
+  font-family: var(--font-sans);
+  font-size: 15px;
+  line-height: 1.55;
+  -webkit-font-smoothing: antialiased;
+}
+
+a {
+  color: inherit;
+}
+
+.app-shell {
+  max-width: 640px;
+  margin: 0 auto;
+  padding: var(--space-3) var(--space-2) var(--space-4);
+}
+
+@media (min-width: 900px) {
+  .app-shell {
+    max-width: 760px;
+    padding-top: var(--space-4);
+  }
+  .app-shell.wide {
+    max-width: 960px;
+  }
+}
+
+h1,
+h2,
+h3 {
+  font-weight: 600;
+  letter-spacing: -0.01em;
+  line-height: 1.3;
+  margin: 0 0 var(--space-2);
+}
+
+h1 {
+  font-size: 22px;
+}
+
+h2 {
+  font-size: 17px;
+}
+
+p {
+  margin: 0 0 var(--space-2);
+  color: var(--color-text-muted);
+}
+
+/* iOS 홈 화면 추가 안내 배너 */
+.ios-install-banner {
+  display: none;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-2);
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-control);
+  box-shadow: var(--shadow-card);
+  padding: 10px 12px;
+  margin-bottom: var(--space-2);
+  font-size: 13px;
+  color: var(--color-text);
+}
+
+.ios-install-banner button {
+  flex-shrink: 0;
+  background: none;
+  border: none;
+  color: var(--color-text-muted);
+  font-size: 18px;
+  line-height: 1;
+  cursor: pointer;
+  padding: 0 2px;
+}
+
+/* 상단 네비게이션 */
+.top-nav {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  row-gap: var(--space-1);
+  margin-bottom: var(--space-3);
+}
+
+.top-nav .brand {
+  font-weight: 600;
+  font-size: 17px;
+  white-space: nowrap;
+}
+
+.top-nav .nav-links {
+  display: flex;
+  gap: var(--space-1);
+}
+
+.top-nav .nav-links a {
+  text-decoration: none;
+  color: var(--color-text-muted);
+  font-size: 14px;
+  white-space: nowrap;
+  padding: 6px 10px;
+  border-radius: var(--radius-control);
+}
+
+.top-nav .nav-links a.active {
+  color: var(--color-text);
+  background: var(--color-surface);
+  box-shadow: var(--shadow-card);
+}
+
+.top-nav .nav-user {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  gap: var(--space-1);
+  font-size: 13px;
+  color: var(--color-text-muted);
+}
+
+.top-nav .nav-user span {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  max-width: 96px;
+}
+
+.btn-link {
+  background: none;
+  border: none;
+  padding: 0;
+  font: inherit;
+  font-size: 13px;
+  color: var(--color-text-muted);
+  text-decoration: underline;
+  white-space: nowrap;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+
+/* 하단 탭바 (모바일 전용) — 기본은 숨김, 좁은 화면에서만 노출 */
+.bottom-tab-bar {
+  display: none;
+}
+
+/* 좁은 화면: 상단은 브랜드+유저정보만 남기고, 이동 네비게이션은 하단 탭바로 옮긴다 */
+@media (max-width: 480px) {
+  .top-nav .nav-links {
+    display: none;
+  }
+
+  .app-shell {
+    padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px) + var(--space-2));
+  }
+
+  .bottom-tab-bar {
+    display: flex;
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 40;
+    background: var(--color-surface);
+    border-top: 1px solid var(--color-border);
+    padding-bottom: env(safe-area-inset-bottom, 0px);
+  }
+
+  .bottom-tab-bar .tab-item {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 2px;
+    padding: 8px 4px 6px;
+    text-decoration: none;
+    color: var(--color-text-muted);
+    font-size: 11px;
+  }
+
+  .bottom-tab-bar .tab-item svg {
+    width: 22px;
+    height: 22px;
+  }
+
+  .bottom-tab-bar .tab-item.active {
+    color: var(--color-accent);
+  }
+}
+
+/* 카드 */
+.card {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-card);
+  box-shadow: var(--shadow-card);
+  padding: var(--space-3);
+  margin-bottom: var(--space-2);
+}
+
+/* 버튼 */
+.btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  gap: 6px;
+  border: none;
+  border-radius: var(--radius-control);
+  padding: 10px 16px;
+  font-size: 14px;
+  font-weight: 500;
+  white-space: nowrap;
+  cursor: pointer;
+  font-family: inherit;
+  transition: background-color 0.15s ease, opacity 0.15s ease;
+}
+
+.btn-primary {
+  background: var(--color-accent);
+  color: #fff;
+}
+
+.btn-primary:hover {
+  background: var(--color-accent-hover);
+}
+
+.btn-secondary {
+  background: transparent;
+  color: var(--color-text);
+  border: 1px solid var(--color-border);
+}
+
+.btn-secondary:hover {
+  background: var(--color-bg);
+}
+
+.btn-danger-ghost {
+  background: transparent;
+  color: var(--color-danger);
+  border: 1px solid var(--color-border);
+}
+
+.btn-block {
+  width: 100%;
+}
+
+/* 입력 */
+input[type="text"],
+input[type="time"],
+input[type="password"] {
+  width: 100%;
+  font-family: inherit;
+  font-size: 15px;
+  padding: 10px 12px;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-control);
+  background: var(--color-bg);
+  color: var(--color-text);
+}
+
+label {
+  display: block;
+  font-size: 13px;
+  color: var(--color-text-muted);
+  margin-bottom: 6px;
+}
+
+.field {
+  margin-bottom: var(--space-2);
+}
+
+.form-error-text {
+  color: var(--color-danger);
+  font-size: 13px;
+  margin: -8px 0 var(--space-2);
+  min-height: 1em;
+}
+
+/* 탭 */
+.tabs {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-bottom: var(--space-2);
+  border-bottom: 1px solid var(--color-border);
+}
+
+.tabs a {
+  text-decoration: none;
+  color: var(--color-text-muted);
+  font-size: 14px;
+  padding: 10px 4px;
+  margin-right: var(--space-2);
+  border-bottom: 2px solid transparent;
+}
+
+.tabs a.active {
+  color: var(--color-text);
+  border-bottom-color: var(--color-accent);
+  font-weight: 600;
+}
+
+/* 요일 선택 pill */
+.weekday-picker {
+  display: flex;
+  gap: 6px;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+.weekday-pill {
+  width: 36px;
+  height: 36px;
+  border-radius: 999px;
+  border: 1px solid var(--color-border);
+  background: var(--color-bg);
+  color: var(--color-text);
+  font-size: 13px;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
+}
+
+.weekday-pill.selected {
+  background: var(--color-accent);
+  border-color: var(--color-accent);
+  color: #fff;
+}
+
+.everyday-btn {
+  border-radius: 999px;
+  border: 1px solid var(--color-border);
+  background: transparent;
+  color: var(--color-text-muted);
+  font-size: 13px;
+  padding: 8px 14px;
+  cursor: pointer;
+  margin-left: 4px;
+}
+
+.everyday-btn.selected {
+  border-color: var(--color-accent);
+  color: var(--color-accent);
+}
+
+/* 습관 리스트 아이템 */
+.habit-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  gap: 8px var(--space-2);
+  padding: 12px 4px;
+  border-bottom: 1px solid var(--color-border);
+}
+
+.habit-item:last-child {
+  border-bottom: none;
+}
+
+.habit-item.today-checked {
+  background: var(--color-success-tint);
+  border-radius: var(--radius-control);
+  margin: 0 -4px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.habit-item-main {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-width: 0;
+  flex: 1 1 auto;
+}
+
+.habit-item-name {
+  font-size: 15px;
+  overflow-wrap: break-word;
+  word-break: break-word;
+}
+
+.habit-item-condition {
+  font-size: 13px;
+  color: var(--color-text-muted);
+  margin-top: 2px;
+}
+
+.habit-item-meta {
+  font-size: 12px;
+  color: var(--color-text-muted);
+}
+
+.habit-item-stats {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-top: 6px;
+}
+
+.drag-handle {
+  flex-shrink: 0;
+  cursor: grab;
+  color: var(--color-text-muted);
+  font-size: 18px;
+  line-height: 1;
+  padding: 4px 2px;
+  touch-action: none;
+  user-select: none;
+}
+
+.sortable-ghost {
+  opacity: 0.4;
+}
+
+.sortable-chosen .habit-item {
+  background: var(--color-bg);
+  border-radius: var(--radius-control);
+}
+
+.habit-item-actions {
+  display: flex;
+  gap: 6px;
+  flex-shrink: 0;
+}
+
+.check-indicator {
+  width: 26px;
+  height: 26px;
+  padding: 0;
+  margin: 0;
+  border-radius: 50%;
+  border: 2px solid var(--color-border);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  flex-shrink: 0;
+  background: transparent;
+  font-family: inherit;
+  font-size: 13px;
+  line-height: 1;
+  transition: background-color 0.15s ease, border-color 0.15s ease;
+}
+
+.check-indicator.checked {
+  background: var(--color-success);
+  border-color: var(--color-success);
+  color: #fff;
+}
+
+.empty-state {
+  text-align: center;
+  color: var(--color-text-muted);
+  padding: var(--space-4) var(--space-2);
+  font-size: 14px;
+}
+
+.badge {
+  display: inline-block;
+  font-size: 11px;
+  padding: 2px 8px;
+  border-radius: 999px;
+  background: var(--color-bg);
+  color: var(--color-text-muted);
+  border: 1px solid var(--color-border);
+}
+
+.badge-milestone {
+  background: var(--color-gold-tint);
+  color: var(--color-gold);
+  border-color: var(--color-gold);
+  font-weight: 600;
+}
+
+.celebration-banner {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 16px;
+  margin-bottom: var(--space-2);
+  border-radius: var(--radius-card);
+  background: var(--color-gold-tint);
+  border: 1px solid var(--color-gold);
+  color: var(--color-text);
+  font-size: 14px;
+  animation: celebration-pop 0.4s ease-out;
+}
+
+@keyframes celebration-pop {
+  from {
+    opacity: 0;
+    transform: scale(0.95) translateY(-4px);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1) translateY(0);
+  }
+}
+
+/* 월별 캘린더 */
+.calendar-grid {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 4px;
+  margin-bottom: 4px;
+}
+
+.calendar-weekday {
+  text-align: center;
+  font-size: 12px;
+  color: var(--color-text-muted);
+  padding: 4px 0;
+}
+
+.calendar-cell {
+  aspect-ratio: 1;
+  border-radius: 8px;
+  border: 1px solid var(--color-border);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 2px;
+}
+
+.calendar-cell.muted {
+  opacity: 0.35;
+}
+
+.calendar-date {
+  font-size: 12px;
+  font-weight: 500;
+}
+
+.calendar-ratio {
+  font-size: 10px;
+  color: var(--color-text-muted);
+}
+
+/* 주별 매트릭스 */
+.week-matrix {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 13px;
+  white-space: nowrap;
+}
+
+.week-matrix th,
+.week-matrix td {
+  padding: 10px 8px;
+  text-align: center;
+  border-bottom: 1px solid var(--color-border);
+}
+
+.week-matrix th:first-child,
+.week-matrix td:first-child {
+  text-align: left;
+}
+
+.week-matrix th {
+  color: var(--color-text-muted);
+  font-weight: 500;
+  font-size: 12px;
+}
+
+.wm-check {
+  color: var(--color-success);
+  font-weight: 700;
+}
+
+.wm-dash {
+  color: var(--color-border);
+}
diff --git a/app/static/icons/icon-192.png b/app/static/icons/icon-192.png
new file mode 100644
index 0000000000000000000000000000000000000000..5de341f2ec94a5865ab01a602a6990dfe142f068
GIT binary patch
literal 918
zcmeAS@N?(olHy`uVBq!ia0vp^2SAvE4M+yv$zf+;V2<^4aSW-L^Y+fcz}o>5ZWkwb
z>TYqdQdC_sWedyM35hdva&jWyPk(1=ofgsYaQCJSGrxcN_UqF}-bMS??_-GYWLU!4
zV8S>-jo}iD!z>05VTMd51>eCVc&q=a_yMW&`~Uy>{Pp+x`6uI#UcUYM^zm2S33osI
z59dCp9B^Xk$N1m2=}HY9>v?`#iZlZK;BY{<{LAwbs~dpq11Ce@J=rdFpi}aHDwD;^
z>f`_Ae%d%Ns6RPZZ_7C6jM(G){yTr|IUl(6{C~|-Aatx=nsH9U$NPQ^?CF2L3m#~c
z{QsAwAmG@3UPhS-AM@QA*pvU<7CO)<@&6l3fxxl<5=<5hkLzU^dD8#%t2P|$`Tvo{
zV9Lk$%9TcUo&;aq_ACCMr~T!Wm6IPXo8Oi8=l5wFCSQBevp=qTuo(OeF?k%XE_fj2
z*#2uTnP=2!&HA{${1?MAqkobt8y<un`0-rez&XL3uZ-7UZO=LX=nLZ=>nXa*A6~w*
zS<atus-U-inF~X-jouyOgvax>1rMC!=&9f4!w~IO@ODLS{k{-}`P-_#Ke@D{_rF9D
z;~T-okMizD4eo9Ue~wS$eIO_(@&Drz<{O{$n{3y&zJAI)!)OoZ^#GLyMrM<Lr7RnM
z%s<mpugj<-v-IP7^#<3+CLlK@EIDT1&QK<|`r~<}23hy)Kc6`gmVcD`@56K>@yIdz
z=?ro<X^-doGMMiuyK>Av{#D6~TY;}*fGNv{Y2si_U-**zgXo*_J8hrxE$m&h37Fp)
NJYD@<);T3K0RXzKX*mD@

literal 0
HcmV?d00001

diff --git a/app/static/icons/icon-512.png b/app/static/icons/icon-512.png
new file mode 100644
index 0000000000000000000000000000000000000000..c0600e69b94c2b339a9c5315918442cade5822ee
GIT binary patch
literal 3152
zcmeHK{Z|ub7QQo?Ly{H^0b7GnCoU+b%3>ldA1)BBNU&;Xb@#|tEJ38URcY)81iLVU
zZOK++K-*fs2=&myvb7%0cB|O}WxDhPtSu>})|5g>nqmqHX86z{Op?Cf|IpJP{ONtq
zeeQejdEe)`ckaCPq*gQUfkh7hz`RY_ncDzxw8cRbhL%ag_kMuzg_|<h|J87Av~Tp_
z!<t1^Pkpj6UMpTBU6!(-k+{;lvFxL~2a|sF)DBnp*Lst)(~muI_rvwKGt}jrUk)|n
zb=QOdV{rhAY=Ct&0JH)FSdY>iCIARAfG83mBKE$+{df2S>ETd2l74R>*jd-kC+26A
zw+_Yo^6shnmU<p@v?}!4<Mb{O(DJ$6H3FDp9ijAP%*qOJgsz9npFZf`fs8*Ne;B)<
z07#PUl`;d!u%bR5x4wO^44Qj#JWgD{5Ch+mm@Sn6j{SUTiohEM5Gpi0A_b6}L&aWq
z8V+5FmllXY@eQ|qIneQ*oYMd&OzKw=pb9F0mU$!;8wOp<pf4GNSQ*7pIHWkgWJBY_
zo{<=R3I>Z0{LFPMAwYkj$#c7r8bhaIwl1NpM*+-<Wqe@LzRNjy=QJcFm2vK3Cx9lU
zVAfhofYQPm--`m~IUD(m2B0vSGNiW?BGaSge1KAaR3-pZA@3eVjz?HyX9O@Z8@UuY
z#>gl`JO=yiT!%*tx_vhC;xeEQL{nBXz@<IB`)M2;X4ZHUfvarf*eocctknqA@$P4E
z$nEAj0t7U_!x|q$i-|S9ik3H6<EQ8zfAL6ew&j<@`$gj%H9dK7O6n?T#h|#5FCcNS
zzR4QfMBsYKM&5}5dUG`8K(C&Fz<dOv5N%>`xlQU@IRKI(z90;PG!#FT0AGZSd{zp~
z*=Xt%y2OjS`GOS~w4Py&|3lzP1fr)nia>O7^={rBetQQArwYb>)WlG4=QR!eu|WX*
z3D!7)(l?sa=dMtg^4UGD|8J{fjW4&&@RRPFBOAV*I#Vgd?<#}(B#dz!l;YP_L45|s
za0ODlx`;pj#cFI#MQ(%S2W`XPhq5=2CKjvWdyV^qy|=&RI<AVq9DQ<FaOu0rmc*d%
zC7iCWD)QHStPFIU)U9Tql^)41oc7p?{Qnv#@~2N<A)Q&E|6tft^6Bv1dt`Oa|9bvj
zN6+MIs-RDX0&FE)G-oTwIqLL$*R2xE-x>yAM}$T~>=v@!KOv_KY1lg3r1V0@W!AV)
z1lt;_3r5S1sq-{YlUTlBmHqiyN@<kE;GaM&TR^eTpKbBy&2gK3HsfSmy8W^{IjASG
zb<SUU(uPvQ)%`i((?_+R&RJ?7_SSJzcw7W1|B=~fnUN!cMUbGHlF$5CRa@eW`aH|E
z0Ea5`$U83wqYx;Dgv9By{FvvnnQ3j{Gx}{2$ddlkV!4@$c-;W{rr|+fsr;vb?(P1k
z>0T5nIUo-u)VEwsJ(4fb{|RIM+#q2_*j<6?tD!skl^AoNLGs1FrAa~NA!m7o-#2xl
zI^1aPt5qdVTN;Gqxo$a}Je4uOH2f1*crg}ovj`rEFmEdosE9kx3Q<kvY6<=uPEaa^
z{pXirgTc>{H5MFMkKrpMA#teq$>reqYEo4;d`eE~9>SQCl~NsF`7QxF*QVnpb@Lg}
z?QG1VSz(C+9DUEvf~d<}Dt&^GQMx#smTKRkn;Hhyz8H*=Wp%X)s$)R5k+8n#QW4<!
zC)^Ehtp#1I)KyV=Sqi4*c>gNjA)M~Xq-O|JyGn~lU(H+<gIR(1lfE@LU5L(vrPYDU
zDvH2Yx2%4D6X;_*ZkXvhq`1w5Rqh%@-Yf8avCmFGXB0MubH_n}E?1En$sva87h%`D
zVHH}a*(UGko51aH(A8wxJ(OB`T?(<a8RkYc=_|qM3)?m0-+S?;o1vzpFV}J>jX||s
z)@Zu%h#l+S01W0y4e$)A_HeSN$s6`VBq$AA8fzCij6k2SUpsV;u^?>m^#QvO)hyF|
zd|)b%iN_)A*l4jAyMf&Iyi%Gf)T2Tc*h;6o!tNN*P0W!=!2UFwjkF#CdaLF~POu{q
zn%yaK%JsrrM?W;ZxAOJbRxg>!ts<>QlcD*_a|qQsQUAV-Rgt;tfjKNw`k5DI#}<D6
qALu)Ee|EY*L;n7=v~Q=K!Zw%w{l`JdHiG^XVADoz=EcW#hkpY`33F!v

literal 0
HcmV?d00001

diff --git a/app/static/icons/icon-maskable-512.png b/app/static/icons/icon-maskable-512.png
new file mode 100644
index 0000000000000000000000000000000000000000..c0600e69b94c2b339a9c5315918442cade5822ee
GIT binary patch
literal 3152
zcmeHK{Z|ub7QQo?Ly{H^0b7GnCoU+b%3>ldA1)BBNU&;Xb@#|tEJ38URcY)81iLVU
zZOK++K-*fs2=&myvb7%0cB|O}WxDhPtSu>})|5g>nqmqHX86z{Op?Cf|IpJP{ONtq
zeeQejdEe)`ckaCPq*gQUfkh7hz`RY_ncDzxw8cRbhL%ag_kMuzg_|<h|J87Av~Tp_
z!<t1^Pkpj6UMpTBU6!(-k+{;lvFxL~2a|sF)DBnp*Lst)(~muI_rvwKGt}jrUk)|n
zb=QOdV{rhAY=Ct&0JH)FSdY>iCIARAfG83mBKE$+{df2S>ETd2l74R>*jd-kC+26A
zw+_Yo^6shnmU<p@v?}!4<Mb{O(DJ$6H3FDp9ijAP%*qOJgsz9npFZf`fs8*Ne;B)<
z07#PUl`;d!u%bR5x4wO^44Qj#JWgD{5Ch+mm@Sn6j{SUTiohEM5Gpi0A_b6}L&aWq
z8V+5FmllXY@eQ|qIneQ*oYMd&OzKw=pb9F0mU$!;8wOp<pf4GNSQ*7pIHWkgWJBY_
zo{<=R3I>Z0{LFPMAwYkj$#c7r8bhaIwl1NpM*+-<Wqe@LzRNjy=QJcFm2vK3Cx9lU
zVAfhofYQPm--`m~IUD(m2B0vSGNiW?BGaSge1KAaR3-pZA@3eVjz?HyX9O@Z8@UuY
z#>gl`JO=yiT!%*tx_vhC;xeEQL{nBXz@<IB`)M2;X4ZHUfvarf*eocctknqA@$P4E
z$nEAj0t7U_!x|q$i-|S9ik3H6<EQ8zfAL6ew&j<@`$gj%H9dK7O6n?T#h|#5FCcNS
zzR4QfMBsYKM&5}5dUG`8K(C&Fz<dOv5N%>`xlQU@IRKI(z90;PG!#FT0AGZSd{zp~
z*=Xt%y2OjS`GOS~w4Py&|3lzP1fr)nia>O7^={rBetQQArwYb>)WlG4=QR!eu|WX*
z3D!7)(l?sa=dMtg^4UGD|8J{fjW4&&@RRPFBOAV*I#Vgd?<#}(B#dz!l;YP_L45|s
za0ODlx`;pj#cFI#MQ(%S2W`XPhq5=2CKjvWdyV^qy|=&RI<AVq9DQ<FaOu0rmc*d%
zC7iCWD)QHStPFIU)U9Tql^)41oc7p?{Qnv#@~2N<A)Q&E|6tft^6Bv1dt`Oa|9bvj
zN6+MIs-RDX0&FE)G-oTwIqLL$*R2xE-x>yAM}$T~>=v@!KOv_KY1lg3r1V0@W!AV)
z1lt;_3r5S1sq-{YlUTlBmHqiyN@<kE;GaM&TR^eTpKbBy&2gK3HsfSmy8W^{IjASG
zb<SUU(uPvQ)%`i((?_+R&RJ?7_SSJzcw7W1|B=~fnUN!cMUbGHlF$5CRa@eW`aH|E
z0Ea5`$U83wqYx;Dgv9By{FvvnnQ3j{Gx}{2$ddlkV!4@$c-;W{rr|+fsr;vb?(P1k
z>0T5nIUo-u)VEwsJ(4fb{|RIM+#q2_*j<6?tD!skl^AoNLGs1FrAa~NA!m7o-#2xl
zI^1aPt5qdVTN;Gqxo$a}Je4uOH2f1*crg}ovj`rEFmEdosE9kx3Q<kvY6<=uPEaa^
z{pXirgTc>{H5MFMkKrpMA#teq$>reqYEo4;d`eE~9>SQCl~NsF`7QxF*QVnpb@Lg}
z?QG1VSz(C+9DUEvf~d<}Dt&^GQMx#smTKRkn;Hhyz8H*=Wp%X)s$)R5k+8n#QW4<!
zC)^Ehtp#1I)KyV=Sqi4*c>gNjA)M~Xq-O|JyGn~lU(H+<gIR(1lfE@LU5L(vrPYDU
zDvH2Yx2%4D6X;_*ZkXvhq`1w5Rqh%@-Yf8avCmFGXB0MubH_n}E?1En$sva87h%`D
zVHH}a*(UGko51aH(A8wxJ(OB`T?(<a8RkYc=_|qM3)?m0-+S?;o1vzpFV}J>jX||s
z)@Zu%h#l+S01W0y4e$)A_HeSN$s6`VBq$AA8fzCij6k2SUpsV;u^?>m^#QvO)hyF|
zd|)b%iN_)A*l4jAyMf&Iyi%Gf)T2Tc*h;6o!tNN*P0W!=!2UFwjkF#CdaLF~POu{q
zn%yaK%JsrrM?W;ZxAOJbRxg>!ts<>QlcD*_a|qQsQUAV-Rgt;tfjKNw`k5DI#}<D6
qALu)Ee|EY*L;n7=v~Q=K!Zw%w{l`JdHiG^XVADoz=EcW#hkpY`33F!v

literal 0
HcmV?d00001

diff --git a/app/static/js/app.js b/app/static/js/app.js
new file mode 100644
index 0000000..2868d02
--- /dev/null
+++ b/app/static/js/app.js
@@ -0,0 +1,35 @@
+(function () {
+  if ("serviceWorker" in navigator) {
+    window.addEventListener("load", function () {
+      navigator.serviceWorker.register("/service-worker.js").catch(function (err) {
+        console.error("서비스워커 등록 실패", err);
+      });
+    });
+  }
+
+  function isIos() {
+    return /iphone|ipad|ipod/i.test(window.navigator.userAgent);
+  }
+
+  function isStandalone() {
+    return (
+      ("standalone" in window.navigator && window.navigator.standalone) ||
+      window.matchMedia("(display-mode: standalone)").matches
+    );
+  }
+
+  document.addEventListener("DOMContentLoaded", function () {
+    var banner = document.getElementById("ios-install-banner");
+    if (!banner) return;
+    var dismissed = localStorage.getItem("iosInstallBannerDismissed");
+    if (isIos() && !isStandalone() && !dismissed) {
+      banner.style.display = "flex";
+    }
+  });
+
+  window.dismissIosInstallBanner = function () {
+    var banner = document.getElementById("ios-install-banner");
+    if (banner) banner.style.display = "none";
+    localStorage.setItem("iosInstallBannerDismissed", "1");
+  };
+})();
diff --git a/app/static/js/habit-reorder.js b/app/static/js/habit-reorder.js
new file mode 100644
index 0000000..2cfdfc1
--- /dev/null
+++ b/app/static/js/habit-reorder.js
@@ -0,0 +1,27 @@
+(function () {
+  function initSortable() {
+    var list = document.getElementById("habit-list");
+    if (!list || typeof Sortable === "undefined") return;
+
+    Sortable.create(list, {
+      handle: ".drag-handle",
+      animation: 150,
+      forceFallback: true, // iOS Safari는 네이티브 HTML5 D&D 터치 지원이 불안정해서 자체 포인터 시뮬레이션을 강제한다
+      fallbackTolerance: 3,
+      onEnd: function () {
+        var ids = Array.from(list.children)
+          .map(function (el) { return el.getAttribute("data-habit-id"); })
+          .filter(Boolean)
+          .map(Number);
+
+        fetch("/api/habits/reorder", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ habit_ids: ids }),
+        });
+      },
+    });
+  }
+
+  document.addEventListener("DOMContentLoaded", initSortable);
+})();
diff --git a/app/static/js/push-register.js b/app/static/js/push-register.js
new file mode 100644
index 0000000..3df5f96
--- /dev/null
+++ b/app/static/js/push-register.js
@@ -0,0 +1,63 @@
+(function () {
+  function urlBase64ToUint8Array(base64String) {
+    const padding = "=".repeat((4 - (base64String.length % 4)) % 4);
+    const base64 = (base64String + padding).replace(/-/g, "+").replace(/_/g, "/");
+    const rawData = atob(base64);
+    const output = new Uint8Array(rawData.length);
+    for (let i = 0; i < rawData.length; i++) {
+      output[i] = rawData.charCodeAt(i);
+    }
+    return output;
+  }
+
+  function isPushSupported() {
+    return "serviceWorker" in navigator && "PushManager" in window;
+  }
+
+  async function getSubscriptionState() {
+    if (!isPushSupported()) return "unsupported";
+    const reg = await navigator.serviceWorker.ready;
+    const sub = await reg.pushManager.getSubscription();
+    return sub ? "subscribed" : "unsubscribed";
+  }
+
+  async function subscribePush() {
+    if (!isPushSupported()) {
+      alert("이 브라우저는 알림을 지원하지 않아요.");
+      return false;
+    }
+    const permission = await Notification.requestPermission();
+    if (permission !== "granted") {
+      alert("알림 권한이 허용되지 않았어요.");
+      return false;
+    }
+
+    const reg = await navigator.serviceWorker.ready;
+    const { publicKey } = await fetch("/api/push/vapid-public-key").then((r) => r.json());
+    const sub = await reg.pushManager.subscribe({
+      userVisibleOnly: true,
+      applicationServerKey: urlBase64ToUint8Array(publicKey),
+    });
+    await fetch("/api/push/subscribe", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(sub.toJSON()),
+    });
+    return true;
+  }
+
+  async function unsubscribePush() {
+    if (!isPushSupported()) return;
+    const reg = await navigator.serviceWorker.ready;
+    const sub = await reg.pushManager.getSubscription();
+    if (!sub) return;
+    await fetch("/api/push/unsubscribe", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ endpoint: sub.endpoint }),
+    });
+    await sub.unsubscribe();
+  }
+
+  window.habitPush = { getSubscriptionState, subscribePush, unsubscribePush };
+})();
diff --git a/app/static/js/vendor/alpine.min.js b/app/static/js/vendor/alpine.min.js
new file mode 100644
index 0000000..2ca4827
--- /dev/null
+++ b/app/static/js/vendor/alpine.min.js
@@ -0,0 +1,5 @@
+(()=>{var rt=!1,nt=!1,U=[],it=-1;function qt(e){Cn(e)}function Cn(e){U.includes(e)||U.push(e),Tn()}function Ee(e){let t=U.indexOf(e);t!==-1&&t>it&&U.splice(t,1)}function Tn(){!nt&&!rt&&(rt=!0,queueMicrotask(Rn))}function Rn(){rt=!1,nt=!0;for(let e=0;e<U.length;e++)U[e](),it=e;U.length=0,it=-1,nt=!1}var R,D,L,st,ot=!0;function Ut(e){ot=!1,e(),ot=!0}function Wt(e){R=e.reactive,L=e.release,D=t=>e.effect(t,{scheduler:r=>{ot?qt(r):r()}}),st=e.raw}function at(e){D=e}function Gt(e){let t=()=>{};return[n=>{let i=D(n);return e._x_effects||(e._x_effects=new Set,e._x_runEffects=()=>{e._x_effects.forEach(o=>o())}),e._x_effects.add(i),t=()=>{i!==void 0&&(e._x_effects.delete(i),L(i))},i},()=>{t()}]}function ve(e,t){let r=!0,n,i=D(()=>{let o=e();JSON.stringify(o),r?n=o:queueMicrotask(()=>{t(o,n),n=o}),r=!1});return()=>L(i)}var Jt=[],Yt=[],Xt=[];function Zt(e){Xt.push(e)}function ee(e,t){typeof t=="function"?(e._x_cleanups||(e._x_cleanups=[]),e._x_cleanups.push(t)):(t=e,Yt.push(t))}function Ae(e){Jt.push(e)}function Oe(e,t,r){e._x_attributeCleanups||(e._x_attributeCleanups={}),e._x_attributeCleanups[t]||(e._x_attributeCleanups[t]=[]),e._x_attributeCleanups[t].push(r)}function ct(e,t){e._x_attributeCleanups&&Object.entries(e._x_attributeCleanups).forEach(([r,n])=>{(t===void 0||t.includes(r))&&(n.forEach(i=>i()),delete e._x_attributeCleanups[r])})}function Qt(e){if(e._x_cleanups)for(;e._x_cleanups.length;)e._x_cleanups.pop()()}var lt=new MutationObserver(pt),ut=!1;function le(){lt.observe(document,{subtree:!0,childList:!0,attributes:!0,attributeOldValue:!0}),ut=!0}function ft(){Mn(),lt.disconnect(),ut=!1}var ce=[];function Mn(){let e=lt.takeRecords();ce.push(()=>e.length>0&&pt(e));let t=ce.length;queueMicrotask(()=>{if(ce.length===t)for(;ce.length>0;)ce.shift()()})}function _(e){if(!ut)return e();ft();let t=e();return le(),t}var dt=!1,Se=[];function er(){dt=!0}function tr(){dt=!1,pt(Se),Se=[]}function pt(e){if(dt){Se=Se.concat(e);return}let t=new Set,r=new Set,n=new Map,i=new Map;for(let o=0;o<e.length;o++)if(!e[o].target._x_ignoreMutationObserver&&(e[o].type==="childList"&&(e[o].addedNodes.forEach(s=>s.nodeType===1&&t.add(s)),e[o].removedNodes.forEach(s=>s.nodeType===1&&r.add(s))),e[o].type==="attributes")){let s=e[o].target,a=e[o].attributeName,c=e[o].oldValue,l=()=>{n.has(s)||n.set(s,[]),n.get(s).push({name:a,value:s.getAttribute(a)})},u=()=>{i.has(s)||i.set(s,[]),i.get(s).push(a)};s.hasAttribute(a)&&c===null?l():s.hasAttribute(a)?(u(),l()):u()}i.forEach((o,s)=>{ct(s,o)}),n.forEach((o,s)=>{Jt.forEach(a=>a(s,o))});for(let o of r)t.has(o)||Yt.forEach(s=>s(o));t.forEach(o=>{o._x_ignoreSelf=!0,o._x_ignore=!0});for(let o of t)r.has(o)||o.isConnected&&(delete o._x_ignoreSelf,delete o._x_ignore,Xt.forEach(s=>s(o)),o._x_ignore=!0,o._x_ignoreSelf=!0);t.forEach(o=>{delete o._x_ignoreSelf,delete o._x_ignore}),t=null,r=null,n=null,i=null}function Ce(e){return F(j(e))}function P(e,t,r){return e._x_dataStack=[t,...j(r||e)],()=>{e._x_dataStack=e._x_dataStack.filter(n=>n!==t)}}function j(e){return e._x_dataStack?e._x_dataStack:typeof ShadowRoot=="function"&&e instanceof ShadowRoot?j(e.host):e.parentNode?j(e.parentNode):[]}function F(e){return new Proxy({objects:e},Nn)}var Nn={ownKeys({objects:e}){return Array.from(new Set(e.flatMap(t=>Object.keys(t))))},has({objects:e},t){return t==Symbol.unscopables?!1:e.some(r=>Object.prototype.hasOwnProperty.call(r,t)||Reflect.has(r,t))},get({objects:e},t,r){return t=="toJSON"?Dn:Reflect.get(e.find(n=>Reflect.has(n,t))||{},t,r)},set({objects:e},t,r,n){let i=e.find(s=>Object.prototype.hasOwnProperty.call(s,t))||e[e.length-1],o=Object.getOwnPropertyDescriptor(i,t);return o?.set&&o?.get?o.set.call(n,r)||!0:Reflect.set(i,t,r)}};function Dn(){return Reflect.ownKeys(this).reduce((t,r)=>(t[r]=Reflect.get(this,r),t),{})}function Te(e){let t=n=>typeof n=="object"&&!Array.isArray(n)&&n!==null,r=(n,i="")=>{Object.entries(Object.getOwnPropertyDescriptors(n)).forEach(([o,{value:s,enumerable:a}])=>{if(a===!1||s===void 0||typeof s=="object"&&s!==null&&s.__v_skip)return;let c=i===""?o:`${i}.${o}`;typeof s=="object"&&s!==null&&s._x_interceptor?n[o]=s.initialize(e,c,o):t(s)&&s!==n&&!(s instanceof Element)&&r(s,c)})};return r(e)}function Re(e,t=()=>{}){let r={initialValue:void 0,_x_interceptor:!0,initialize(n,i,o){return e(this.initialValue,()=>Pn(n,i),s=>mt(n,i,s),i,o)}};return t(r),n=>{if(typeof n=="object"&&n!==null&&n._x_interceptor){let i=r.initialize.bind(r);r.initialize=(o,s,a)=>{let c=n.initialize(o,s,a);return r.initialValue=c,i(o,s,a)}}else r.initialValue=n;return r}}function Pn(e,t){return t.split(".").reduce((r,n)=>r[n],e)}function mt(e,t,r){if(typeof t=="string"&&(t=t.split(".")),t.length===1)e[t[0]]=r;else{if(t.length===0)throw error;return e[t[0]]||(e[t[0]]={}),mt(e[t[0]],t.slice(1),r)}}var rr={};function y(e,t){rr[e]=t}function ue(e,t){return Object.entries(rr).forEach(([r,n])=>{let i=null;function o(){if(i)return i;{let[s,a]=_t(t);return i={interceptor:Re,...s},ee(t,a),i}}Object.defineProperty(e,`$${r}`,{get(){return n(t,o())},enumerable:!1})}),e}function nr(e,t,r,...n){try{return r(...n)}catch(i){te(i,e,t)}}function te(e,t,r=void 0){e=Object.assign(e??{message:"No error message given."},{el:t,expression:r}),console.warn(`Alpine Expression Error: ${e.message}
+
+${r?'Expression: "'+r+`"
+
+`:""}`,t),setTimeout(()=>{throw e},0)}var Me=!0;function De(e){let t=Me;Me=!1;let r=e();return Me=t,r}function M(e,t,r={}){let n;return x(e,t)(i=>n=i,r),n}function x(...e){return ir(...e)}var ir=gt;function or(e){ir=e}function gt(e,t){let r={};ue(r,e);let n=[r,...j(e)],i=typeof t=="function"?In(n,t):Ln(n,t,e);return nr.bind(null,e,t,i)}function In(e,t){return(r=()=>{},{scope:n={},params:i=[]}={})=>{let o=t.apply(F([n,...e]),i);Ne(r,o)}}var ht={};function kn(e,t){if(ht[e])return ht[e];let r=Object.getPrototypeOf(async function(){}).constructor,n=/^[\n\s]*if.*\(.*\)/.test(e.trim())||/^(let|const)\s/.test(e.trim())?`(async()=>{ ${e} })()`:e,o=(()=>{try{let s=new r(["__self","scope"],`with (scope) { __self.result = ${n} }; __self.finished = true; return __self.result;`);return Object.defineProperty(s,"name",{value:`[Alpine] ${e}`}),s}catch(s){return te(s,t,e),Promise.resolve()}})();return ht[e]=o,o}function Ln(e,t,r){let n=kn(t,r);return(i=()=>{},{scope:o={},params:s=[]}={})=>{n.result=void 0,n.finished=!1;let a=F([o,...e]);if(typeof n=="function"){let c=n(n,a).catch(l=>te(l,r,t));n.finished?(Ne(i,n.result,a,s,r),n.result=void 0):c.then(l=>{Ne(i,l,a,s,r)}).catch(l=>te(l,r,t)).finally(()=>n.result=void 0)}}}function Ne(e,t,r,n,i){if(Me&&typeof t=="function"){let o=t.apply(r,n);o instanceof Promise?o.then(s=>Ne(e,s,r,n)).catch(s=>te(s,i,t)):e(o)}else typeof t=="object"&&t instanceof Promise?t.then(o=>e(o)):e(t)}var bt="x-";function C(e=""){return bt+e}function sr(e){bt=e}var Pe={};function d(e,t){return Pe[e]=t,{before(r){if(!Pe[r]){console.warn(String.raw`Cannot find directive \`${r}\`. \`${e}\` will use the default order of execution`);return}let n=W.indexOf(r);W.splice(n>=0?n:W.indexOf("DEFAULT"),0,e)}}}function ar(e){return Object.keys(Pe).includes(e)}function de(e,t,r){if(t=Array.from(t),e._x_virtualDirectives){let o=Object.entries(e._x_virtualDirectives).map(([a,c])=>({name:a,value:c})),s=wt(o);o=o.map(a=>s.find(c=>c.name===a.name)?{name:`x-bind:${a.name}`,value:`"${a.value}"`}:a),t=t.concat(o)}let n={};return t.map(ur((o,s)=>n[o]=s)).filter(dr).map(jn(n,r)).sort(Fn).map(o=>$n(e,o))}function wt(e){return Array.from(e).map(ur()).filter(t=>!dr(t))}var xt=!1,fe=new Map,cr=Symbol();function lr(e){xt=!0;let t=Symbol();cr=t,fe.set(t,[]);let r=()=>{for(;fe.get(t).length;)fe.get(t).shift()();fe.delete(t)},n=()=>{xt=!1,r()};e(r),n()}function _t(e){let t=[],r=a=>t.push(a),[n,i]=Gt(e);return t.push(i),[{Alpine:B,effect:n,cleanup:r,evaluateLater:x.bind(x,e),evaluate:M.bind(M,e)},()=>t.forEach(a=>a())]}function $n(e,t){let r=()=>{},n=Pe[t.type]||r,[i,o]=_t(e);Oe(e,t.original,o);let s=()=>{e._x_ignore||e._x_ignoreSelf||(n.inline&&n.inline(e,t,i),n=n.bind(n,e,t,i),xt?fe.get(cr).push(n):n())};return s.runCleanups=o,s}var Ie=(e,t)=>({name:r,value:n})=>(r.startsWith(e)&&(r=r.replace(e,t)),{name:r,value:n}),ke=e=>e;function ur(e=()=>{}){return({name:t,value:r})=>{let{name:n,value:i}=fr.reduce((o,s)=>s(o),{name:t,value:r});return n!==t&&e(n,t),{name:n,value:i}}}var fr=[];function re(e){fr.push(e)}function dr({name:e}){return pr().test(e)}var pr=()=>new RegExp(`^${bt}([^:^.]+)\\b`);function jn(e,t){return({name:r,value:n})=>{let i=r.match(pr()),o=r.match(/:([a-zA-Z0-9\-_:]+)/),s=r.match(/\.[^.\]]+(?=[^\]]*$)/g)||[],a=t||e[r]||r;return{type:i?i[1]:null,value:o?o[1]:null,modifiers:s.map(c=>c.replace(".","")),expression:n,original:a}}}var yt="DEFAULT",W=["ignore","ref","data","id","anchor","bind","init","for","model","modelable","transition","show","if",yt,"teleport"];function Fn(e,t){let r=W.indexOf(e.type)===-1?yt:e.type,n=W.indexOf(t.type)===-1?yt:t.type;return W.indexOf(r)-W.indexOf(n)}function G(e,t,r={}){e.dispatchEvent(new CustomEvent(t,{detail:r,bubbles:!0,composed:!0,cancelable:!0}))}function T(e,t){if(typeof ShadowRoot=="function"&&e instanceof ShadowRoot){Array.from(e.children).forEach(i=>T(i,t));return}let r=!1;if(t(e,()=>r=!0),r)return;let n=e.firstElementChild;for(;n;)T(n,t,!1),n=n.nextElementSibling}function E(e,...t){console.warn(`Alpine Warning: ${e}`,...t)}var mr=!1;function _r(){mr&&E("Alpine has already been initialized on this page. Calling Alpine.start() more than once can cause problems."),mr=!0,document.body||E("Unable to initialize. Trying to load Alpine before `<body>` is available. Did you forget to add `defer` in Alpine's `<script>` tag?"),G(document,"alpine:init"),G(document,"alpine:initializing"),le(),Zt(t=>S(t,T)),ee(t=>vt(t)),Ae((t,r)=>{de(t,r).forEach(n=>n())});let e=t=>!J(t.parentElement,!0);Array.from(document.querySelectorAll(xr().join(","))).filter(e).forEach(t=>{S(t)}),G(document,"alpine:initialized"),setTimeout(()=>{Bn()})}var Et=[],hr=[];function gr(){return Et.map(e=>e())}function xr(){return Et.concat(hr).map(e=>e())}function Le(e){Et.push(e)}function $e(e){hr.push(e)}function J(e,t=!1){return z(e,r=>{if((t?xr():gr()).some(i=>r.matches(i)))return!0})}function z(e,t){if(e){if(t(e))return e;if(e._x_teleportBack&&(e=e._x_teleportBack),!!e.parentElement)return z(e.parentElement,t)}}function yr(e){return gr().some(t=>e.matches(t))}var br=[];function wr(e){br.push(e)}function S(e,t=T,r=()=>{}){lr(()=>{t(e,(n,i)=>{r(n,i),br.forEach(o=>o(n,i)),de(n,n.attributes).forEach(o=>o()),n._x_ignore&&i()})})}function vt(e,t=T){t(e,r=>{ct(r),Qt(r)})}function Bn(){[["ui","dialog",["[x-dialog], [x-popover]"]],["anchor","anchor",["[x-anchor]"]],["sort","sort",["[x-sort]"]]].forEach(([t,r,n])=>{ar(r)||n.some(i=>{if(document.querySelector(i))return E(`found "${i}", but missing ${t} plugin`),!0})})}var St=[],At=!1;function ne(e=()=>{}){return queueMicrotask(()=>{At||setTimeout(()=>{je()})}),new Promise(t=>{St.push(()=>{e(),t()})})}function je(){for(At=!1;St.length;)St.shift()()}function Er(){At=!0}function pe(e,t){return Array.isArray(t)?vr(e,t.join(" ")):typeof t=="object"&&t!==null?zn(e,t):typeof t=="function"?pe(e,t()):vr(e,t)}function vr(e,t){let r=o=>o.split(" ").filter(Boolean),n=o=>o.split(" ").filter(s=>!e.classList.contains(s)).filter(Boolean),i=o=>(e.classList.add(...o),()=>{e.classList.remove(...o)});return t=t===!0?t="":t||"",i(n(t))}function zn(e,t){let r=a=>a.split(" ").filter(Boolean),n=Object.entries(t).flatMap(([a,c])=>c?r(a):!1).filter(Boolean),i=Object.entries(t).flatMap(([a,c])=>c?!1:r(a)).filter(Boolean),o=[],s=[];return i.forEach(a=>{e.classList.contains(a)&&(e.classList.remove(a),s.push(a))}),n.forEach(a=>{e.classList.contains(a)||(e.classList.add(a),o.push(a))}),()=>{s.forEach(a=>e.classList.add(a)),o.forEach(a=>e.classList.remove(a))}}function Y(e,t){return typeof t=="object"&&t!==null?Kn(e,t):Hn(e,t)}function Kn(e,t){let r={};return Object.entries(t).forEach(([n,i])=>{r[n]=e.style[n],n.startsWith("--")||(n=Vn(n)),e.style.setProperty(n,i)}),setTimeout(()=>{e.style.length===0&&e.removeAttribute("style")}),()=>{Y(e,r)}}function Hn(e,t){let r=e.getAttribute("style",t);return e.setAttribute("style",t),()=>{e.setAttribute("style",r||"")}}function Vn(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function me(e,t=()=>{}){let r=!1;return function(){r?t.apply(this,arguments):(r=!0,e.apply(this,arguments))}}d("transition",(e,{value:t,modifiers:r,expression:n},{evaluate:i})=>{typeof n=="function"&&(n=i(n)),n!==!1&&(!n||typeof n=="boolean"?Un(e,r,t):qn(e,n,t))});function qn(e,t,r){Sr(e,pe,""),{enter:i=>{e._x_transition.enter.during=i},"enter-start":i=>{e._x_transition.enter.start=i},"enter-end":i=>{e._x_transition.enter.end=i},leave:i=>{e._x_transition.leave.during=i},"leave-start":i=>{e._x_transition.leave.start=i},"leave-end":i=>{e._x_transition.leave.end=i}}[r](t)}function Un(e,t,r){Sr(e,Y);let n=!t.includes("in")&&!t.includes("out")&&!r,i=n||t.includes("in")||["enter"].includes(r),o=n||t.includes("out")||["leave"].includes(r);t.includes("in")&&!n&&(t=t.filter((g,b)=>b<t.indexOf("out"))),t.includes("out")&&!n&&(t=t.filter((g,b)=>b>t.indexOf("out")));let s=!t.includes("opacity")&&!t.includes("scale"),a=s||t.includes("opacity"),c=s||t.includes("scale"),l=a?0:1,u=c?_e(t,"scale",95)/100:1,p=_e(t,"delay",0)/1e3,m=_e(t,"origin","center"),w="opacity, transform",$=_e(t,"duration",150)/1e3,we=_e(t,"duration",75)/1e3,f="cubic-bezier(0.4, 0.0, 0.2, 1)";i&&(e._x_transition.enter.during={transformOrigin:m,transitionDelay:`${p}s`,transitionProperty:w,transitionDuration:`${$}s`,transitionTimingFunction:f},e._x_transition.enter.start={opacity:l,transform:`scale(${u})`},e._x_transition.enter.end={opacity:1,transform:"scale(1)"}),o&&(e._x_transition.leave.during={transformOrigin:m,transitionDelay:`${p}s`,transitionProperty:w,transitionDuration:`${we}s`,transitionTimingFunction:f},e._x_transition.leave.start={opacity:1,transform:"scale(1)"},e._x_transition.leave.end={opacity:l,transform:`scale(${u})`})}function Sr(e,t,r={}){e._x_transition||(e._x_transition={enter:{during:r,start:r,end:r},leave:{during:r,start:r,end:r},in(n=()=>{},i=()=>{}){Fe(e,t,{during:this.enter.during,start:this.enter.start,end:this.enter.end},n,i)},out(n=()=>{},i=()=>{}){Fe(e,t,{during:this.leave.during,start:this.leave.start,end:this.leave.end},n,i)}})}window.Element.prototype._x_toggleAndCascadeWithTransitions=function(e,t,r,n){let i=document.visibilityState==="visible"?requestAnimationFrame:setTimeout,o=()=>i(r);if(t){e._x_transition&&(e._x_transition.enter||e._x_transition.leave)?e._x_transition.enter&&(Object.entries(e._x_transition.enter.during).length||Object.entries(e._x_transition.enter.start).length||Object.entries(e._x_transition.enter.end).length)?e._x_transition.in(r):o():e._x_transition?e._x_transition.in(r):o();return}e._x_hidePromise=e._x_transition?new Promise((s,a)=>{e._x_transition.out(()=>{},()=>s(n)),e._x_transitioning&&e._x_transitioning.beforeCancel(()=>a({isFromCancelledTransition:!0}))}):Promise.resolve(n),queueMicrotask(()=>{let s=Ar(e);s?(s._x_hideChildren||(s._x_hideChildren=[]),s._x_hideChildren.push(e)):i(()=>{let a=c=>{let l=Promise.all([c._x_hidePromise,...(c._x_hideChildren||[]).map(a)]).then(([u])=>u?.());return delete c._x_hidePromise,delete c._x_hideChildren,l};a(e).catch(c=>{if(!c.isFromCancelledTransition)throw c})})})};function Ar(e){let t=e.parentNode;if(t)return t._x_hidePromise?t:Ar(t)}function Fe(e,t,{during:r,start:n,end:i}={},o=()=>{},s=()=>{}){if(e._x_transitioning&&e._x_transitioning.cancel(),Object.keys(r).length===0&&Object.keys(n).length===0&&Object.keys(i).length===0){o(),s();return}let a,c,l;Wn(e,{start(){a=t(e,n)},during(){c=t(e,r)},before:o,end(){a(),l=t(e,i)},after:s,cleanup(){c(),l()}})}function Wn(e,t){let r,n,i,o=me(()=>{_(()=>{r=!0,n||t.before(),i||(t.end(),je()),t.after(),e.isConnected&&t.cleanup(),delete e._x_transitioning})});e._x_transitioning={beforeCancels:[],beforeCancel(s){this.beforeCancels.push(s)},cancel:me(function(){for(;this.beforeCancels.length;)this.beforeCancels.shift()();o()}),finish:o},_(()=>{t.start(),t.during()}),Er(),requestAnimationFrame(()=>{if(r)return;let s=Number(getComputedStyle(e).transitionDuration.replace(/,.*/,"").replace("s",""))*1e3,a=Number(getComputedStyle(e).transitionDelay.replace(/,.*/,"").replace("s",""))*1e3;s===0&&(s=Number(getComputedStyle(e).animationDuration.replace("s",""))*1e3),_(()=>{t.before()}),n=!0,requestAnimationFrame(()=>{r||(_(()=>{t.end()}),je(),setTimeout(e._x_transitioning.finish,s+a),i=!0)})})}function _e(e,t,r){if(e.indexOf(t)===-1)return r;let n=e[e.indexOf(t)+1];if(!n||t==="scale"&&isNaN(n))return r;if(t==="duration"||t==="delay"){let i=n.match(/([0-9]+)ms/);if(i)return i[1]}return t==="origin"&&["top","right","left","center","bottom"].includes(e[e.indexOf(t)+2])?[n,e[e.indexOf(t)+2]].join(" "):n}var I=!1;function A(e,t=()=>{}){return(...r)=>I?t(...r):e(...r)}function Or(e){return(...t)=>I&&e(...t)}var Cr=[];function K(e){Cr.push(e)}function Tr(e,t){Cr.forEach(r=>r(e,t)),I=!0,Mr(()=>{S(t,(r,n)=>{n(r,()=>{})})}),I=!1}var Be=!1;function Rr(e,t){t._x_dataStack||(t._x_dataStack=e._x_dataStack),I=!0,Be=!0,Mr(()=>{Gn(t)}),I=!1,Be=!1}function Gn(e){let t=!1;S(e,(n,i)=>{T(n,(o,s)=>{if(t&&yr(o))return s();t=!0,i(o,s)})})}function Mr(e){let t=D;at((r,n)=>{let i=t(r);return L(i),()=>{}}),e(),at(t)}function he(e,t,r,n=[]){switch(e._x_bindings||(e._x_bindings=R({})),e._x_bindings[t]=r,t=n.includes("camel")?ri(t):t,t){case"value":Jn(e,r);break;case"style":Xn(e,r);break;case"class":Yn(e,r);break;case"selected":case"checked":Zn(e,t,r);break;default:Dr(e,t,r);break}}function Jn(e,t){if(e.type==="radio")e.attributes.value===void 0&&(e.value=t),window.fromModel&&(typeof t=="boolean"?e.checked=ge(e.value)===t:e.checked=Nr(e.value,t));else if(e.type==="checkbox")Number.isInteger(t)?e.value=t:!Array.isArray(t)&&typeof t!="boolean"&&![null,void 0].includes(t)?e.value=String(t):Array.isArray(t)?e.checked=t.some(r=>Nr(r,e.value)):e.checked=!!t;else if(e.tagName==="SELECT")ti(e,t);else{if(e.value===t)return;e.value=t===void 0?"":t}}function Yn(e,t){e._x_undoAddedClasses&&e._x_undoAddedClasses(),e._x_undoAddedClasses=pe(e,t)}function Xn(e,t){e._x_undoAddedStyles&&e._x_undoAddedStyles(),e._x_undoAddedStyles=Y(e,t)}function Zn(e,t,r){Dr(e,t,r),ei(e,t,r)}function Dr(e,t,r){[null,void 0,!1].includes(r)&&ni(t)?e.removeAttribute(t):(Pr(t)&&(r=t),Qn(e,t,r))}function Qn(e,t,r){e.getAttribute(t)!=r&&e.setAttribute(t,r)}function ei(e,t,r){e[t]!==r&&(e[t]=r)}function ti(e,t){let r=[].concat(t).map(n=>n+"");Array.from(e.options).forEach(n=>{n.selected=r.includes(n.value)})}function ri(e){return e.toLowerCase().replace(/-(\w)/g,(t,r)=>r.toUpperCase())}function Nr(e,t){return e==t}function ge(e){return[1,"1","true","on","yes",!0].includes(e)?!0:[0,"0","false","off","no",!1].includes(e)?!1:e?Boolean(e):null}function Pr(e){return["disabled","checked","required","readonly","open","selected","autofocus","itemscope","multiple","novalidate","allowfullscreen","allowpaymentrequest","formnovalidate","autoplay","controls","loop","muted","playsinline","default","ismap","reversed","async","defer","nomodule"].includes(e)}function ni(e){return!["aria-pressed","aria-checked","aria-expanded","aria-selected"].includes(e)}function Ir(e,t,r){return e._x_bindings&&e._x_bindings[t]!==void 0?e._x_bindings[t]:Lr(e,t,r)}function kr(e,t,r,n=!0){if(e._x_bindings&&e._x_bindings[t]!==void 0)return e._x_bindings[t];if(e._x_inlineBindings&&e._x_inlineBindings[t]!==void 0){let i=e._x_inlineBindings[t];return i.extract=n,De(()=>M(e,i.expression))}return Lr(e,t,r)}function Lr(e,t,r){let n=e.getAttribute(t);return n===null?typeof r=="function"?r():r:n===""?!0:Pr(t)?!![t,"true"].includes(n):n}function ze(e,t){var r;return function(){var n=this,i=arguments,o=function(){r=null,e.apply(n,i)};clearTimeout(r),r=setTimeout(o,t)}}function Ke(e,t){let r;return function(){let n=this,i=arguments;r||(e.apply(n,i),r=!0,setTimeout(()=>r=!1,t))}}function He({get:e,set:t},{get:r,set:n}){let i=!0,o,s,a=D(()=>{let c=e(),l=r();if(i)n(Ot(c)),i=!1;else{let u=JSON.stringify(c),p=JSON.stringify(l);u!==o?n(Ot(c)):u!==p&&t(Ot(l))}o=JSON.stringify(e()),s=JSON.stringify(r())});return()=>{L(a)}}function Ot(e){return typeof e=="object"?JSON.parse(JSON.stringify(e)):e}function $r(e){(Array.isArray(e)?e:[e]).forEach(r=>r(B))}var X={},jr=!1;function Fr(e,t){if(jr||(X=R(X),jr=!0),t===void 0)return X[e];X[e]=t,typeof t=="object"&&t!==null&&t.hasOwnProperty("init")&&typeof t.init=="function"&&X[e].init(),Te(X[e])}function Br(){return X}var zr={};function Kr(e,t){let r=typeof t!="function"?()=>t:t;return e instanceof Element?Ct(e,r()):(zr[e]=r,()=>{})}function Hr(e){return Object.entries(zr).forEach(([t,r])=>{Object.defineProperty(e,t,{get(){return(...n)=>r(...n)}})}),e}function Ct(e,t,r){let n=[];for(;n.length;)n.pop()();let i=Object.entries(t).map(([s,a])=>({name:s,value:a})),o=wt(i);return i=i.map(s=>o.find(a=>a.name===s.name)?{name:`x-bind:${s.name}`,value:`"${s.value}"`}:s),de(e,i,r).map(s=>{n.push(s.runCleanups),s()}),()=>{for(;n.length;)n.pop()()}}var Vr={};function qr(e,t){Vr[e]=t}function Ur(e,t){return Object.entries(Vr).forEach(([r,n])=>{Object.defineProperty(e,r,{get(){return(...i)=>n.bind(t)(...i)},enumerable:!1})}),e}var ii={get reactive(){return R},get release(){return L},get effect(){return D},get raw(){return st},version:"3.14.1",flushAndStopDeferringMutations:tr,dontAutoEvaluateFunctions:De,disableEffectScheduling:Ut,startObservingMutations:le,stopObservingMutations:ft,setReactivityEngine:Wt,onAttributeRemoved:Oe,onAttributesAdded:Ae,closestDataStack:j,skipDuringClone:A,onlyDuringClone:Or,addRootSelector:Le,addInitSelector:$e,interceptClone:K,addScopeToNode:P,deferMutations:er,mapAttributes:re,evaluateLater:x,interceptInit:wr,setEvaluator:or,mergeProxies:F,extractProp:kr,findClosest:z,onElRemoved:ee,closestRoot:J,destroyTree:vt,interceptor:Re,transition:Fe,setStyles:Y,mutateDom:_,directive:d,entangle:He,throttle:Ke,debounce:ze,evaluate:M,initTree:S,nextTick:ne,prefixed:C,prefix:sr,plugin:$r,magic:y,store:Fr,start:_r,clone:Rr,cloneNode:Tr,bound:Ir,$data:Ce,watch:ve,walk:T,data:qr,bind:Kr},B=ii;function Tt(e,t){let r=Object.create(null),n=e.split(",");for(let i=0;i<n.length;i++)r[n[i]]=!0;return t?i=>!!r[i.toLowerCase()]:i=>!!r[i]}var oi="itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly";var Ms=Tt(oi+",async,autofocus,autoplay,controls,default,defer,disabled,hidden,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected");var Wr=Object.freeze({}),Ns=Object.freeze([]);var si=Object.prototype.hasOwnProperty,xe=(e,t)=>si.call(e,t),H=Array.isArray,ie=e=>Gr(e)==="[object Map]";var ai=e=>typeof e=="string",Ve=e=>typeof e=="symbol",ye=e=>e!==null&&typeof e=="object";var ci=Object.prototype.toString,Gr=e=>ci.call(e),Rt=e=>Gr(e).slice(8,-1);var qe=e=>ai(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e;var Ue=e=>{let t=Object.create(null);return r=>t[r]||(t[r]=e(r))},li=/-(\w)/g,Ds=Ue(e=>e.replace(li,(t,r)=>r?r.toUpperCase():"")),ui=/\B([A-Z])/g,Ps=Ue(e=>e.replace(ui,"-$1").toLowerCase()),Mt=Ue(e=>e.charAt(0).toUpperCase()+e.slice(1)),Is=Ue(e=>e?`on${Mt(e)}`:""),Nt=(e,t)=>e!==t&&(e===e||t===t);var Dt=new WeakMap,be=[],k,Z=Symbol("iterate"),Pt=Symbol("Map key iterate");function fi(e){return e&&e._isEffect===!0}function en(e,t=Wr){fi(e)&&(e=e.raw);let r=pi(e,t);return t.lazy||r(),r}function tn(e){e.active&&(rn(e),e.options.onStop&&e.options.onStop(),e.active=!1)}var di=0;function pi(e,t){let r=function(){if(!r.active)return e();if(!be.includes(r)){rn(r);try{return _i(),be.push(r),k=r,e()}finally{be.pop(),nn(),k=be[be.length-1]}}};return r.id=di++,r.allowRecurse=!!t.allowRecurse,r._isEffect=!0,r.active=!0,r.raw=e,r.deps=[],r.options=t,r}function rn(e){let{deps:t}=e;if(t.length){for(let r=0;r<t.length;r++)t[r].delete(e);t.length=0}}var oe=!0,kt=[];function mi(){kt.push(oe),oe=!1}function _i(){kt.push(oe),oe=!0}function nn(){let e=kt.pop();oe=e===void 0?!0:e}function N(e,t,r){if(!oe||k===void 0)return;let n=Dt.get(e);n||Dt.set(e,n=new Map);let i=n.get(r);i||n.set(r,i=new Set),i.has(k)||(i.add(k),k.deps.push(i),k.options.onTrack&&k.options.onTrack({effect:k,target:e,type:t,key:r}))}function q(e,t,r,n,i,o){let s=Dt.get(e);if(!s)return;let a=new Set,c=u=>{u&&u.forEach(p=>{(p!==k||p.allowRecurse)&&a.add(p)})};if(t==="clear")s.forEach(c);else if(r==="length"&&H(e))s.forEach((u,p)=>{(p==="length"||p>=n)&&c(u)});else switch(r!==void 0&&c(s.get(r)),t){case"add":H(e)?qe(r)&&c(s.get("length")):(c(s.get(Z)),ie(e)&&c(s.get(Pt)));break;case"delete":H(e)||(c(s.get(Z)),ie(e)&&c(s.get(Pt)));break;case"set":ie(e)&&c(s.get(Z));break}let l=u=>{u.options.onTrigger&&u.options.onTrigger({effect:u,target:e,key:r,type:t,newValue:n,oldValue:i,oldTarget:o}),u.options.scheduler?u.options.scheduler(u):u()};a.forEach(l)}var hi=Tt("__proto__,__v_isRef,__isVue"),on=new Set(Object.getOwnPropertyNames(Symbol).map(e=>Symbol[e]).filter(Ve)),gi=sn();var xi=sn(!0);var Jr=yi();function yi(){let e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...r){let n=h(this);for(let o=0,s=this.length;o<s;o++)N(n,"get",o+"");let i=n[t](...r);return i===-1||i===!1?n[t](...r.map(h)):i}}),["push","pop","shift","unshift","splice"].forEach(t=>{e[t]=function(...r){mi();let n=h(this)[t].apply(this,r);return nn(),n}}),e}function sn(e=!1,t=!1){return function(n,i,o){if(i==="__v_isReactive")return!e;if(i==="__v_isReadonly")return e;if(i==="__v_raw"&&o===(e?t?ki:un:t?Ii:ln).get(n))return n;let s=H(n);if(!e&&s&&xe(Jr,i))return Reflect.get(Jr,i,o);let a=Reflect.get(n,i,o);return(Ve(i)?on.has(i):hi(i))||(e||N(n,"get",i),t)?a:It(a)?!s||!qe(i)?a.value:a:ye(a)?e?fn(a):Qe(a):a}}var bi=wi();function wi(e=!1){return function(r,n,i,o){let s=r[n];if(!e&&(i=h(i),s=h(s),!H(r)&&It(s)&&!It(i)))return s.value=i,!0;let a=H(r)&&qe(n)?Number(n)<r.length:xe(r,n),c=Reflect.set(r,n,i,o);return r===h(o)&&(a?Nt(i,s)&&q(r,"set",n,i,s):q(r,"add",n,i)),c}}function Ei(e,t){let r=xe(e,t),n=e[t],i=Reflect.deleteProperty(e,t);return i&&r&&q(e,"delete",t,void 0,n),i}function vi(e,t){let r=Reflect.has(e,t);return(!Ve(t)||!on.has(t))&&N(e,"has",t),r}function Si(e){return N(e,"iterate",H(e)?"length":Z),Reflect.ownKeys(e)}var Ai={get:gi,set:bi,deleteProperty:Ei,has:vi,ownKeys:Si},Oi={get:xi,set(e,t){return console.warn(`Set operation on key "${String(t)}" failed: target is readonly.`,e),!0},deleteProperty(e,t){return console.warn(`Delete operation on key "${String(t)}" failed: target is readonly.`,e),!0}};var Lt=e=>ye(e)?Qe(e):e,$t=e=>ye(e)?fn(e):e,jt=e=>e,Ze=e=>Reflect.getPrototypeOf(e);function We(e,t,r=!1,n=!1){e=e.__v_raw;let i=h(e),o=h(t);t!==o&&!r&&N(i,"get",t),!r&&N(i,"get",o);let{has:s}=Ze(i),a=n?jt:r?$t:Lt;if(s.call(i,t))return a(e.get(t));if(s.call(i,o))return a(e.get(o));e!==i&&e.get(t)}function Ge(e,t=!1){let r=this.__v_raw,n=h(r),i=h(e);return e!==i&&!t&&N(n,"has",e),!t&&N(n,"has",i),e===i?r.has(e):r.has(e)||r.has(i)}function Je(e,t=!1){return e=e.__v_raw,!t&&N(h(e),"iterate",Z),Reflect.get(e,"size",e)}function Yr(e){e=h(e);let t=h(this);return Ze(t).has.call(t,e)||(t.add(e),q(t,"add",e,e)),this}function Xr(e,t){t=h(t);let r=h(this),{has:n,get:i}=Ze(r),o=n.call(r,e);o?cn(r,n,e):(e=h(e),o=n.call(r,e));let s=i.call(r,e);return r.set(e,t),o?Nt(t,s)&&q(r,"set",e,t,s):q(r,"add",e,t),this}function Zr(e){let t=h(this),{has:r,get:n}=Ze(t),i=r.call(t,e);i?cn(t,r,e):(e=h(e),i=r.call(t,e));let o=n?n.call(t,e):void 0,s=t.delete(e);return i&&q(t,"delete",e,void 0,o),s}function Qr(){let e=h(this),t=e.size!==0,r=ie(e)?new Map(e):new Set(e),n=e.clear();return t&&q(e,"clear",void 0,void 0,r),n}function Ye(e,t){return function(n,i){let o=this,s=o.__v_raw,a=h(s),c=t?jt:e?$t:Lt;return!e&&N(a,"iterate",Z),s.forEach((l,u)=>n.call(i,c(l),c(u),o))}}function Xe(e,t,r){return function(...n){let i=this.__v_raw,o=h(i),s=ie(o),a=e==="entries"||e===Symbol.iterator&&s,c=e==="keys"&&s,l=i[e](...n),u=r?jt:t?$t:Lt;return!t&&N(o,"iterate",c?Pt:Z),{next(){let{value:p,done:m}=l.next();return m?{value:p,done:m}:{value:a?[u(p[0]),u(p[1])]:u(p),done:m}},[Symbol.iterator](){return this}}}}function V(e){return function(...t){{let r=t[0]?`on key "${t[0]}" `:"";console.warn(`${Mt(e)} operation ${r}failed: target is readonly.`,h(this))}return e==="delete"?!1:this}}function Ci(){let e={get(o){return We(this,o)},get size(){return Je(this)},has:Ge,add:Yr,set:Xr,delete:Zr,clear:Qr,forEach:Ye(!1,!1)},t={get(o){return We(this,o,!1,!0)},get size(){return Je(this)},has:Ge,add:Yr,set:Xr,delete:Zr,clear:Qr,forEach:Ye(!1,!0)},r={get(o){return We(this,o,!0)},get size(){return Je(this,!0)},has(o){return Ge.call(this,o,!0)},add:V("add"),set:V("set"),delete:V("delete"),clear:V("clear"),forEach:Ye(!0,!1)},n={get(o){return We(this,o,!0,!0)},get size(){return Je(this,!0)},has(o){return Ge.call(this,o,!0)},add:V("add"),set:V("set"),delete:V("delete"),clear:V("clear"),forEach:Ye(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(o=>{e[o]=Xe(o,!1,!1),r[o]=Xe(o,!0,!1),t[o]=Xe(o,!1,!0),n[o]=Xe(o,!0,!0)}),[e,r,t,n]}var[Ti,Ri,Mi,Ni]=Ci();function an(e,t){let r=t?e?Ni:Mi:e?Ri:Ti;return(n,i,o)=>i==="__v_isReactive"?!e:i==="__v_isReadonly"?e:i==="__v_raw"?n:Reflect.get(xe(r,i)&&i in n?r:n,i,o)}var Di={get:an(!1,!1)};var Pi={get:an(!0,!1)};function cn(e,t,r){let n=h(r);if(n!==r&&t.call(e,n)){let i=Rt(e);console.warn(`Reactive ${i} contains both the raw and reactive versions of the same object${i==="Map"?" as keys":""}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`)}}var ln=new WeakMap,Ii=new WeakMap,un=new WeakMap,ki=new WeakMap;function Li(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function $i(e){return e.__v_skip||!Object.isExtensible(e)?0:Li(Rt(e))}function Qe(e){return e&&e.__v_isReadonly?e:dn(e,!1,Ai,Di,ln)}function fn(e){return dn(e,!0,Oi,Pi,un)}function dn(e,t,r,n,i){if(!ye(e))return console.warn(`value cannot be made reactive: ${String(e)}`),e;if(e.__v_raw&&!(t&&e.__v_isReactive))return e;let o=i.get(e);if(o)return o;let s=$i(e);if(s===0)return e;let a=new Proxy(e,s===2?n:r);return i.set(e,a),a}function h(e){return e&&h(e.__v_raw)||e}function It(e){return Boolean(e&&e.__v_isRef===!0)}y("nextTick",()=>ne);y("dispatch",e=>G.bind(G,e));y("watch",(e,{evaluateLater:t,cleanup:r})=>(n,i)=>{let o=t(n),a=ve(()=>{let c;return o(l=>c=l),c},i);r(a)});y("store",Br);y("data",e=>Ce(e));y("root",e=>J(e));y("refs",e=>(e._x_refs_proxy||(e._x_refs_proxy=F(ji(e))),e._x_refs_proxy));function ji(e){let t=[];return z(e,r=>{r._x_refs&&t.push(r._x_refs)}),t}var Ft={};function Bt(e){return Ft[e]||(Ft[e]=0),++Ft[e]}function pn(e,t){return z(e,r=>{if(r._x_ids&&r._x_ids[t])return!0})}function mn(e,t){e._x_ids||(e._x_ids={}),e._x_ids[t]||(e._x_ids[t]=Bt(t))}y("id",(e,{cleanup:t})=>(r,n=null)=>{let i=`${r}${n?`-${n}`:""}`;return Fi(e,i,t,()=>{let o=pn(e,r),s=o?o._x_ids[r]:Bt(r);return n?`${r}-${s}-${n}`:`${r}-${s}`})});K((e,t)=>{e._x_id&&(t._x_id=e._x_id)});function Fi(e,t,r,n){if(e._x_id||(e._x_id={}),e._x_id[t])return e._x_id[t];let i=n();return e._x_id[t]=i,r(()=>{delete e._x_id[t]}),i}y("el",e=>e);_n("Focus","focus","focus");_n("Persist","persist","persist");function _n(e,t,r){y(t,n=>E(`You can't use [$${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${r}`,n))}d("modelable",(e,{expression:t},{effect:r,evaluateLater:n,cleanup:i})=>{let o=n(t),s=()=>{let u;return o(p=>u=p),u},a=n(`${t} = __placeholder`),c=u=>a(()=>{},{scope:{__placeholder:u}}),l=s();c(l),queueMicrotask(()=>{if(!e._x_model)return;e._x_removeModelListeners.default();let u=e._x_model.get,p=e._x_model.set,m=He({get(){return u()},set(w){p(w)}},{get(){return s()},set(w){c(w)}});i(m)})});d("teleport",(e,{modifiers:t,expression:r},{cleanup:n})=>{e.tagName.toLowerCase()!=="template"&&E("x-teleport can only be used on a <template> tag",e);let i=hn(r),o=e.content.cloneNode(!0).firstElementChild;e._x_teleport=o,o._x_teleportBack=e,e.setAttribute("data-teleport-template",!0),o.setAttribute("data-teleport-target",!0),e._x_forwardEvents&&e._x_forwardEvents.forEach(a=>{o.addEventListener(a,c=>{c.stopPropagation(),e.dispatchEvent(new c.constructor(c.type,c))})}),P(o,{},e);let s=(a,c,l)=>{l.includes("prepend")?c.parentNode.insertBefore(a,c):l.includes("append")?c.parentNode.insertBefore(a,c.nextSibling):c.appendChild(a)};_(()=>{s(o,i,t),A(()=>{S(o),o._x_ignore=!0})()}),e._x_teleportPutBack=()=>{let a=hn(r);_(()=>{s(e._x_teleport,a,t)})},n(()=>o.remove())});var Bi=document.createElement("div");function hn(e){let t=A(()=>document.querySelector(e),()=>Bi)();return t||E(`Cannot find x-teleport element for selector: "${e}"`),t}var gn=()=>{};gn.inline=(e,{modifiers:t},{cleanup:r})=>{t.includes("self")?e._x_ignoreSelf=!0:e._x_ignore=!0,r(()=>{t.includes("self")?delete e._x_ignoreSelf:delete e._x_ignore})};d("ignore",gn);d("effect",A((e,{expression:t},{effect:r})=>{r(x(e,t))}));function se(e,t,r,n){let i=e,o=c=>n(c),s={},a=(c,l)=>u=>l(c,u);if(r.includes("dot")&&(t=zi(t)),r.includes("camel")&&(t=Ki(t)),r.includes("passive")&&(s.passive=!0),r.includes("capture")&&(s.capture=!0),r.includes("window")&&(i=window),r.includes("document")&&(i=document),r.includes("debounce")){let c=r[r.indexOf("debounce")+1]||"invalid-wait",l=et(c.split("ms")[0])?Number(c.split("ms")[0]):250;o=ze(o,l)}if(r.includes("throttle")){let c=r[r.indexOf("throttle")+1]||"invalid-wait",l=et(c.split("ms")[0])?Number(c.split("ms")[0]):250;o=Ke(o,l)}return r.includes("prevent")&&(o=a(o,(c,l)=>{l.preventDefault(),c(l)})),r.includes("stop")&&(o=a(o,(c,l)=>{l.stopPropagation(),c(l)})),r.includes("once")&&(o=a(o,(c,l)=>{c(l),i.removeEventListener(t,o,s)})),(r.includes("away")||r.includes("outside"))&&(i=document,o=a(o,(c,l)=>{e.contains(l.target)||l.target.isConnected!==!1&&(e.offsetWidth<1&&e.offsetHeight<1||e._x_isShown!==!1&&c(l))})),r.includes("self")&&(o=a(o,(c,l)=>{l.target===e&&c(l)})),(Vi(t)||yn(t))&&(o=a(o,(c,l)=>{qi(l,r)||c(l)})),i.addEventListener(t,o,s),()=>{i.removeEventListener(t,o,s)}}function zi(e){return e.replace(/-/g,".")}function Ki(e){return e.toLowerCase().replace(/-(\w)/g,(t,r)=>r.toUpperCase())}function et(e){return!Array.isArray(e)&&!isNaN(e)}function Hi(e){return[" ","_"].includes(e)?e:e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[_\s]/,"-").toLowerCase()}function Vi(e){return["keydown","keyup"].includes(e)}function yn(e){return["contextmenu","click","mouse"].some(t=>e.includes(t))}function qi(e,t){let r=t.filter(o=>!["window","document","prevent","stop","once","capture","self","away","outside","passive"].includes(o));if(r.includes("debounce")){let o=r.indexOf("debounce");r.splice(o,et((r[o+1]||"invalid-wait").split("ms")[0])?2:1)}if(r.includes("throttle")){let o=r.indexOf("throttle");r.splice(o,et((r[o+1]||"invalid-wait").split("ms")[0])?2:1)}if(r.length===0||r.length===1&&xn(e.key).includes(r[0]))return!1;let i=["ctrl","shift","alt","meta","cmd","super"].filter(o=>r.includes(o));return r=r.filter(o=>!i.includes(o)),!(i.length>0&&i.filter(s=>((s==="cmd"||s==="super")&&(s="meta"),e[`${s}Key`])).length===i.length&&(yn(e.type)||xn(e.key).includes(r[0])))}function xn(e){if(!e)return[];e=Hi(e);let t={ctrl:"control",slash:"/",space:" ",spacebar:" ",cmd:"meta",esc:"escape",up:"arrow-up",down:"arrow-down",left:"arrow-left",right:"arrow-right",period:".",comma:",",equal:"=",minus:"-",underscore:"_"};return t[e]=e,Object.keys(t).map(r=>{if(t[r]===e)return r}).filter(r=>r)}d("model",(e,{modifiers:t,expression:r},{effect:n,cleanup:i})=>{let o=e;t.includes("parent")&&(o=e.parentNode);let s=x(o,r),a;typeof r=="string"?a=x(o,`${r} = __placeholder`):typeof r=="function"&&typeof r()=="string"?a=x(o,`${r()} = __placeholder`):a=()=>{};let c=()=>{let m;return s(w=>m=w),bn(m)?m.get():m},l=m=>{let w;s($=>w=$),bn(w)?w.set(m):a(()=>{},{scope:{__placeholder:m}})};typeof r=="string"&&e.type==="radio"&&_(()=>{e.hasAttribute("name")||e.setAttribute("name",r)});var u=e.tagName.toLowerCase()==="select"||["checkbox","radio"].includes(e.type)||t.includes("lazy")?"change":"input";let p=I?()=>{}:se(e,u,t,m=>{l(zt(e,t,m,c()))});if(t.includes("fill")&&([void 0,null,""].includes(c())||e.type==="checkbox"&&Array.isArray(c())||e.tagName.toLowerCase()==="select"&&e.multiple)&&l(zt(e,t,{target:e},c())),e._x_removeModelListeners||(e._x_removeModelListeners={}),e._x_removeModelListeners.default=p,i(()=>e._x_removeModelListeners.default()),e.form){let m=se(e.form,"reset",[],w=>{ne(()=>e._x_model&&e._x_model.set(zt(e,t,{target:e},c())))});i(()=>m())}e._x_model={get(){return c()},set(m){l(m)}},e._x_forceModelUpdate=m=>{m===void 0&&typeof r=="string"&&r.match(/\./)&&(m=""),window.fromModel=!0,_(()=>he(e,"value",m)),delete window.fromModel},n(()=>{let m=c();t.includes("unintrusive")&&document.activeElement.isSameNode(e)||e._x_forceModelUpdate(m)})});function zt(e,t,r,n){return _(()=>{if(r instanceof CustomEvent&&r.detail!==void 0)return r.detail!==null&&r.detail!==void 0?r.detail:r.target.value;if(e.type==="checkbox")if(Array.isArray(n)){let i=null;return t.includes("number")?i=Kt(r.target.value):t.includes("boolean")?i=ge(r.target.value):i=r.target.value,r.target.checked?n.includes(i)?n:n.concat([i]):n.filter(o=>!Ui(o,i))}else return r.target.checked;else{if(e.tagName.toLowerCase()==="select"&&e.multiple)return t.includes("number")?Array.from(r.target.selectedOptions).map(i=>{let o=i.value||i.text;return Kt(o)}):t.includes("boolean")?Array.from(r.target.selectedOptions).map(i=>{let o=i.value||i.text;return ge(o)}):Array.from(r.target.selectedOptions).map(i=>i.value||i.text);{let i;return e.type==="radio"?r.target.checked?i=r.target.value:i=n:i=r.target.value,t.includes("number")?Kt(i):t.includes("boolean")?ge(i):t.includes("trim")?i.trim():i}}})}function Kt(e){let t=e?parseFloat(e):null;return Wi(t)?t:e}function Ui(e,t){return e==t}function Wi(e){return!Array.isArray(e)&&!isNaN(e)}function bn(e){return e!==null&&typeof e=="object"&&typeof e.get=="function"&&typeof e.set=="function"}d("cloak",e=>queueMicrotask(()=>_(()=>e.removeAttribute(C("cloak")))));$e(()=>`[${C("init")}]`);d("init",A((e,{expression:t},{evaluate:r})=>typeof t=="string"?!!t.trim()&&r(t,{},!1):r(t,{},!1)));d("text",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t);r(()=>{i(o=>{_(()=>{e.textContent=o})})})});d("html",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t);r(()=>{i(o=>{_(()=>{e.innerHTML=o,e._x_ignoreSelf=!0,S(e),delete e._x_ignoreSelf})})})});re(Ie(":",ke(C("bind:"))));var wn=(e,{value:t,modifiers:r,expression:n,original:i},{effect:o,cleanup:s})=>{if(!t){let c={};Hr(c),x(e,n)(u=>{Ct(e,u,i)},{scope:c});return}if(t==="key")return Gi(e,n);if(e._x_inlineBindings&&e._x_inlineBindings[t]&&e._x_inlineBindings[t].extract)return;let a=x(e,n);o(()=>a(c=>{c===void 0&&typeof n=="string"&&n.match(/\./)&&(c=""),_(()=>he(e,t,c,r))})),s(()=>{e._x_undoAddedClasses&&e._x_undoAddedClasses(),e._x_undoAddedStyles&&e._x_undoAddedStyles()})};wn.inline=(e,{value:t,modifiers:r,expression:n})=>{t&&(e._x_inlineBindings||(e._x_inlineBindings={}),e._x_inlineBindings[t]={expression:n,extract:!1})};d("bind",wn);function Gi(e,t){e._x_keyExpression=t}Le(()=>`[${C("data")}]`);d("data",(e,{expression:t},{cleanup:r})=>{if(Ji(e))return;t=t===""?"{}":t;let n={};ue(n,e);let i={};Ur(i,n);let o=M(e,t,{scope:i});(o===void 0||o===!0)&&(o={}),ue(o,e);let s=R(o);Te(s);let a=P(e,s);s.init&&M(e,s.init),r(()=>{s.destroy&&M(e,s.destroy),a()})});K((e,t)=>{e._x_dataStack&&(t._x_dataStack=e._x_dataStack,t.setAttribute("data-has-alpine-state",!0))});function Ji(e){return I?Be?!0:e.hasAttribute("data-has-alpine-state"):!1}d("show",(e,{modifiers:t,expression:r},{effect:n})=>{let i=x(e,r);e._x_doHide||(e._x_doHide=()=>{_(()=>{e.style.setProperty("display","none",t.includes("important")?"important":void 0)})}),e._x_doShow||(e._x_doShow=()=>{_(()=>{e.style.length===1&&e.style.display==="none"?e.removeAttribute("style"):e.style.removeProperty("display")})});let o=()=>{e._x_doHide(),e._x_isShown=!1},s=()=>{e._x_doShow(),e._x_isShown=!0},a=()=>setTimeout(s),c=me(p=>p?s():o(),p=>{typeof e._x_toggleAndCascadeWithTransitions=="function"?e._x_toggleAndCascadeWithTransitions(e,p,s,o):p?a():o()}),l,u=!0;n(()=>i(p=>{!u&&p===l||(t.includes("immediate")&&(p?a():o()),c(p),l=p,u=!1)}))});d("for",(e,{expression:t},{effect:r,cleanup:n})=>{let i=Xi(t),o=x(e,i.items),s=x(e,e._x_keyExpression||"index");e._x_prevKeys=[],e._x_lookup={},r(()=>Yi(e,i,o,s)),n(()=>{Object.values(e._x_lookup).forEach(a=>a.remove()),delete e._x_prevKeys,delete e._x_lookup})});function Yi(e,t,r,n){let i=s=>typeof s=="object"&&!Array.isArray(s),o=e;r(s=>{Zi(s)&&s>=0&&(s=Array.from(Array(s).keys(),f=>f+1)),s===void 0&&(s=[]);let a=e._x_lookup,c=e._x_prevKeys,l=[],u=[];if(i(s))s=Object.entries(s).map(([f,g])=>{let b=En(t,g,f,s);n(v=>{u.includes(v)&&E("Duplicate key on x-for",e),u.push(v)},{scope:{index:f,...b}}),l.push(b)});else for(let f=0;f<s.length;f++){let g=En(t,s[f],f,s);n(b=>{u.includes(b)&&E("Duplicate key on x-for",e),u.push(b)},{scope:{index:f,...g}}),l.push(g)}let p=[],m=[],w=[],$=[];for(let f=0;f<c.length;f++){let g=c[f];u.indexOf(g)===-1&&w.push(g)}c=c.filter(f=>!w.includes(f));let we="template";for(let f=0;f<u.length;f++){let g=u[f],b=c.indexOf(g);if(b===-1)c.splice(f,0,g),p.push([we,f]);else if(b!==f){let v=c.splice(f,1)[0],O=c.splice(b-1,1)[0];c.splice(f,0,O),c.splice(b,0,v),m.push([v,O])}else $.push(g);we=g}for(let f=0;f<w.length;f++){let g=w[f];a[g]._x_effects&&a[g]._x_effects.forEach(Ee),a[g].remove(),a[g]=null,delete a[g]}for(let f=0;f<m.length;f++){let[g,b]=m[f],v=a[g],O=a[b],Q=document.createElement("div");_(()=>{O||E('x-for ":key" is undefined or invalid',o,b,a),O.after(Q),v.after(O),O._x_currentIfEl&&O.after(O._x_currentIfEl),Q.before(v),v._x_currentIfEl&&v.after(v._x_currentIfEl),Q.remove()}),O._x_refreshXForScope(l[u.indexOf(b)])}for(let f=0;f<p.length;f++){let[g,b]=p[f],v=g==="template"?o:a[g];v._x_currentIfEl&&(v=v._x_currentIfEl);let O=l[b],Q=u[b],ae=document.importNode(o.content,!0).firstElementChild,Vt=R(O);P(ae,Vt,o),ae._x_refreshXForScope=Sn=>{Object.entries(Sn).forEach(([An,On])=>{Vt[An]=On})},_(()=>{v.after(ae),A(()=>S(ae))()}),typeof Q=="object"&&E("x-for key cannot be an object, it must be a string or an integer",o),a[Q]=ae}for(let f=0;f<$.length;f++)a[$[f]]._x_refreshXForScope(l[u.indexOf($[f])]);o._x_prevKeys=u})}function Xi(e){let t=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,r=/^\s*\(|\)\s*$/g,n=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,i=e.match(n);if(!i)return;let o={};o.items=i[2].trim();let s=i[1].replace(r,"").trim(),a=s.match(t);return a?(o.item=s.replace(t,"").trim(),o.index=a[1].trim(),a[2]&&(o.collection=a[2].trim())):o.item=s,o}function En(e,t,r,n){let i={};return/^\[.*\]$/.test(e.item)&&Array.isArray(t)?e.item.replace("[","").replace("]","").split(",").map(s=>s.trim()).forEach((s,a)=>{i[s]=t[a]}):/^\{.*\}$/.test(e.item)&&!Array.isArray(t)&&typeof t=="object"?e.item.replace("{","").replace("}","").split(",").map(s=>s.trim()).forEach(s=>{i[s]=t[s]}):i[e.item]=t,e.index&&(i[e.index]=r),e.collection&&(i[e.collection]=n),i}function Zi(e){return!Array.isArray(e)&&!isNaN(e)}function vn(){}vn.inline=(e,{expression:t},{cleanup:r})=>{let n=J(e);n._x_refs||(n._x_refs={}),n._x_refs[t]=e,r(()=>delete n._x_refs[t])};d("ref",vn);d("if",(e,{expression:t},{effect:r,cleanup:n})=>{e.tagName.toLowerCase()!=="template"&&E("x-if can only be used on a <template> tag",e);let i=x(e,t),o=()=>{if(e._x_currentIfEl)return e._x_currentIfEl;let a=e.content.cloneNode(!0).firstElementChild;return P(a,{},e),_(()=>{e.after(a),A(()=>S(a))()}),e._x_currentIfEl=a,e._x_undoIf=()=>{T(a,c=>{c._x_effects&&c._x_effects.forEach(Ee)}),a.remove(),delete e._x_currentIfEl},a},s=()=>{e._x_undoIf&&(e._x_undoIf(),delete e._x_undoIf)};r(()=>i(a=>{a?o():s()})),n(()=>e._x_undoIf&&e._x_undoIf())});d("id",(e,{expression:t},{evaluate:r})=>{r(t).forEach(i=>mn(e,i))});K((e,t)=>{e._x_ids&&(t._x_ids=e._x_ids)});re(Ie("@",ke(C("on:"))));d("on",A((e,{value:t,modifiers:r,expression:n},{cleanup:i})=>{let o=n?x(e,n):()=>{};e.tagName.toLowerCase()==="template"&&(e._x_forwardEvents||(e._x_forwardEvents=[]),e._x_forwardEvents.includes(t)||e._x_forwardEvents.push(t));let s=se(e,t,r,a=>{o(()=>{},{scope:{$event:a},params:[a]})});i(()=>s())}));tt("Collapse","collapse","collapse");tt("Intersect","intersect","intersect");tt("Focus","trap","focus");tt("Mask","mask","mask");function tt(e,t,r){d(t,n=>E(`You can't use [x-${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${r}`,n))}B.setEvaluator(gt);B.setReactivityEngine({reactive:Qe,effect:en,release:tn,raw:h});var Ht=B;window.Alpine=Ht;queueMicrotask(()=>{Ht.start()});})();
diff --git a/app/static/js/vendor/htmx.min.js b/app/static/js/vendor/htmx.min.js
new file mode 100644
index 0000000..de5f0f1
--- /dev/null
+++ b/app/static/js/vendor/htmx.min.js
@@ -0,0 +1 @@
+(function(e,t){if(typeof define==="function"&&define.amd){define([],t)}else if(typeof module==="object"&&module.exports){module.exports=t()}else{e.htmx=e.htmx||t()}})(typeof self!=="undefined"?self:this,function(){return function(){"use strict";var Q={onLoad:F,process:zt,on:de,off:ge,trigger:ce,ajax:Nr,find:C,findAll:f,closest:v,values:function(e,t){var r=dr(e,t||"post");return r.values},remove:_,addClass:z,removeClass:n,toggleClass:$,takeClass:W,defineExtension:Ur,removeExtension:Br,logAll:V,logNone:j,logger:null,config:{historyEnabled:true,historyCacheSize:10,refreshOnHistoryMiss:false,defaultSwapStyle:"innerHTML",defaultSwapDelay:0,defaultSettleDelay:20,includeIndicatorStyles:true,indicatorClass:"htmx-indicator",requestClass:"htmx-request",addedClass:"htmx-added",settlingClass:"htmx-settling",swappingClass:"htmx-swapping",allowEval:true,allowScriptTags:true,inlineScriptNonce:"",attributesToSettle:["class","style","width","height"],withCredentials:false,timeout:0,wsReconnectDelay:"full-jitter",wsBinaryType:"blob",disableSelector:"[hx-disable], [data-hx-disable]",useTemplateFragments:false,scrollBehavior:"smooth",defaultFocusScroll:false,getCacheBusterParam:false,globalViewTransitions:false,methodsThatUseUrlParams:["get"],selfRequestsOnly:false,ignoreTitle:false,scrollIntoViewOnBoost:true,triggerSpecsCache:null},parseInterval:d,_:t,createEventSource:function(e){return new EventSource(e,{withCredentials:true})},createWebSocket:function(e){var t=new WebSocket(e,[]);t.binaryType=Q.config.wsBinaryType;return t},version:"1.9.12"};var r={addTriggerHandler:Lt,bodyContains:se,canAccessLocalStorage:U,findThisElement:xe,filterValues:yr,hasAttribute:o,getAttributeValue:te,getClosestAttributeValue:ne,getClosestMatch:c,getExpressionVars:Hr,getHeaders:xr,getInputValues:dr,getInternalData:ae,getSwapSpecification:wr,getTriggerSpecs:it,getTarget:ye,makeFragment:l,mergeObjects:le,makeSettleInfo:T,oobSwap:Ee,querySelectorExt:ue,selectAndSwap:je,settleImmediately:nr,shouldCancel:ut,triggerEvent:ce,triggerErrorEvent:fe,withExtensions:R};var w=["get","post","put","delete","patch"];var i=w.map(function(e){return"[hx-"+e+"], [data-hx-"+e+"]"}).join(", ");var S=e("head"),q=e("title"),H=e("svg",true);function e(e,t){return new RegExp("<"+e+"(\\s[^>]*>|>)([\\s\\S]*?)<\\/"+e+">",!!t?"gim":"im")}function d(e){if(e==undefined){return undefined}let t=NaN;if(e.slice(-2)=="ms"){t=parseFloat(e.slice(0,-2))}else if(e.slice(-1)=="s"){t=parseFloat(e.slice(0,-1))*1e3}else if(e.slice(-1)=="m"){t=parseFloat(e.slice(0,-1))*1e3*60}else{t=parseFloat(e)}return isNaN(t)?undefined:t}function ee(e,t){return e.getAttribute&&e.getAttribute(t)}function o(e,t){return e.hasAttribute&&(e.hasAttribute(t)||e.hasAttribute("data-"+t))}function te(e,t){return ee(e,t)||ee(e,"data-"+t)}function u(e){return e.parentElement}function re(){return document}function c(e,t){while(e&&!t(e)){e=u(e)}return e?e:null}function L(e,t,r){var n=te(t,r);var i=te(t,"hx-disinherit");if(e!==t&&i&&(i==="*"||i.split(" ").indexOf(r)>=0)){return"unset"}else{return n}}function ne(t,r){var n=null;c(t,function(e){return n=L(t,e,r)});if(n!=="unset"){return n}}function h(e,t){var r=e.matches||e.matchesSelector||e.msMatchesSelector||e.mozMatchesSelector||e.webkitMatchesSelector||e.oMatchesSelector;return r&&r.call(e,t)}function A(e){var t=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i;var r=t.exec(e);if(r){return r[1].toLowerCase()}else{return""}}function s(e,t){var r=new DOMParser;var n=r.parseFromString(e,"text/html");var i=n.body;while(t>0){t--;i=i.firstChild}if(i==null){i=re().createDocumentFragment()}return i}function N(e){return/<body/.test(e)}function l(e){var t=!N(e);var r=A(e);var n=e;if(r==="head"){n=n.replace(S,"")}if(Q.config.useTemplateFragments&&t){var i=s("<body><template>"+n+"</template></body>",0);var a=i.querySelector("template").content;if(Q.config.allowScriptTags){oe(a.querySelectorAll("script"),function(e){if(Q.config.inlineScriptNonce){e.nonce=Q.config.inlineScriptNonce}e.htmxExecuted=navigator.userAgent.indexOf("Firefox")===-1})}else{oe(a.querySelectorAll("script"),function(e){_(e)})}return a}switch(r){case"thead":case"tbody":case"tfoot":case"colgroup":case"caption":return s("<table>"+n+"</table>",1);case"col":return s("<table><colgroup>"+n+"</colgroup></table>",2);case"tr":return s("<table><tbody>"+n+"</tbody></table>",2);case"td":case"th":return s("<table><tbody><tr>"+n+"</tr></tbody></table>",3);case"script":case"style":return s("<div>"+n+"</div>",1);default:return s(n,0)}}function ie(e){if(e){e()}}function I(e,t){return Object.prototype.toString.call(e)==="[object "+t+"]"}function k(e){return I(e,"Function")}function P(e){return I(e,"Object")}function ae(e){var t="htmx-internal-data";var r=e[t];if(!r){r=e[t]={}}return r}function M(e){var t=[];if(e){for(var r=0;r<e.length;r++){t.push(e[r])}}return t}function oe(e,t){if(e){for(var r=0;r<e.length;r++){t(e[r])}}}function X(e){var t=e.getBoundingClientRect();var r=t.top;var n=t.bottom;return r<window.innerHeight&&n>=0}function se(e){if(e.getRootNode&&e.getRootNode()instanceof window.ShadowRoot){return re().body.contains(e.getRootNode().host)}else{return re().body.contains(e)}}function D(e){return e.trim().split(/\s+/)}function le(e,t){for(var r in t){if(t.hasOwnProperty(r)){e[r]=t[r]}}return e}function E(e){try{return JSON.parse(e)}catch(e){b(e);return null}}function U(){var e="htmx:localStorageTest";try{localStorage.setItem(e,e);localStorage.removeItem(e);return true}catch(e){return false}}function B(t){try{var e=new URL(t);if(e){t=e.pathname+e.search}if(!/^\/$/.test(t)){t=t.replace(/\/+$/,"")}return t}catch(e){return t}}function t(e){return Tr(re().body,function(){return eval(e)})}function F(t){var e=Q.on("htmx:load",function(e){t(e.detail.elt)});return e}function V(){Q.logger=function(e,t,r){if(console){console.log(t,e,r)}}}function j(){Q.logger=null}function C(e,t){if(t){return e.querySelector(t)}else{return C(re(),e)}}function f(e,t){if(t){return e.querySelectorAll(t)}else{return f(re(),e)}}function _(e,t){e=p(e);if(t){setTimeout(function(){_(e);e=null},t)}else{e.parentElement.removeChild(e)}}function z(e,t,r){e=p(e);if(r){setTimeout(function(){z(e,t);e=null},r)}else{e.classList&&e.classList.add(t)}}function n(e,t,r){e=p(e);if(r){setTimeout(function(){n(e,t);e=null},r)}else{if(e.classList){e.classList.remove(t);if(e.classList.length===0){e.removeAttribute("class")}}}}function $(e,t){e=p(e);e.classList.toggle(t)}function W(e,t){e=p(e);oe(e.parentElement.children,function(e){n(e,t)});z(e,t)}function v(e,t){e=p(e);if(e.closest){return e.closest(t)}else{do{if(e==null||h(e,t)){return e}}while(e=e&&u(e));return null}}function g(e,t){return e.substring(0,t.length)===t}function G(e,t){return e.substring(e.length-t.length)===t}function J(e){var t=e.trim();if(g(t,"<")&&G(t,"/>")){return t.substring(1,t.length-2)}else{return t}}function Z(e,t){if(t.indexOf("closest ")===0){return[v(e,J(t.substr(8)))]}else if(t.indexOf("find ")===0){return[C(e,J(t.substr(5)))]}else if(t==="next"){return[e.nextElementSibling]}else if(t.indexOf("next ")===0){return[K(e,J(t.substr(5)))]}else if(t==="previous"){return[e.previousElementSibling]}else if(t.indexOf("previous ")===0){return[Y(e,J(t.substr(9)))]}else if(t==="document"){return[document]}else if(t==="window"){return[window]}else if(t==="body"){return[document.body]}else{return re().querySelectorAll(J(t))}}var K=function(e,t){var r=re().querySelectorAll(t);for(var n=0;n<r.length;n++){var i=r[n];if(i.compareDocumentPosition(e)===Node.DOCUMENT_POSITION_PRECEDING){return i}}};var Y=function(e,t){var r=re().querySelectorAll(t);for(var n=r.length-1;n>=0;n--){var i=r[n];if(i.compareDocumentPosition(e)===Node.DOCUMENT_POSITION_FOLLOWING){return i}}};function ue(e,t){if(t){return Z(e,t)[0]}else{return Z(re().body,e)[0]}}function p(e){if(I(e,"String")){return C(e)}else{return e}}function ve(e,t,r){if(k(t)){return{target:re().body,event:e,listener:t}}else{return{target:p(e),event:t,listener:r}}}function de(t,r,n){jr(function(){var e=ve(t,r,n);e.target.addEventListener(e.event,e.listener)});var e=k(r);return e?r:n}function ge(t,r,n){jr(function(){var e=ve(t,r,n);e.target.removeEventListener(e.event,e.listener)});return k(r)?r:n}var pe=re().createElement("output");function me(e,t){var r=ne(e,t);if(r){if(r==="this"){return[xe(e,t)]}else{var n=Z(e,r);if(n.length===0){b('The selector "'+r+'" on '+t+" returned no matches!");return[pe]}else{return n}}}}function xe(e,t){return c(e,function(e){return te(e,t)!=null})}function ye(e){var t=ne(e,"hx-target");if(t){if(t==="this"){return xe(e,"hx-target")}else{return ue(e,t)}}else{var r=ae(e);if(r.boosted){return re().body}else{return e}}}function be(e){var t=Q.config.attributesToSettle;for(var r=0;r<t.length;r++){if(e===t[r]){return true}}return false}function we(t,r){oe(t.attributes,function(e){if(!r.hasAttribute(e.name)&&be(e.name)){t.removeAttribute(e.name)}});oe(r.attributes,function(e){if(be(e.name)){t.setAttribute(e.name,e.value)}})}function Se(e,t){var r=Fr(t);for(var n=0;n<r.length;n++){var i=r[n];try{if(i.isInlineSwap(e)){return true}}catch(e){b(e)}}return e==="outerHTML"}function Ee(e,i,a){var t="#"+ee(i,"id");var o="outerHTML";if(e==="true"){}else if(e.indexOf(":")>0){o=e.substr(0,e.indexOf(":"));t=e.substr(e.indexOf(":")+1,e.length)}else{o=e}var r=re().querySelectorAll(t);if(r){oe(r,function(e){var t;var r=i.cloneNode(true);t=re().createDocumentFragment();t.appendChild(r);if(!Se(o,e)){t=r}var n={shouldSwap:true,target:e,fragment:t};if(!ce(e,"htmx:oobBeforeSwap",n))return;e=n.target;if(n["shouldSwap"]){Fe(o,e,e,t,a)}oe(a.elts,function(e){ce(e,"htmx:oobAfterSwap",n)})});i.parentNode.removeChild(i)}else{i.parentNode.removeChild(i);fe(re().body,"htmx:oobErrorNoTarget",{content:i})}return e}function Ce(e,t,r){var n=ne(e,"hx-select-oob");if(n){var i=n.split(",");for(var a=0;a<i.length;a++){var o=i[a].split(":",2);var s=o[0].trim();if(s.indexOf("#")===0){s=s.substring(1)}var l=o[1]||"true";var u=t.querySelector("#"+s);if(u){Ee(l,u,r)}}}oe(f(t,"[hx-swap-oob], [data-hx-swap-oob]"),function(e){var t=te(e,"hx-swap-oob");if(t!=null){Ee(t,e,r)}})}function Re(e){oe(f(e,"[hx-preserve], [data-hx-preserve]"),function(e){var t=te(e,"id");var r=re().getElementById(t);if(r!=null){e.parentNode.replaceChild(r,e)}})}function Te(o,e,s){oe(e.querySelectorAll("[id]"),function(e){var t=ee(e,"id");if(t&&t.length>0){var r=t.replace("'","\\'");var n=e.tagName.replace(":","\\:");var i=o.querySelector(n+"[id='"+r+"']");if(i&&i!==o){var a=e.cloneNode();we(e,i);s.tasks.push(function(){we(e,a)})}}})}function Oe(e){return function(){n(e,Q.config.addedClass);zt(e);Nt(e);qe(e);ce(e,"htmx:load")}}function qe(e){var t="[autofocus]";var r=h(e,t)?e:e.querySelector(t);if(r!=null){r.focus()}}function a(e,t,r,n){Te(e,r,n);while(r.childNodes.length>0){var i=r.firstChild;z(i,Q.config.addedClass);e.insertBefore(i,t);if(i.nodeType!==Node.TEXT_NODE&&i.nodeType!==Node.COMMENT_NODE){n.tasks.push(Oe(i))}}}function He(e,t){var r=0;while(r<e.length){t=(t<<5)-t+e.charCodeAt(r++)|0}return t}function Le(e){var t=0;if(e.attributes){for(var r=0;r<e.attributes.length;r++){var n=e.attributes[r];if(n.value){t=He(n.name,t);t=He(n.value,t)}}}return t}function Ae(e){var t=ae(e);if(t.onHandlers){for(var r=0;r<t.onHandlers.length;r++){const n=t.onHandlers[r];e.removeEventListener(n.event,n.listener)}delete t.onHandlers}}function Ne(e){var t=ae(e);if(t.timeout){clearTimeout(t.timeout)}if(t.webSocket){t.webSocket.close()}if(t.sseEventSource){t.sseEventSource.close()}if(t.listenerInfos){oe(t.listenerInfos,function(e){if(e.on){e.on.removeEventListener(e.trigger,e.listener)}})}Ae(e);oe(Object.keys(t),function(e){delete t[e]})}function m(e){ce(e,"htmx:beforeCleanupElement");Ne(e);if(e.children){oe(e.children,function(e){m(e)})}}function Ie(t,e,r){if(t.tagName==="BODY"){return Ue(t,e,r)}else{var n;var i=t.previousSibling;a(u(t),t,e,r);if(i==null){n=u(t).firstChild}else{n=i.nextSibling}r.elts=r.elts.filter(function(e){return e!=t});while(n&&n!==t){if(n.nodeType===Node.ELEMENT_NODE){r.elts.push(n)}n=n.nextElementSibling}m(t);u(t).removeChild(t)}}function ke(e,t,r){return a(e,e.firstChild,t,r)}function Pe(e,t,r){return a(u(e),e,t,r)}function Me(e,t,r){return a(e,null,t,r)}function Xe(e,t,r){return a(u(e),e.nextSibling,t,r)}function De(e,t,r){m(e);return u(e).removeChild(e)}function Ue(e,t,r){var n=e.firstChild;a(e,n,t,r);if(n){while(n.nextSibling){m(n.nextSibling);e.removeChild(n.nextSibling)}m(n);e.removeChild(n)}}function Be(e,t,r){var n=r||ne(e,"hx-select");if(n){var i=re().createDocumentFragment();oe(t.querySelectorAll(n),function(e){i.appendChild(e)});t=i}return t}function Fe(e,t,r,n,i){switch(e){case"none":return;case"outerHTML":Ie(r,n,i);return;case"afterbegin":ke(r,n,i);return;case"beforebegin":Pe(r,n,i);return;case"beforeend":Me(r,n,i);return;case"afterend":Xe(r,n,i);return;case"delete":De(r,n,i);return;default:var a=Fr(t);for(var o=0;o<a.length;o++){var s=a[o];try{var l=s.handleSwap(e,r,n,i);if(l){if(typeof l.length!=="undefined"){for(var u=0;u<l.length;u++){var f=l[u];if(f.nodeType!==Node.TEXT_NODE&&f.nodeType!==Node.COMMENT_NODE){i.tasks.push(Oe(f))}}}return}}catch(e){b(e)}}if(e==="innerHTML"){Ue(r,n,i)}else{Fe(Q.config.defaultSwapStyle,t,r,n,i)}}}function Ve(e){if(e.indexOf("<title")>-1){var t=e.replace(H,"");var r=t.match(q);if(r){return r[2]}}}function je(e,t,r,n,i,a){i.title=Ve(n);var o=l(n);if(o){Ce(r,o,i);o=Be(r,o,a);Re(o);return Fe(e,r,t,o,i)}}function _e(e,t,r){var n=e.getResponseHeader(t);if(n.indexOf("{")===0){var i=E(n);for(var a in i){if(i.hasOwnProperty(a)){var o=i[a];if(!P(o)){o={value:o}}ce(r,a,o)}}}else{var s=n.split(",");for(var l=0;l<s.length;l++){ce(r,s[l].trim(),[])}}}var ze=/\s/;var x=/[\s,]/;var $e=/[_$a-zA-Z]/;var We=/[_$a-zA-Z0-9]/;var Ge=['"',"'","/"];var Je=/[^\s]/;var Ze=/[{(]/;var Ke=/[})]/;function Ye(e){var t=[];var r=0;while(r<e.length){if($e.exec(e.charAt(r))){var n=r;while(We.exec(e.charAt(r+1))){r++}t.push(e.substr(n,r-n+1))}else if(Ge.indexOf(e.charAt(r))!==-1){var i=e.charAt(r);var n=r;r++;while(r<e.length&&e.charAt(r)!==i){if(e.charAt(r)==="\\"){r++}r++}t.push(e.substr(n,r-n+1))}else{var a=e.charAt(r);t.push(a)}r++}return t}function Qe(e,t,r){return $e.exec(e.charAt(0))&&e!=="true"&&e!=="false"&&e!=="this"&&e!==r&&t!=="."}function et(e,t,r){if(t[0]==="["){t.shift();var n=1;var i=" return (function("+r+"){ return (";var a=null;while(t.length>0){var o=t[0];if(o==="]"){n--;if(n===0){if(a===null){i=i+"true"}t.shift();i+=")})";try{var s=Tr(e,function(){return Function(i)()},function(){return true});s.source=i;return s}catch(e){fe(re().body,"htmx:syntax:error",{error:e,source:i});return null}}}else if(o==="["){n++}if(Qe(o,a,r)){i+="(("+r+"."+o+") ? ("+r+"."+o+") : (window."+o+"))"}else{i=i+o}a=t.shift()}}}function y(e,t){var r="";while(e.length>0&&!t.test(e[0])){r+=e.shift()}return r}function tt(e){var t;if(e.length>0&&Ze.test(e[0])){e.shift();t=y(e,Ke).trim();e.shift()}else{t=y(e,x)}return t}var rt="input, textarea, select";function nt(e,t,r){var n=[];var i=Ye(t);do{y(i,Je);var a=i.length;var o=y(i,/[,\[\s]/);if(o!==""){if(o==="every"){var s={trigger:"every"};y(i,Je);s.pollInterval=d(y(i,/[,\[\s]/));y(i,Je);var l=et(e,i,"event");if(l){s.eventFilter=l}n.push(s)}else if(o.indexOf("sse:")===0){n.push({trigger:"sse",sseEvent:o.substr(4)})}else{var u={trigger:o};var l=et(e,i,"event");if(l){u.eventFilter=l}while(i.length>0&&i[0]!==","){y(i,Je);var f=i.shift();if(f==="changed"){u.changed=true}else if(f==="once"){u.once=true}else if(f==="consume"){u.consume=true}else if(f==="delay"&&i[0]===":"){i.shift();u.delay=d(y(i,x))}else if(f==="from"&&i[0]===":"){i.shift();if(Ze.test(i[0])){var c=tt(i)}else{var c=y(i,x);if(c==="closest"||c==="find"||c==="next"||c==="previous"){i.shift();var h=tt(i);if(h.length>0){c+=" "+h}}}u.from=c}else if(f==="target"&&i[0]===":"){i.shift();u.target=tt(i)}else if(f==="throttle"&&i[0]===":"){i.shift();u.throttle=d(y(i,x))}else if(f==="queue"&&i[0]===":"){i.shift();u.queue=y(i,x)}else if(f==="root"&&i[0]===":"){i.shift();u[f]=tt(i)}else if(f==="threshold"&&i[0]===":"){i.shift();u[f]=y(i,x)}else{fe(e,"htmx:syntax:error",{token:i.shift()})}}n.push(u)}}if(i.length===a){fe(e,"htmx:syntax:error",{token:i.shift()})}y(i,Je)}while(i[0]===","&&i.shift());if(r){r[t]=n}return n}function it(e){var t=te(e,"hx-trigger");var r=[];if(t){var n=Q.config.triggerSpecsCache;r=n&&n[t]||nt(e,t,n)}if(r.length>0){return r}else if(h(e,"form")){return[{trigger:"submit"}]}else if(h(e,'input[type="button"], input[type="submit"]')){return[{trigger:"click"}]}else if(h(e,rt)){return[{trigger:"change"}]}else{return[{trigger:"click"}]}}function at(e){ae(e).cancelled=true}function ot(e,t,r){var n=ae(e);n.timeout=setTimeout(function(){if(se(e)&&n.cancelled!==true){if(!ct(r,e,Wt("hx:poll:trigger",{triggerSpec:r,target:e}))){t(e)}ot(e,t,r)}},r.pollInterval)}function st(e){return location.hostname===e.hostname&&ee(e,"href")&&ee(e,"href").indexOf("#")!==0}function lt(t,r,e){if(t.tagName==="A"&&st(t)&&(t.target===""||t.target==="_self")||t.tagName==="FORM"){r.boosted=true;var n,i;if(t.tagName==="A"){n="get";i=ee(t,"href")}else{var a=ee(t,"method");n=a?a.toLowerCase():"get";if(n==="get"){}i=ee(t,"action")}e.forEach(function(e){ht(t,function(e,t){if(v(e,Q.config.disableSelector)){m(e);return}he(n,i,e,t)},r,e,true)})}}function ut(e,t){if(e.type==="submit"||e.type==="click"){if(t.tagName==="FORM"){return true}if(h(t,'input[type="submit"], button')&&v(t,"form")!==null){return true}if(t.tagName==="A"&&t.href&&(t.getAttribute("href")==="#"||t.getAttribute("href").indexOf("#")!==0)){return true}}return false}function ft(e,t){return ae(e).boosted&&e.tagName==="A"&&t.type==="click"&&(t.ctrlKey||t.metaKey)}function ct(e,t,r){var n=e.eventFilter;if(n){try{return n.call(t,r)!==true}catch(e){fe(re().body,"htmx:eventFilter:error",{error:e,source:n.source});return true}}return false}function ht(a,o,e,s,l){var u=ae(a);var t;if(s.from){t=Z(a,s.from)}else{t=[a]}if(s.changed){t.forEach(function(e){var t=ae(e);t.lastValue=e.value})}oe(t,function(n){var i=function(e){if(!se(a)){n.removeEventListener(s.trigger,i);return}if(ft(a,e)){return}if(l||ut(e,a)){e.preventDefault()}if(ct(s,a,e)){return}var t=ae(e);t.triggerSpec=s;if(t.handledFor==null){t.handledFor=[]}if(t.handledFor.indexOf(a)<0){t.handledFor.push(a);if(s.consume){e.stopPropagation()}if(s.target&&e.target){if(!h(e.target,s.target)){return}}if(s.once){if(u.triggeredOnce){return}else{u.triggeredOnce=true}}if(s.changed){var r=ae(n);if(r.lastValue===n.value){return}r.lastValue=n.value}if(u.delayed){clearTimeout(u.delayed)}if(u.throttle){return}if(s.throttle>0){if(!u.throttle){o(a,e);u.throttle=setTimeout(function(){u.throttle=null},s.throttle)}}else if(s.delay>0){u.delayed=setTimeout(function(){o(a,e)},s.delay)}else{ce(a,"htmx:trigger");o(a,e)}}};if(e.listenerInfos==null){e.listenerInfos=[]}e.listenerInfos.push({trigger:s.trigger,listener:i,on:n});n.addEventListener(s.trigger,i)})}var vt=false;var dt=null;function gt(){if(!dt){dt=function(){vt=true};window.addEventListener("scroll",dt);setInterval(function(){if(vt){vt=false;oe(re().querySelectorAll("[hx-trigger='revealed'],[data-hx-trigger='revealed']"),function(e){pt(e)})}},200)}}function pt(t){if(!o(t,"data-hx-revealed")&&X(t)){t.setAttribute("data-hx-revealed","true");var e=ae(t);if(e.initHash){ce(t,"revealed")}else{t.addEventListener("htmx:afterProcessNode",function(e){ce(t,"revealed")},{once:true})}}}function mt(e,t,r){var n=D(r);for(var i=0;i<n.length;i++){var a=n[i].split(/:(.+)/);if(a[0]==="connect"){xt(e,a[1],0)}if(a[0]==="send"){bt(e)}}}function xt(s,r,n){if(!se(s)){return}if(r.indexOf("/")==0){var e=location.hostname+(location.port?":"+location.port:"");if(location.protocol=="https:"){r="wss://"+e+r}else if(location.protocol=="http:"){r="ws://"+e+r}}var t=Q.createWebSocket(r);t.onerror=function(e){fe(s,"htmx:wsError",{error:e,socket:t});yt(s)};t.onclose=function(e){if([1006,1012,1013].indexOf(e.code)>=0){var t=wt(n);setTimeout(function(){xt(s,r,n+1)},t)}};t.onopen=function(e){n=0};ae(s).webSocket=t;t.addEventListener("message",function(e){if(yt(s)){return}var t=e.data;R(s,function(e){t=e.transformResponse(t,null,s)});var r=T(s);var n=l(t);var i=M(n.children);for(var a=0;a<i.length;a++){var o=i[a];Ee(te(o,"hx-swap-oob")||"true",o,r)}nr(r.tasks)})}function yt(e){if(!se(e)){ae(e).webSocket.close();return true}}function bt(u){var f=c(u,function(e){return ae(e).webSocket!=null});if(f){u.addEventListener(it(u)[0].trigger,function(e){var t=ae(f).webSocket;var r=xr(u,f);var n=dr(u,"post");var i=n.errors;var a=n.values;var o=Hr(u);var s=le(a,o);var l=yr(s,u);l["HEADERS"]=r;if(i&&i.length>0){ce(u,"htmx:validation:halted",i);return}t.send(JSON.stringify(l));if(ut(e,u)){e.preventDefault()}})}else{fe(u,"htmx:noWebSocketSourceError")}}function wt(e){var t=Q.config.wsReconnectDelay;if(typeof t==="function"){return t(e)}if(t==="full-jitter"){var r=Math.min(e,6);var n=1e3*Math.pow(2,r);return n*Math.random()}b('htmx.config.wsReconnectDelay must either be a function or the string "full-jitter"')}function St(e,t,r){var n=D(r);for(var i=0;i<n.length;i++){var a=n[i].split(/:(.+)/);if(a[0]==="connect"){Et(e,a[1])}if(a[0]==="swap"){Ct(e,a[1])}}}function Et(t,e){var r=Q.createEventSource(e);r.onerror=function(e){fe(t,"htmx:sseError",{error:e,source:r});Tt(t)};ae(t).sseEventSource=r}function Ct(a,o){var s=c(a,Ot);if(s){var l=ae(s).sseEventSource;var u=function(e){if(Tt(s)){return}if(!se(a)){l.removeEventListener(o,u);return}var t=e.data;R(a,function(e){t=e.transformResponse(t,null,a)});var r=wr(a);var n=ye(a);var i=T(a);je(r.swapStyle,n,a,t,i);nr(i.tasks);ce(a,"htmx:sseMessage",e)};ae(a).sseListener=u;l.addEventListener(o,u)}else{fe(a,"htmx:noSSESourceError")}}function Rt(e,t,r){var n=c(e,Ot);if(n){var i=ae(n).sseEventSource;var a=function(){if(!Tt(n)){if(se(e)){t(e)}else{i.removeEventListener(r,a)}}};ae(e).sseListener=a;i.addEventListener(r,a)}else{fe(e,"htmx:noSSESourceError")}}function Tt(e){if(!se(e)){ae(e).sseEventSource.close();return true}}function Ot(e){return ae(e).sseEventSource!=null}function qt(e,t,r,n){var i=function(){if(!r.loaded){r.loaded=true;t(e)}};if(n>0){setTimeout(i,n)}else{i()}}function Ht(t,i,e){var a=false;oe(w,function(r){if(o(t,"hx-"+r)){var n=te(t,"hx-"+r);a=true;i.path=n;i.verb=r;e.forEach(function(e){Lt(t,e,i,function(e,t){if(v(e,Q.config.disableSelector)){m(e);return}he(r,n,e,t)})})}});return a}function Lt(n,e,t,r){if(e.sseEvent){Rt(n,r,e.sseEvent)}else if(e.trigger==="revealed"){gt();ht(n,r,t,e);pt(n)}else if(e.trigger==="intersect"){var i={};if(e.root){i.root=ue(n,e.root)}if(e.threshold){i.threshold=parseFloat(e.threshold)}var a=new IntersectionObserver(function(e){for(var t=0;t<e.length;t++){var r=e[t];if(r.isIntersecting){ce(n,"intersect");break}}},i);a.observe(n);ht(n,r,t,e)}else if(e.trigger==="load"){if(!ct(e,n,Wt("load",{elt:n}))){qt(n,r,t,e.delay)}}else if(e.pollInterval>0){t.polling=true;ot(n,r,e)}else{ht(n,r,t,e)}}function At(e){if(!e.htmxExecuted&&Q.config.allowScriptTags&&(e.type==="text/javascript"||e.type==="module"||e.type==="")){var t=re().createElement("script");oe(e.attributes,function(e){t.setAttribute(e.name,e.value)});t.textContent=e.textContent;t.async=false;if(Q.config.inlineScriptNonce){t.nonce=Q.config.inlineScriptNonce}var r=e.parentElement;try{r.insertBefore(t,e)}catch(e){b(e)}finally{if(e.parentElement){e.parentElement.removeChild(e)}}}}function Nt(e){if(h(e,"script")){At(e)}oe(f(e,"script"),function(e){At(e)})}function It(e){var t=e.attributes;if(!t){return false}for(var r=0;r<t.length;r++){var n=t[r].name;if(g(n,"hx-on:")||g(n,"data-hx-on:")||g(n,"hx-on-")||g(n,"data-hx-on-")){return true}}return false}function kt(e){var t=null;var r=[];if(It(e)){r.push(e)}if(document.evaluate){var n=document.evaluate('.//*[@*[ starts-with(name(), "hx-on:") or starts-with(name(), "data-hx-on:") or'+' starts-with(name(), "hx-on-") or starts-with(name(), "data-hx-on-") ]]',e);while(t=n.iterateNext())r.push(t)}else if(typeof e.getElementsByTagName==="function"){var i=e.getElementsByTagName("*");for(var a=0;a<i.length;a++){if(It(i[a])){r.push(i[a])}}}return r}function Pt(e){if(e.querySelectorAll){var t=", [hx-boost] a, [data-hx-boost] a, a[hx-boost], a[data-hx-boost]";var r=e.querySelectorAll(i+t+", form, [type='submit'], [hx-sse], [data-hx-sse], [hx-ws],"+" [data-hx-ws], [hx-ext], [data-hx-ext], [hx-trigger], [data-hx-trigger], [hx-on], [data-hx-on]");return r}else{return[]}}function Mt(e){var t=v(e.target,"button, input[type='submit']");var r=Dt(e);if(r){r.lastButtonClicked=t}}function Xt(e){var t=Dt(e);if(t){t.lastButtonClicked=null}}function Dt(e){var t=v(e.target,"button, input[type='submit']");if(!t){return}var r=p("#"+ee(t,"form"))||v(t,"form");if(!r){return}return ae(r)}function Ut(e){e.addEventListener("click",Mt);e.addEventListener("focusin",Mt);e.addEventListener("focusout",Xt)}function Bt(e){var t=Ye(e);var r=0;for(var n=0;n<t.length;n++){const i=t[n];if(i==="{"){r++}else if(i==="}"){r--}}return r}function Ft(t,e,r){var n=ae(t);if(!Array.isArray(n.onHandlers)){n.onHandlers=[]}var i;var a=function(e){return Tr(t,function(){if(!i){i=new Function("event",r)}i.call(t,e)})};t.addEventListener(e,a);n.onHandlers.push({event:e,listener:a})}function Vt(e){var t=te(e,"hx-on");if(t){var r={};var n=t.split("\n");var i=null;var a=0;while(n.length>0){var o=n.shift();var s=o.match(/^\s*([a-zA-Z:\-\.]+:)(.*)/);if(a===0&&s){o.split(":");i=s[1].slice(0,-1);r[i]=s[2]}else{r[i]+=o}a+=Bt(o)}for(var l in r){Ft(e,l,r[l])}}}function jt(e){Ae(e);for(var t=0;t<e.attributes.length;t++){var r=e.attributes[t].name;var n=e.attributes[t].value;if(g(r,"hx-on")||g(r,"data-hx-on")){var i=r.indexOf("-on")+3;var a=r.slice(i,i+1);if(a==="-"||a===":"){var o=r.slice(i+1);if(g(o,":")){o="htmx"+o}else if(g(o,"-")){o="htmx:"+o.slice(1)}else if(g(o,"htmx-")){o="htmx:"+o.slice(5)}Ft(e,o,n)}}}}function _t(t){if(v(t,Q.config.disableSelector)){m(t);return}var r=ae(t);if(r.initHash!==Le(t)){Ne(t);r.initHash=Le(t);Vt(t);ce(t,"htmx:beforeProcessNode");if(t.value){r.lastValue=t.value}var e=it(t);var n=Ht(t,r,e);if(!n){if(ne(t,"hx-boost")==="true"){lt(t,r,e)}else if(o(t,"hx-trigger")){e.forEach(function(e){Lt(t,e,r,function(){})})}}if(t.tagName==="FORM"||ee(t,"type")==="submit"&&o(t,"form")){Ut(t)}var i=te(t,"hx-sse");if(i){St(t,r,i)}var a=te(t,"hx-ws");if(a){mt(t,r,a)}ce(t,"htmx:afterProcessNode")}}function zt(e){e=p(e);if(v(e,Q.config.disableSelector)){m(e);return}_t(e);oe(Pt(e),function(e){_t(e)});oe(kt(e),jt)}function $t(e){return e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}function Wt(e,t){var r;if(window.CustomEvent&&typeof window.CustomEvent==="function"){r=new CustomEvent(e,{bubbles:true,cancelable:true,detail:t})}else{r=re().createEvent("CustomEvent");r.initCustomEvent(e,true,true,t)}return r}function fe(e,t,r){ce(e,t,le({error:t},r))}function Gt(e){return e==="htmx:afterProcessNode"}function R(e,t){oe(Fr(e),function(e){try{t(e)}catch(e){b(e)}})}function b(e){if(console.error){console.error(e)}else if(console.log){console.log("ERROR: ",e)}}function ce(e,t,r){e=p(e);if(r==null){r={}}r["elt"]=e;var n=Wt(t,r);if(Q.logger&&!Gt(t)){Q.logger(e,t,r)}if(r.error){b(r.error);ce(e,"htmx:error",{errorInfo:r})}var i=e.dispatchEvent(n);var a=$t(t);if(i&&a!==t){var o=Wt(a,n.detail);i=i&&e.dispatchEvent(o)}R(e,function(e){i=i&&(e.onEvent(t,n)!==false&&!n.defaultPrevented)});return i}var Jt=location.pathname+location.search;function Zt(){var e=re().querySelector("[hx-history-elt],[data-hx-history-elt]");return e||re().body}function Kt(e,t,r,n){if(!U()){return}if(Q.config.historyCacheSize<=0){localStorage.removeItem("htmx-history-cache");return}e=B(e);var i=E(localStorage.getItem("htmx-history-cache"))||[];for(var a=0;a<i.length;a++){if(i[a].url===e){i.splice(a,1);break}}var o={url:e,content:t,title:r,scroll:n};ce(re().body,"htmx:historyItemCreated",{item:o,cache:i});i.push(o);while(i.length>Q.config.historyCacheSize){i.shift()}while(i.length>0){try{localStorage.setItem("htmx-history-cache",JSON.stringify(i));break}catch(e){fe(re().body,"htmx:historyCacheError",{cause:e,cache:i});i.shift()}}}function Yt(e){if(!U()){return null}e=B(e);var t=E(localStorage.getItem("htmx-history-cache"))||[];for(var r=0;r<t.length;r++){if(t[r].url===e){return t[r]}}return null}function Qt(e){var t=Q.config.requestClass;var r=e.cloneNode(true);oe(f(r,"."+t),function(e){n(e,t)});return r.innerHTML}function er(){var e=Zt();var t=Jt||location.pathname+location.search;var r;try{r=re().querySelector('[hx-history="false" i],[data-hx-history="false" i]')}catch(e){r=re().querySelector('[hx-history="false"],[data-hx-history="false"]')}if(!r){ce(re().body,"htmx:beforeHistorySave",{path:t,historyElt:e});Kt(t,Qt(e),re().title,window.scrollY)}if(Q.config.historyEnabled)history.replaceState({htmx:true},re().title,window.location.href)}function tr(e){if(Q.config.getCacheBusterParam){e=e.replace(/org\.htmx\.cache-buster=[^&]*&?/,"");if(G(e,"&")||G(e,"?")){e=e.slice(0,-1)}}if(Q.config.historyEnabled){history.pushState({htmx:true},"",e)}Jt=e}function rr(e){if(Q.config.historyEnabled)history.replaceState({htmx:true},"",e);Jt=e}function nr(e){oe(e,function(e){e.call()})}function ir(a){var e=new XMLHttpRequest;var o={path:a,xhr:e};ce(re().body,"htmx:historyCacheMiss",o);e.open("GET",a,true);e.setRequestHeader("HX-Request","true");e.setRequestHeader("HX-History-Restore-Request","true");e.setRequestHeader("HX-Current-URL",re().location.href);e.onload=function(){if(this.status>=200&&this.status<400){ce(re().body,"htmx:historyCacheMissLoad",o);var e=l(this.response);e=e.querySelector("[hx-history-elt],[data-hx-history-elt]")||e;var t=Zt();var r=T(t);var n=Ve(this.response);if(n){var i=C("title");if(i){i.innerHTML=n}else{window.document.title=n}}Ue(t,e,r);nr(r.tasks);Jt=a;ce(re().body,"htmx:historyRestore",{path:a,cacheMiss:true,serverResponse:this.response})}else{fe(re().body,"htmx:historyCacheMissLoadError",o)}};e.send()}function ar(e){er();e=e||location.pathname+location.search;var t=Yt(e);if(t){var r=l(t.content);var n=Zt();var i=T(n);Ue(n,r,i);nr(i.tasks);document.title=t.title;setTimeout(function(){window.scrollTo(0,t.scroll)},0);Jt=e;ce(re().body,"htmx:historyRestore",{path:e,item:t})}else{if(Q.config.refreshOnHistoryMiss){window.location.reload(true)}else{ir(e)}}}function or(e){var t=me(e,"hx-indicator");if(t==null){t=[e]}oe(t,function(e){var t=ae(e);t.requestCount=(t.requestCount||0)+1;e.classList["add"].call(e.classList,Q.config.requestClass)});return t}function sr(e){var t=me(e,"hx-disabled-elt");if(t==null){t=[]}oe(t,function(e){var t=ae(e);t.requestCount=(t.requestCount||0)+1;e.setAttribute("disabled","")});return t}function lr(e,t){oe(e,function(e){var t=ae(e);t.requestCount=(t.requestCount||0)-1;if(t.requestCount===0){e.classList["remove"].call(e.classList,Q.config.requestClass)}});oe(t,function(e){var t=ae(e);t.requestCount=(t.requestCount||0)-1;if(t.requestCount===0){e.removeAttribute("disabled")}})}function ur(e,t){for(var r=0;r<e.length;r++){var n=e[r];if(n.isSameNode(t)){return true}}return false}function fr(e){if(e.name===""||e.name==null||e.disabled||v(e,"fieldset[disabled]")){return false}if(e.type==="button"||e.type==="submit"||e.tagName==="image"||e.tagName==="reset"||e.tagName==="file"){return false}if(e.type==="checkbox"||e.type==="radio"){return e.checked}return true}function cr(e,t,r){if(e!=null&&t!=null){var n=r[e];if(n===undefined){r[e]=t}else if(Array.isArray(n)){if(Array.isArray(t)){r[e]=n.concat(t)}else{n.push(t)}}else{if(Array.isArray(t)){r[e]=[n].concat(t)}else{r[e]=[n,t]}}}}function hr(t,r,n,e,i){if(e==null||ur(t,e)){return}else{t.push(e)}if(fr(e)){var a=ee(e,"name");var o=e.value;if(e.multiple&&e.tagName==="SELECT"){o=M(e.querySelectorAll("option:checked")).map(function(e){return e.value})}if(e.files){o=M(e.files)}cr(a,o,r);if(i){vr(e,n)}}if(h(e,"form")){var s=e.elements;oe(s,function(e){hr(t,r,n,e,i)})}}function vr(e,t){if(e.willValidate){ce(e,"htmx:validation:validate");if(!e.checkValidity()){t.push({elt:e,message:e.validationMessage,validity:e.validity});ce(e,"htmx:validation:failed",{message:e.validationMessage,validity:e.validity})}}}function dr(e,t){var r=[];var n={};var i={};var a=[];var o=ae(e);if(o.lastButtonClicked&&!se(o.lastButtonClicked)){o.lastButtonClicked=null}var s=h(e,"form")&&e.noValidate!==true||te(e,"hx-validate")==="true";if(o.lastButtonClicked){s=s&&o.lastButtonClicked.formNoValidate!==true}if(t!=="get"){hr(r,i,a,v(e,"form"),s)}hr(r,n,a,e,s);if(o.lastButtonClicked||e.tagName==="BUTTON"||e.tagName==="INPUT"&&ee(e,"type")==="submit"){var l=o.lastButtonClicked||e;var u=ee(l,"name");cr(u,l.value,i)}var f=me(e,"hx-include");oe(f,function(e){hr(r,n,a,e,s);if(!h(e,"form")){oe(e.querySelectorAll(rt),function(e){hr(r,n,a,e,s)})}});n=le(n,i);return{errors:a,values:n}}function gr(e,t,r){if(e!==""){e+="&"}if(String(r)==="[object Object]"){r=JSON.stringify(r)}var n=encodeURIComponent(r);e+=encodeURIComponent(t)+"="+n;return e}function pr(e){var t="";for(var r in e){if(e.hasOwnProperty(r)){var n=e[r];if(Array.isArray(n)){oe(n,function(e){t=gr(t,r,e)})}else{t=gr(t,r,n)}}}return t}function mr(e){var t=new FormData;for(var r in e){if(e.hasOwnProperty(r)){var n=e[r];if(Array.isArray(n)){oe(n,function(e){t.append(r,e)})}else{t.append(r,n)}}}return t}function xr(e,t,r){var n={"HX-Request":"true","HX-Trigger":ee(e,"id"),"HX-Trigger-Name":ee(e,"name"),"HX-Target":te(t,"id"),"HX-Current-URL":re().location.href};Rr(e,"hx-headers",false,n);if(r!==undefined){n["HX-Prompt"]=r}if(ae(e).boosted){n["HX-Boosted"]="true"}return n}function yr(t,e){var r=ne(e,"hx-params");if(r){if(r==="none"){return{}}else if(r==="*"){return t}else if(r.indexOf("not ")===0){oe(r.substr(4).split(","),function(e){e=e.trim();delete t[e]});return t}else{var n={};oe(r.split(","),function(e){e=e.trim();n[e]=t[e]});return n}}else{return t}}function br(e){return ee(e,"href")&&ee(e,"href").indexOf("#")>=0}function wr(e,t){var r=t?t:ne(e,"hx-swap");var n={swapStyle:ae(e).boosted?"innerHTML":Q.config.defaultSwapStyle,swapDelay:Q.config.defaultSwapDelay,settleDelay:Q.config.defaultSettleDelay};if(Q.config.scrollIntoViewOnBoost&&ae(e).boosted&&!br(e)){n["show"]="top"}if(r){var i=D(r);if(i.length>0){for(var a=0;a<i.length;a++){var o=i[a];if(o.indexOf("swap:")===0){n["swapDelay"]=d(o.substr(5))}else if(o.indexOf("settle:")===0){n["settleDelay"]=d(o.substr(7))}else if(o.indexOf("transition:")===0){n["transition"]=o.substr(11)==="true"}else if(o.indexOf("ignoreTitle:")===0){n["ignoreTitle"]=o.substr(12)==="true"}else if(o.indexOf("scroll:")===0){var s=o.substr(7);var l=s.split(":");var u=l.pop();var f=l.length>0?l.join(":"):null;n["scroll"]=u;n["scrollTarget"]=f}else if(o.indexOf("show:")===0){var c=o.substr(5);var l=c.split(":");var h=l.pop();var f=l.length>0?l.join(":"):null;n["show"]=h;n["showTarget"]=f}else if(o.indexOf("focus-scroll:")===0){var v=o.substr("focus-scroll:".length);n["focusScroll"]=v=="true"}else if(a==0){n["swapStyle"]=o}else{b("Unknown modifier in hx-swap: "+o)}}}}return n}function Sr(e){return ne(e,"hx-encoding")==="multipart/form-data"||h(e,"form")&&ee(e,"enctype")==="multipart/form-data"}function Er(t,r,n){var i=null;R(r,function(e){if(i==null){i=e.encodeParameters(t,n,r)}});if(i!=null){return i}else{if(Sr(r)){return mr(n)}else{return pr(n)}}}function T(e){return{tasks:[],elts:[e]}}function Cr(e,t){var r=e[0];var n=e[e.length-1];if(t.scroll){var i=null;if(t.scrollTarget){i=ue(r,t.scrollTarget)}if(t.scroll==="top"&&(r||i)){i=i||r;i.scrollTop=0}if(t.scroll==="bottom"&&(n||i)){i=i||n;i.scrollTop=i.scrollHeight}}if(t.show){var i=null;if(t.showTarget){var a=t.showTarget;if(t.showTarget==="window"){a="body"}i=ue(r,a)}if(t.show==="top"&&(r||i)){i=i||r;i.scrollIntoView({block:"start",behavior:Q.config.scrollBehavior})}if(t.show==="bottom"&&(n||i)){i=i||n;i.scrollIntoView({block:"end",behavior:Q.config.scrollBehavior})}}}function Rr(e,t,r,n){if(n==null){n={}}if(e==null){return n}var i=te(e,t);if(i){var a=i.trim();var o=r;if(a==="unset"){return null}if(a.indexOf("javascript:")===0){a=a.substr(11);o=true}else if(a.indexOf("js:")===0){a=a.substr(3);o=true}if(a.indexOf("{")!==0){a="{"+a+"}"}var s;if(o){s=Tr(e,function(){return Function("return ("+a+")")()},{})}else{s=E(a)}for(var l in s){if(s.hasOwnProperty(l)){if(n[l]==null){n[l]=s[l]}}}}return Rr(u(e),t,r,n)}function Tr(e,t,r){if(Q.config.allowEval){return t()}else{fe(e,"htmx:evalDisallowedError");return r}}function Or(e,t){return Rr(e,"hx-vars",true,t)}function qr(e,t){return Rr(e,"hx-vals",false,t)}function Hr(e){return le(Or(e),qr(e))}function Lr(t,r,n){if(n!==null){try{t.setRequestHeader(r,n)}catch(e){t.setRequestHeader(r,encodeURIComponent(n));t.setRequestHeader(r+"-URI-AutoEncoded","true")}}}function Ar(t){if(t.responseURL&&typeof URL!=="undefined"){try{var e=new URL(t.responseURL);return e.pathname+e.search}catch(e){fe(re().body,"htmx:badResponseUrl",{url:t.responseURL})}}}function O(e,t){return t.test(e.getAllResponseHeaders())}function Nr(e,t,r){e=e.toLowerCase();if(r){if(r instanceof Element||I(r,"String")){return he(e,t,null,null,{targetOverride:p(r),returnPromise:true})}else{return he(e,t,p(r.source),r.event,{handler:r.handler,headers:r.headers,values:r.values,targetOverride:p(r.target),swapOverride:r.swap,select:r.select,returnPromise:true})}}else{return he(e,t,null,null,{returnPromise:true})}}function Ir(e){var t=[];while(e){t.push(e);e=e.parentElement}return t}function kr(e,t,r){var n;var i;if(typeof URL==="function"){i=new URL(t,document.location.href);var a=document.location.origin;n=a===i.origin}else{i=t;n=g(t,document.location.origin)}if(Q.config.selfRequestsOnly){if(!n){return false}}return ce(e,"htmx:validateUrl",le({url:i,sameHost:n},r))}function he(t,r,n,i,a,e){var o=null;var s=null;a=a!=null?a:{};if(a.returnPromise&&typeof Promise!=="undefined"){var l=new Promise(function(e,t){o=e;s=t})}if(n==null){n=re().body}var M=a.handler||Mr;var X=a.select||null;if(!se(n)){ie(o);return l}var u=a.targetOverride||ye(n);if(u==null||u==pe){fe(n,"htmx:targetError",{target:te(n,"hx-target")});ie(s);return l}var f=ae(n);var c=f.lastButtonClicked;if(c){var h=ee(c,"formaction");if(h!=null){r=h}var v=ee(c,"formmethod");if(v!=null){if(v.toLowerCase()!=="dialog"){t=v}}}var d=ne(n,"hx-confirm");if(e===undefined){var D=function(e){return he(t,r,n,i,a,!!e)};var U={target:u,elt:n,path:r,verb:t,triggeringEvent:i,etc:a,issueRequest:D,question:d};if(ce(n,"htmx:confirm",U)===false){ie(o);return l}}var g=n;var p=ne(n,"hx-sync");var m=null;var x=false;if(p){var B=p.split(":");var F=B[0].trim();if(F==="this"){g=xe(n,"hx-sync")}else{g=ue(n,F)}p=(B[1]||"drop").trim();f=ae(g);if(p==="drop"&&f.xhr&&f.abortable!==true){ie(o);return l}else if(p==="abort"){if(f.xhr){ie(o);return l}else{x=true}}else if(p==="replace"){ce(g,"htmx:abort")}else if(p.indexOf("queue")===0){var V=p.split(" ");m=(V[1]||"last").trim()}}if(f.xhr){if(f.abortable){ce(g,"htmx:abort")}else{if(m==null){if(i){var y=ae(i);if(y&&y.triggerSpec&&y.triggerSpec.queue){m=y.triggerSpec.queue}}if(m==null){m="last"}}if(f.queuedRequests==null){f.queuedRequests=[]}if(m==="first"&&f.queuedRequests.length===0){f.queuedRequests.push(function(){he(t,r,n,i,a)})}else if(m==="all"){f.queuedRequests.push(function(){he(t,r,n,i,a)})}else if(m==="last"){f.queuedRequests=[];f.queuedRequests.push(function(){he(t,r,n,i,a)})}ie(o);return l}}var b=new XMLHttpRequest;f.xhr=b;f.abortable=x;var w=function(){f.xhr=null;f.abortable=false;if(f.queuedRequests!=null&&f.queuedRequests.length>0){var e=f.queuedRequests.shift();e()}};var j=ne(n,"hx-prompt");if(j){var S=prompt(j);if(S===null||!ce(n,"htmx:prompt",{prompt:S,target:u})){ie(o);w();return l}}if(d&&!e){if(!confirm(d)){ie(o);w();return l}}var E=xr(n,u,S);if(t!=="get"&&!Sr(n)){E["Content-Type"]="application/x-www-form-urlencoded"}if(a.headers){E=le(E,a.headers)}var _=dr(n,t);var C=_.errors;var R=_.values;if(a.values){R=le(R,a.values)}var z=Hr(n);var $=le(R,z);var T=yr($,n);if(Q.config.getCacheBusterParam&&t==="get"){T["org.htmx.cache-buster"]=ee(u,"id")||"true"}if(r==null||r===""){r=re().location.href}var O=Rr(n,"hx-request");var W=ae(n).boosted;var q=Q.config.methodsThatUseUrlParams.indexOf(t)>=0;var H={boosted:W,useUrlParams:q,parameters:T,unfilteredParameters:$,headers:E,target:u,verb:t,errors:C,withCredentials:a.credentials||O.credentials||Q.config.withCredentials,timeout:a.timeout||O.timeout||Q.config.timeout,path:r,triggeringEvent:i};if(!ce(n,"htmx:configRequest",H)){ie(o);w();return l}r=H.path;t=H.verb;E=H.headers;T=H.parameters;C=H.errors;q=H.useUrlParams;if(C&&C.length>0){ce(n,"htmx:validation:halted",H);ie(o);w();return l}var G=r.split("#");var J=G[0];var L=G[1];var A=r;if(q){A=J;var Z=Object.keys(T).length!==0;if(Z){if(A.indexOf("?")<0){A+="?"}else{A+="&"}A+=pr(T);if(L){A+="#"+L}}}if(!kr(n,A,H)){fe(n,"htmx:invalidPath",H);ie(s);return l}b.open(t.toUpperCase(),A,true);b.overrideMimeType("text/html");b.withCredentials=H.withCredentials;b.timeout=H.timeout;if(O.noHeaders){}else{for(var N in E){if(E.hasOwnProperty(N)){var K=E[N];Lr(b,N,K)}}}var I={xhr:b,target:u,requestConfig:H,etc:a,boosted:W,select:X,pathInfo:{requestPath:r,finalRequestPath:A,anchor:L}};b.onload=function(){try{var e=Ir(n);I.pathInfo.responsePath=Ar(b);M(n,I);lr(k,P);ce(n,"htmx:afterRequest",I);ce(n,"htmx:afterOnLoad",I);if(!se(n)){var t=null;while(e.length>0&&t==null){var r=e.shift();if(se(r)){t=r}}if(t){ce(t,"htmx:afterRequest",I);ce(t,"htmx:afterOnLoad",I)}}ie(o);w()}catch(e){fe(n,"htmx:onLoadError",le({error:e},I));throw e}};b.onerror=function(){lr(k,P);fe(n,"htmx:afterRequest",I);fe(n,"htmx:sendError",I);ie(s);w()};b.onabort=function(){lr(k,P);fe(n,"htmx:afterRequest",I);fe(n,"htmx:sendAbort",I);ie(s);w()};b.ontimeout=function(){lr(k,P);fe(n,"htmx:afterRequest",I);fe(n,"htmx:timeout",I);ie(s);w()};if(!ce(n,"htmx:beforeRequest",I)){ie(o);w();return l}var k=or(n);var P=sr(n);oe(["loadstart","loadend","progress","abort"],function(t){oe([b,b.upload],function(e){e.addEventListener(t,function(e){ce(n,"htmx:xhr:"+t,{lengthComputable:e.lengthComputable,loaded:e.loaded,total:e.total})})})});ce(n,"htmx:beforeSend",I);var Y=q?null:Er(b,n,T);b.send(Y);return l}function Pr(e,t){var r=t.xhr;var n=null;var i=null;if(O(r,/HX-Push:/i)){n=r.getResponseHeader("HX-Push");i="push"}else if(O(r,/HX-Push-Url:/i)){n=r.getResponseHeader("HX-Push-Url");i="push"}else if(O(r,/HX-Replace-Url:/i)){n=r.getResponseHeader("HX-Replace-Url");i="replace"}if(n){if(n==="false"){return{}}else{return{type:i,path:n}}}var a=t.pathInfo.finalRequestPath;var o=t.pathInfo.responsePath;var s=ne(e,"hx-push-url");var l=ne(e,"hx-replace-url");var u=ae(e).boosted;var f=null;var c=null;if(s){f="push";c=s}else if(l){f="replace";c=l}else if(u){f="push";c=o||a}if(c){if(c==="false"){return{}}if(c==="true"){c=o||a}if(t.pathInfo.anchor&&c.indexOf("#")===-1){c=c+"#"+t.pathInfo.anchor}return{type:f,path:c}}else{return{}}}function Mr(l,u){var f=u.xhr;var c=u.target;var e=u.etc;var t=u.requestConfig;var h=u.select;if(!ce(l,"htmx:beforeOnLoad",u))return;if(O(f,/HX-Trigger:/i)){_e(f,"HX-Trigger",l)}if(O(f,/HX-Location:/i)){er();var r=f.getResponseHeader("HX-Location");var v;if(r.indexOf("{")===0){v=E(r);r=v["path"];delete v["path"]}Nr("GET",r,v).then(function(){tr(r)});return}var n=O(f,/HX-Refresh:/i)&&"true"===f.getResponseHeader("HX-Refresh");if(O(f,/HX-Redirect:/i)){location.href=f.getResponseHeader("HX-Redirect");n&&location.reload();return}if(n){location.reload();return}if(O(f,/HX-Retarget:/i)){if(f.getResponseHeader("HX-Retarget")==="this"){u.target=l}else{u.target=ue(l,f.getResponseHeader("HX-Retarget"))}}var d=Pr(l,u);var i=f.status>=200&&f.status<400&&f.status!==204;var g=f.response;var a=f.status>=400;var p=Q.config.ignoreTitle;var o=le({shouldSwap:i,serverResponse:g,isError:a,ignoreTitle:p},u);if(!ce(c,"htmx:beforeSwap",o))return;c=o.target;g=o.serverResponse;a=o.isError;p=o.ignoreTitle;u.target=c;u.failed=a;u.successful=!a;if(o.shouldSwap){if(f.status===286){at(l)}R(l,function(e){g=e.transformResponse(g,f,l)});if(d.type){er()}var s=e.swapOverride;if(O(f,/HX-Reswap:/i)){s=f.getResponseHeader("HX-Reswap")}var v=wr(l,s);if(v.hasOwnProperty("ignoreTitle")){p=v.ignoreTitle}c.classList.add(Q.config.swappingClass);var m=null;var x=null;var y=function(){try{var e=document.activeElement;var t={};try{t={elt:e,start:e?e.selectionStart:null,end:e?e.selectionEnd:null}}catch(e){}var r;if(h){r=h}if(O(f,/HX-Reselect:/i)){r=f.getResponseHeader("HX-Reselect")}if(d.type){ce(re().body,"htmx:beforeHistoryUpdate",le({history:d},u));if(d.type==="push"){tr(d.path);ce(re().body,"htmx:pushedIntoHistory",{path:d.path})}else{rr(d.path);ce(re().body,"htmx:replacedInHistory",{path:d.path})}}var n=T(c);je(v.swapStyle,c,l,g,n,r);if(t.elt&&!se(t.elt)&&ee(t.elt,"id")){var i=document.getElementById(ee(t.elt,"id"));var a={preventScroll:v.focusScroll!==undefined?!v.focusScroll:!Q.config.defaultFocusScroll};if(i){if(t.start&&i.setSelectionRange){try{i.setSelectionRange(t.start,t.end)}catch(e){}}i.focus(a)}}c.classList.remove(Q.config.swappingClass);oe(n.elts,function(e){if(e.classList){e.classList.add(Q.config.settlingClass)}ce(e,"htmx:afterSwap",u)});if(O(f,/HX-Trigger-After-Swap:/i)){var o=l;if(!se(l)){o=re().body}_e(f,"HX-Trigger-After-Swap",o)}var s=function(){oe(n.tasks,function(e){e.call()});oe(n.elts,function(e){if(e.classList){e.classList.remove(Q.config.settlingClass)}ce(e,"htmx:afterSettle",u)});if(u.pathInfo.anchor){var e=re().getElementById(u.pathInfo.anchor);if(e){e.scrollIntoView({block:"start",behavior:"auto"})}}if(n.title&&!p){var t=C("title");if(t){t.innerHTML=n.title}else{window.document.title=n.title}}Cr(n.elts,v);if(O(f,/HX-Trigger-After-Settle:/i)){var r=l;if(!se(l)){r=re().body}_e(f,"HX-Trigger-After-Settle",r)}ie(m)};if(v.settleDelay>0){setTimeout(s,v.settleDelay)}else{s()}}catch(e){fe(l,"htmx:swapError",u);ie(x);throw e}};var b=Q.config.globalViewTransitions;if(v.hasOwnProperty("transition")){b=v.transition}if(b&&ce(l,"htmx:beforeTransition",u)&&typeof Promise!=="undefined"&&document.startViewTransition){var w=new Promise(function(e,t){m=e;x=t});var S=y;y=function(){document.startViewTransition(function(){S();return w})}}if(v.swapDelay>0){setTimeout(y,v.swapDelay)}else{y()}}if(a){fe(l,"htmx:responseError",le({error:"Response Status Error Code "+f.status+" from "+u.pathInfo.requestPath},u))}}var Xr={};function Dr(){return{init:function(e){return null},onEvent:function(e,t){return true},transformResponse:function(e,t,r){return e},isInlineSwap:function(e){return false},handleSwap:function(e,t,r,n){return false},encodeParameters:function(e,t,r){return null}}}function Ur(e,t){if(t.init){t.init(r)}Xr[e]=le(Dr(),t)}function Br(e){delete Xr[e]}function Fr(e,r,n){if(e==undefined){return r}if(r==undefined){r=[]}if(n==undefined){n=[]}var t=te(e,"hx-ext");if(t){oe(t.split(","),function(e){e=e.replace(/ /g,"");if(e.slice(0,7)=="ignore:"){n.push(e.slice(7));return}if(n.indexOf(e)<0){var t=Xr[e];if(t&&r.indexOf(t)<0){r.push(t)}}})}return Fr(u(e),r,n)}var Vr=false;re().addEventListener("DOMContentLoaded",function(){Vr=true});function jr(e){if(Vr||re().readyState==="complete"){e()}else{re().addEventListener("DOMContentLoaded",e)}}function _r(){if(Q.config.includeIndicatorStyles!==false){re().head.insertAdjacentHTML("beforeend","<style>                      ."+Q.config.indicatorClass+"{opacity:0}                      ."+Q.config.requestClass+" ."+Q.config.indicatorClass+"{opacity:1; transition: opacity 200ms ease-in;}                      ."+Q.config.requestClass+"."+Q.config.indicatorClass+"{opacity:1; transition: opacity 200ms ease-in;}                    </style>")}}function zr(){var e=re().querySelector('meta[name="htmx-config"]');if(e){return E(e.content)}else{return null}}function $r(){var e=zr();if(e){Q.config=le(Q.config,e)}}jr(function(){$r();_r();var e=re().body;zt(e);var t=re().querySelectorAll("[hx-trigger='restored'],[data-hx-trigger='restored']");e.addEventListener("htmx:abort",function(e){var t=e.target;var r=ae(t);if(r&&r.xhr){r.xhr.abort()}});const r=window.onpopstate?window.onpopstate.bind(window):null;window.onpopstate=function(e){if(e.state&&e.state.htmx){ar();oe(t,function(e){ce(e,"htmx:restored",{document:re(),triggerEvent:ce})})}else{if(r){r(e)}}};setTimeout(function(){ce(e,"htmx:load",{});e=null},0)});return Q}()});
\ No newline at end of file
diff --git a/app/static/js/vendor/sortable.min.js b/app/static/js/vendor/sortable.min.js
new file mode 100644
index 0000000..95423a6
--- /dev/null
+++ b/app/static/js/vendor/sortable.min.js
@@ -0,0 +1,2 @@
+/*! Sortable 1.15.6 - MIT | git://github.com/SortableJS/Sortable.git */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).Sortable=e()}(this,function(){"use strict";function e(e,t){var n,o=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,n)),o}function I(o){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?e(Object(i),!0).forEach(function(t){var e,n;e=o,t=i[n=t],n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):e(Object(i)).forEach(function(t){Object.defineProperty(o,t,Object.getOwnPropertyDescriptor(i,t))})}return o}function o(t){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a(){return(a=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,o=arguments[e];for(n in o)Object.prototype.hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t}).apply(this,arguments)}function i(t,e){if(null==t)return{};var n,o=function(t,e){if(null==t)return{};for(var n,o={},i=Object.keys(t),r=0;r<i.length;r++)n=i[r],0<=e.indexOf(n)||(o[n]=t[n]);return o}(t,e);if(Object.getOwnPropertySymbols)for(var i=Object.getOwnPropertySymbols(t),r=0;r<i.length;r++)n=i[r],0<=e.indexOf(n)||Object.prototype.propertyIsEnumerable.call(t,n)&&(o[n]=t[n]);return o}function r(t){return function(t){if(Array.isArray(t))return l(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return l(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Map"===(n="Object"===n&&t.constructor?t.constructor.name:n)||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}function t(t){if("undefined"!=typeof window&&window.navigator)return!!navigator.userAgent.match(t)}var y=t(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),w=t(/Edge/i),s=t(/firefox/i),u=t(/safari/i)&&!t(/chrome/i)&&!t(/android/i),c=t(/iP(ad|od|hone)/i),n=t(/chrome/i)&&t(/android/i),d={capture:!1,passive:!1};function h(t,e,n){t.addEventListener(e,n,!y&&d)}function p(t,e,n){t.removeEventListener(e,n,!y&&d)}function f(t,e){if(e&&(">"===e[0]&&(e=e.substring(1)),t))try{if(t.matches)return t.matches(e);if(t.msMatchesSelector)return t.msMatchesSelector(e);if(t.webkitMatchesSelector)return t.webkitMatchesSelector(e)}catch(t){return}}function g(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function P(t,e,n,o){if(t){n=n||document;do{if(null!=e&&(">"!==e[0]||t.parentNode===n)&&f(t,e)||o&&t===n)return t}while(t!==n&&(t=g(t)))}return null}var m,v=/\s+/g;function k(t,e,n){var o;t&&e&&(t.classList?t.classList[n?"add":"remove"](e):(o=(" "+t.className+" ").replace(v," ").replace(" "+e+" "," "),t.className=(o+(n?" "+e:"")).replace(v," ")))}function R(t,e,n){var o=t&&t.style;if(o){if(void 0===n)return document.defaultView&&document.defaultView.getComputedStyle?n=document.defaultView.getComputedStyle(t,""):t.currentStyle&&(n=t.currentStyle),void 0===e?n:n[e];o[e=!(e in o||-1!==e.indexOf("webkit"))?"-webkit-"+e:e]=n+("string"==typeof n?"":"px")}}function b(t,e){var n="";if("string"==typeof t)n=t;else do{var o=R(t,"transform")}while(o&&"none"!==o&&(n=o+" "+n),!e&&(t=t.parentNode));var i=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return i&&new i(n)}function D(t,e,n){if(t){var o=t.getElementsByTagName(e),i=0,r=o.length;if(n)for(;i<r;i++)n(o[i],i);return o}return[]}function O(){var t=document.scrollingElement;return t||document.documentElement}function X(t,e,n,o,i){if(t.getBoundingClientRect||t===window){var r,a,l,s,c,u,d=t!==window&&t.parentNode&&t!==O()?(a=(r=t.getBoundingClientRect()).top,l=r.left,s=r.bottom,c=r.right,u=r.height,r.width):(l=a=0,s=window.innerHeight,c=window.innerWidth,u=window.innerHeight,window.innerWidth);if((e||n)&&t!==window&&(i=i||t.parentNode,!y))do{if(i&&i.getBoundingClientRect&&("none"!==R(i,"transform")||n&&"static"!==R(i,"position"))){var h=i.getBoundingClientRect();a-=h.top+parseInt(R(i,"border-top-width")),l-=h.left+parseInt(R(i,"border-left-width")),s=a+r.height,c=l+r.width;break}}while(i=i.parentNode);return o&&t!==window&&(o=(e=b(i||t))&&e.a,t=e&&e.d,e&&(s=(a/=t)+(u/=t),c=(l/=o)+(d/=o))),{top:a,left:l,bottom:s,right:c,width:d,height:u}}}function Y(t,e,n){for(var o=M(t,!0),i=X(t)[e];o;){var r=X(o)[n];if(!("top"===n||"left"===n?r<=i:i<=r))return o;if(o===O())break;o=M(o,!1)}return!1}function B(t,e,n,o){for(var i=0,r=0,a=t.children;r<a.length;){if("none"!==a[r].style.display&&a[r]!==jt.ghost&&(o||a[r]!==jt.dragged)&&P(a[r],n.draggable,t,!1)){if(i===e)return a[r];i++}r++}return null}function F(t,e){for(var n=t.lastElementChild;n&&(n===jt.ghost||"none"===R(n,"display")||e&&!f(n,e));)n=n.previousElementSibling;return n||null}function j(t,e){var n=0;if(!t||!t.parentNode)return-1;for(;t=t.previousElementSibling;)"TEMPLATE"===t.nodeName.toUpperCase()||t===jt.clone||e&&!f(t,e)||n++;return n}function E(t){var e=0,n=0,o=O();if(t)do{var i=b(t),r=i.a,i=i.d}while(e+=t.scrollLeft*r,n+=t.scrollTop*i,t!==o&&(t=t.parentNode));return[e,n]}function M(t,e){if(!t||!t.getBoundingClientRect)return O();var n=t,o=!1;do{if(n.clientWidth<n.scrollWidth||n.clientHeight<n.scrollHeight){var i=R(n);if(n.clientWidth<n.scrollWidth&&("auto"==i.overflowX||"scroll"==i.overflowX)||n.clientHeight<n.scrollHeight&&("auto"==i.overflowY||"scroll"==i.overflowY)){if(!n.getBoundingClientRect||n===document.body)return O();if(o||e)return n;o=!0}}}while(n=n.parentNode);return O()}function S(t,e){return Math.round(t.top)===Math.round(e.top)&&Math.round(t.left)===Math.round(e.left)&&Math.round(t.height)===Math.round(e.height)&&Math.round(t.width)===Math.round(e.width)}function _(e,n){return function(){var t;m||(1===(t=arguments).length?e.call(this,t[0]):e.apply(this,t),m=setTimeout(function(){m=void 0},n))}}function H(t,e,n){t.scrollLeft+=e,t.scrollTop+=n}function C(t){var e=window.Polymer,n=window.jQuery||window.Zepto;return e&&e.dom?e.dom(t).cloneNode(!0):n?n(t).clone(!0)[0]:t.cloneNode(!0)}function T(t,e){R(t,"position","absolute"),R(t,"top",e.top),R(t,"left",e.left),R(t,"width",e.width),R(t,"height",e.height)}function x(t){R(t,"position",""),R(t,"top",""),R(t,"left",""),R(t,"width",""),R(t,"height","")}function L(n,o,i){var r={};return Array.from(n.children).forEach(function(t){var e;P(t,o.draggable,n,!1)&&!t.animated&&t!==i&&(e=X(t),r.left=Math.min(null!==(t=r.left)&&void 0!==t?t:1/0,e.left),r.top=Math.min(null!==(t=r.top)&&void 0!==t?t:1/0,e.top),r.right=Math.max(null!==(t=r.right)&&void 0!==t?t:-1/0,e.right),r.bottom=Math.max(null!==(t=r.bottom)&&void 0!==t?t:-1/0,e.bottom))}),r.width=r.right-r.left,r.height=r.bottom-r.top,r.x=r.left,r.y=r.top,r}var K="Sortable"+(new Date).getTime();function A(){var e,o=[];return{captureAnimationState:function(){o=[],this.options.animation&&[].slice.call(this.el.children).forEach(function(t){var e,n;"none"!==R(t,"display")&&t!==jt.ghost&&(o.push({target:t,rect:X(t)}),e=I({},o[o.length-1].rect),!t.thisAnimationDuration||(n=b(t,!0))&&(e.top-=n.f,e.left-=n.e),t.fromRect=e)})},addAnimationState:function(t){o.push(t)},removeAnimationState:function(t){o.splice(function(t,e){for(var n in t)if(t.hasOwnProperty(n))for(var o in e)if(e.hasOwnProperty(o)&&e[o]===t[n][o])return Number(n);return-1}(o,{target:t}),1)},animateAll:function(t){var c=this;if(!this.options.animation)return clearTimeout(e),void("function"==typeof t&&t());var u=!1,d=0;o.forEach(function(t){var e=0,n=t.target,o=n.fromRect,i=X(n),r=n.prevFromRect,a=n.prevToRect,l=t.rect,s=b(n,!0);s&&(i.top-=s.f,i.left-=s.e),n.toRect=i,n.thisAnimationDuration&&S(r,i)&&!S(o,i)&&(l.top-i.top)/(l.left-i.left)==(o.top-i.top)/(o.left-i.left)&&(t=l,s=r,r=a,a=c.options,e=Math.sqrt(Math.pow(s.top-t.top,2)+Math.pow(s.left-t.left,2))/Math.sqrt(Math.pow(s.top-r.top,2)+Math.pow(s.left-r.left,2))*a.animation),S(i,o)||(n.prevFromRect=o,n.prevToRect=i,e=e||c.options.animation,c.animate(n,l,i,e)),e&&(u=!0,d=Math.max(d,e),clearTimeout(n.animationResetTimer),n.animationResetTimer=setTimeout(function(){n.animationTime=0,n.prevFromRect=null,n.fromRect=null,n.prevToRect=null,n.thisAnimationDuration=null},e),n.thisAnimationDuration=e)}),clearTimeout(e),u?e=setTimeout(function(){"function"==typeof t&&t()},d):"function"==typeof t&&t(),o=[]},animate:function(t,e,n,o){var i,r;o&&(R(t,"transition",""),R(t,"transform",""),i=(r=b(this.el))&&r.a,r=r&&r.d,i=(e.left-n.left)/(i||1),r=(e.top-n.top)/(r||1),t.animatingX=!!i,t.animatingY=!!r,R(t,"transform","translate3d("+i+"px,"+r+"px,0)"),this.forRepaintDummy=t.offsetWidth,R(t,"transition","transform "+o+"ms"+(this.options.easing?" "+this.options.easing:"")),R(t,"transform","translate3d(0,0,0)"),"number"==typeof t.animated&&clearTimeout(t.animated),t.animated=setTimeout(function(){R(t,"transition",""),R(t,"transform",""),t.animated=!1,t.animatingX=!1,t.animatingY=!1},o))}}}var N=[],W={initializeByDefault:!0},z={mount:function(e){for(var t in W)!W.hasOwnProperty(t)||t in e||(e[t]=W[t]);N.forEach(function(t){if(t.pluginName===e.pluginName)throw"Sortable: Cannot mount plugin ".concat(e.pluginName," more than once")}),N.push(e)},pluginEvent:function(e,n,o){var t=this;this.eventCanceled=!1,o.cancel=function(){t.eventCanceled=!0};var i=e+"Global";N.forEach(function(t){n[t.pluginName]&&(n[t.pluginName][i]&&n[t.pluginName][i](I({sortable:n},o)),n.options[t.pluginName]&&n[t.pluginName][e]&&n[t.pluginName][e](I({sortable:n},o)))})},initializePlugins:function(n,o,i,t){for(var e in N.forEach(function(t){var e=t.pluginName;(n.options[e]||t.initializeByDefault)&&((t=new t(n,o,n.options)).sortable=n,t.options=n.options,n[e]=t,a(i,t.defaults))}),n.options){var r;n.options.hasOwnProperty(e)&&(void 0!==(r=this.modifyOption(n,e,n.options[e]))&&(n.options[e]=r))}},getEventProperties:function(e,n){var o={};return N.forEach(function(t){"function"==typeof t.eventProperties&&a(o,t.eventProperties.call(n[t.pluginName],e))}),o},modifyOption:function(e,n,o){var i;return N.forEach(function(t){e[t.pluginName]&&t.optionListeners&&"function"==typeof t.optionListeners[n]&&(i=t.optionListeners[n].call(e[t.pluginName],o))}),i}};function G(t){var e=t.sortable,n=t.rootEl,o=t.name,i=t.targetEl,r=t.cloneEl,a=t.toEl,l=t.fromEl,s=t.oldIndex,c=t.newIndex,u=t.oldDraggableIndex,d=t.newDraggableIndex,h=t.originalEvent,p=t.putSortable,f=t.extraEventProperties;if(e=e||n&&n[K]){var g,m=e.options,t="on"+o.charAt(0).toUpperCase()+o.substr(1);!window.CustomEvent||y||w?(g=document.createEvent("Event")).initEvent(o,!0,!0):g=new CustomEvent(o,{bubbles:!0,cancelable:!0}),g.to=a||n,g.from=l||n,g.item=i||n,g.clone=r,g.oldIndex=s,g.newIndex=c,g.oldDraggableIndex=u,g.newDraggableIndex=d,g.originalEvent=h,g.pullMode=p?p.lastPutMode:void 0;var v,b=I(I({},f),z.getEventProperties(o,e));for(v in b)g[v]=b[v];n&&n.dispatchEvent(g),m[t]&&m[t].call(e,g)}}function U(t,e){var n=(o=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{}).evt,o=i(o,q);z.pluginEvent.bind(jt)(t,e,I({dragEl:Z,parentEl:$,ghostEl:Q,rootEl:J,nextEl:tt,lastDownEl:et,cloneEl:nt,cloneHidden:ot,dragStarted:mt,putSortable:ct,activeSortable:jt.active,originalEvent:n,oldIndex:it,oldDraggableIndex:at,newIndex:rt,newDraggableIndex:lt,hideGhostForTarget:Xt,unhideGhostForTarget:Yt,cloneNowHidden:function(){ot=!0},cloneNowShown:function(){ot=!1},dispatchSortableEvent:function(t){V({sortable:e,name:t,originalEvent:n})}},o))}var q=["evt"];function V(t){G(I({putSortable:ct,cloneEl:nt,targetEl:Z,rootEl:J,oldIndex:it,oldDraggableIndex:at,newIndex:rt,newDraggableIndex:lt},t))}var Z,$,Q,J,tt,et,nt,ot,it,rt,at,lt,st,ct,ut,dt,ht,pt,ft,gt,mt,vt,bt,yt,wt,Dt=!1,Et=!1,St=[],_t=!1,Ct=!1,Tt=[],xt=!1,Ot=[],Mt="undefined"!=typeof document,At=c,Nt=w||y?"cssFloat":"float",It=Mt&&!n&&!c&&"draggable"in document.createElement("div"),Pt=function(){if(Mt){if(y)return!1;var t=document.createElement("x");return t.style.cssText="pointer-events:auto","auto"===t.style.pointerEvents}}(),kt=function(t,e){var n=R(t),o=parseInt(n.width)-parseInt(n.paddingLeft)-parseInt(n.paddingRight)-parseInt(n.borderLeftWidth)-parseInt(n.borderRightWidth),i=B(t,0,e),r=B(t,1,e),a=i&&R(i),l=r&&R(r),s=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+X(i).width,t=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+X(r).width;if("flex"===n.display)return"column"===n.flexDirection||"column-reverse"===n.flexDirection?"vertical":"horizontal";if("grid"===n.display)return n.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal";if(i&&a.float&&"none"!==a.float){e="left"===a.float?"left":"right";return!r||"both"!==l.clear&&l.clear!==e?"horizontal":"vertical"}return i&&("block"===a.display||"flex"===a.display||"table"===a.display||"grid"===a.display||o<=s&&"none"===n[Nt]||r&&"none"===n[Nt]&&o<s+t)?"vertical":"horizontal"},Rt=function(t){function l(r,a){return function(t,e,n,o){var i=t.options.group.name&&e.options.group.name&&t.options.group.name===e.options.group.name;if(null==r&&(a||i))return!0;if(null==r||!1===r)return!1;if(a&&"clone"===r)return r;if("function"==typeof r)return l(r(t,e,n,o),a)(t,e,n,o);e=(a?t:e).options.group.name;return!0===r||"string"==typeof r&&r===e||r.join&&-1<r.indexOf(e)}}var e={},n=t.group;n&&"object"==o(n)||(n={name:n}),e.name=n.name,e.checkPull=l(n.pull,!0),e.checkPut=l(n.put),e.revertClone=n.revertClone,t.group=e},Xt=function(){!Pt&&Q&&R(Q,"display","none")},Yt=function(){!Pt&&Q&&R(Q,"display","")};Mt&&!n&&document.addEventListener("click",function(t){if(Et)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation(),Et=!1},!0);function Bt(t){if(Z){t=t.touches?t.touches[0]:t;var e=(i=t.clientX,r=t.clientY,St.some(function(t){var e=t[K].options.emptyInsertThreshold;if(e&&!F(t)){var n=X(t),o=i>=n.left-e&&i<=n.right+e,e=r>=n.top-e&&r<=n.bottom+e;return o&&e?a=t:void 0}}),a);if(e){var n,o={};for(n in t)t.hasOwnProperty(n)&&(o[n]=t[n]);o.target=o.rootEl=e,o.preventDefault=void 0,o.stopPropagation=void 0,e[K]._onDragOver(o)}}var i,r,a}function Ft(t){Z&&Z.parentNode[K]._isOutsideThisEl(t.target)}function jt(t,e){if(!t||!t.nodeType||1!==t.nodeType)throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));this.el=t,this.options=e=a({},e),t[K]=this;var n,o,i={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return kt(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(t,e){t.setData("Text",e.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:!1!==jt.supportPointer&&"PointerEvent"in window&&(!u||c),emptyInsertThreshold:5};for(n in z.initializePlugins(this,t,i),i)n in e||(e[n]=i[n]);for(o in Rt(e),this)"_"===o.charAt(0)&&"function"==typeof this[o]&&(this[o]=this[o].bind(this));this.nativeDraggable=!e.forceFallback&&It,this.nativeDraggable&&(this.options.touchStartThreshold=1),e.supportPointer?h(t,"pointerdown",this._onTapStart):(h(t,"mousedown",this._onTapStart),h(t,"touchstart",this._onTapStart)),this.nativeDraggable&&(h(t,"dragover",this),h(t,"dragenter",this)),St.push(this.el),e.store&&e.store.get&&this.sort(e.store.get(this)||[]),a(this,A())}function Ht(t,e,n,o,i,r,a,l){var s,c,u=t[K],d=u.options.onMove;return!window.CustomEvent||y||w?(s=document.createEvent("Event")).initEvent("move",!0,!0):s=new CustomEvent("move",{bubbles:!0,cancelable:!0}),s.to=e,s.from=t,s.dragged=n,s.draggedRect=o,s.related=i||e,s.relatedRect=r||X(e),s.willInsertAfter=l,s.originalEvent=a,t.dispatchEvent(s),c=d?d.call(u,s,a):c}function Lt(t){t.draggable=!1}function Kt(){xt=!1}function Wt(t){return setTimeout(t,0)}function zt(t){return clearTimeout(t)}jt.prototype={constructor:jt,_isOutsideThisEl:function(t){this.el.contains(t)||t===this.el||(vt=null)},_getDirection:function(t,e){return"function"==typeof this.options.direction?this.options.direction.call(this,t,e,Z):this.options.direction},_onTapStart:function(e){if(e.cancelable){var n=this,o=this.el,t=this.options,i=t.preventOnFilter,r=e.type,a=e.touches&&e.touches[0]||e.pointerType&&"touch"===e.pointerType&&e,l=(a||e).target,s=e.target.shadowRoot&&(e.path&&e.path[0]||e.composedPath&&e.composedPath()[0])||l,c=t.filter;if(!function(t){Ot.length=0;var e=t.getElementsByTagName("input"),n=e.length;for(;n--;){var o=e[n];o.checked&&Ot.push(o)}}(o),!Z&&!(/mousedown|pointerdown/.test(r)&&0!==e.button||t.disabled)&&!s.isContentEditable&&(this.nativeDraggable||!u||!l||"SELECT"!==l.tagName.toUpperCase())&&!((l=P(l,t.draggable,o,!1))&&l.animated||et===l)){if(it=j(l),at=j(l,t.draggable),"function"==typeof c){if(c.call(this,e,l,this))return V({sortable:n,rootEl:s,name:"filter",targetEl:l,toEl:o,fromEl:o}),U("filter",n,{evt:e}),void(i&&e.preventDefault())}else if(c=c&&c.split(",").some(function(t){if(t=P(s,t.trim(),o,!1))return V({sortable:n,rootEl:t,name:"filter",targetEl:l,fromEl:o,toEl:o}),U("filter",n,{evt:e}),!0}))return void(i&&e.preventDefault());t.handle&&!P(s,t.handle,o,!1)||this._prepareDragStart(e,a,l)}}},_prepareDragStart:function(t,e,n){var o,i=this,r=i.el,a=i.options,l=r.ownerDocument;n&&!Z&&n.parentNode===r&&(o=X(n),J=r,$=(Z=n).parentNode,tt=Z.nextSibling,et=n,st=a.group,ut={target:jt.dragged=Z,clientX:(e||t).clientX,clientY:(e||t).clientY},ft=ut.clientX-o.left,gt=ut.clientY-o.top,this._lastX=(e||t).clientX,this._lastY=(e||t).clientY,Z.style["will-change"]="all",o=function(){U("delayEnded",i,{evt:t}),jt.eventCanceled?i._onDrop():(i._disableDelayedDragEvents(),!s&&i.nativeDraggable&&(Z.draggable=!0),i._triggerDragStart(t,e),V({sortable:i,name:"choose",originalEvent:t}),k(Z,a.chosenClass,!0))},a.ignore.split(",").forEach(function(t){D(Z,t.trim(),Lt)}),h(l,"dragover",Bt),h(l,"mousemove",Bt),h(l,"touchmove",Bt),a.supportPointer?(h(l,"pointerup",i._onDrop),this.nativeDraggable||h(l,"pointercancel",i._onDrop)):(h(l,"mouseup",i._onDrop),h(l,"touchend",i._onDrop),h(l,"touchcancel",i._onDrop)),s&&this.nativeDraggable&&(this.options.touchStartThreshold=4,Z.draggable=!0),U("delayStart",this,{evt:t}),!a.delay||a.delayOnTouchOnly&&!e||this.nativeDraggable&&(w||y)?o():jt.eventCanceled?this._onDrop():(a.supportPointer?(h(l,"pointerup",i._disableDelayedDrag),h(l,"pointercancel",i._disableDelayedDrag)):(h(l,"mouseup",i._disableDelayedDrag),h(l,"touchend",i._disableDelayedDrag),h(l,"touchcancel",i._disableDelayedDrag)),h(l,"mousemove",i._delayedDragTouchMoveHandler),h(l,"touchmove",i._delayedDragTouchMoveHandler),a.supportPointer&&h(l,"pointermove",i._delayedDragTouchMoveHandler),i._dragStartTimer=setTimeout(o,a.delay)))},_delayedDragTouchMoveHandler:function(t){t=t.touches?t.touches[0]:t;Math.max(Math.abs(t.clientX-this._lastX),Math.abs(t.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){Z&&Lt(Z),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var t=this.el.ownerDocument;p(t,"mouseup",this._disableDelayedDrag),p(t,"touchend",this._disableDelayedDrag),p(t,"touchcancel",this._disableDelayedDrag),p(t,"pointerup",this._disableDelayedDrag),p(t,"pointercancel",this._disableDelayedDrag),p(t,"mousemove",this._delayedDragTouchMoveHandler),p(t,"touchmove",this._delayedDragTouchMoveHandler),p(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,e){e=e||"touch"==t.pointerType&&t,!this.nativeDraggable||e?this.options.supportPointer?h(document,"pointermove",this._onTouchMove):h(document,e?"touchmove":"mousemove",this._onTouchMove):(h(Z,"dragend",this),h(J,"dragstart",this._onDragStart));try{document.selection?Wt(function(){document.selection.empty()}):window.getSelection().removeAllRanges()}catch(t){}},_dragStarted:function(t,e){var n;Dt=!1,J&&Z?(U("dragStarted",this,{evt:e}),this.nativeDraggable&&h(document,"dragover",Ft),n=this.options,t||k(Z,n.dragClass,!1),k(Z,n.ghostClass,!0),jt.active=this,t&&this._appendGhost(),V({sortable:this,name:"start",originalEvent:e})):this._nulling()},_emulateDragOver:function(){if(dt){this._lastX=dt.clientX,this._lastY=dt.clientY,Xt();for(var t=document.elementFromPoint(dt.clientX,dt.clientY),e=t;t&&t.shadowRoot&&(t=t.shadowRoot.elementFromPoint(dt.clientX,dt.clientY))!==e;)e=t;if(Z.parentNode[K]._isOutsideThisEl(t),e)do{if(e[K])if(e[K]._onDragOver({clientX:dt.clientX,clientY:dt.clientY,target:t,rootEl:e})&&!this.options.dragoverBubble)break}while(e=g(t=e));Yt()}},_onTouchMove:function(t){if(ut){var e=this.options,n=e.fallbackTolerance,o=e.fallbackOffset,i=t.touches?t.touches[0]:t,r=Q&&b(Q,!0),a=Q&&r&&r.a,l=Q&&r&&r.d,e=At&&wt&&E(wt),a=(i.clientX-ut.clientX+o.x)/(a||1)+(e?e[0]-Tt[0]:0)/(a||1),l=(i.clientY-ut.clientY+o.y)/(l||1)+(e?e[1]-Tt[1]:0)/(l||1);if(!jt.active&&!Dt){if(n&&Math.max(Math.abs(i.clientX-this._lastX),Math.abs(i.clientY-this._lastY))<n)return;this._onDragStart(t,!0)}Q&&(r?(r.e+=a-(ht||0),r.f+=l-(pt||0)):r={a:1,b:0,c:0,d:1,e:a,f:l},r="matrix(".concat(r.a,",").concat(r.b,",").concat(r.c,",").concat(r.d,",").concat(r.e,",").concat(r.f,")"),R(Q,"webkitTransform",r),R(Q,"mozTransform",r),R(Q,"msTransform",r),R(Q,"transform",r),ht=a,pt=l,dt=i),t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!Q){var t=this.options.fallbackOnBody?document.body:J,e=X(Z,!0,At,!0,t),n=this.options;if(At){for(wt=t;"static"===R(wt,"position")&&"none"===R(wt,"transform")&&wt!==document;)wt=wt.parentNode;wt!==document.body&&wt!==document.documentElement?(wt===document&&(wt=O()),e.top+=wt.scrollTop,e.left+=wt.scrollLeft):wt=O(),Tt=E(wt)}k(Q=Z.cloneNode(!0),n.ghostClass,!1),k(Q,n.fallbackClass,!0),k(Q,n.dragClass,!0),R(Q,"transition",""),R(Q,"transform",""),R(Q,"box-sizing","border-box"),R(Q,"margin",0),R(Q,"top",e.top),R(Q,"left",e.left),R(Q,"width",e.width),R(Q,"height",e.height),R(Q,"opacity","0.8"),R(Q,"position",At?"absolute":"fixed"),R(Q,"zIndex","100000"),R(Q,"pointerEvents","none"),jt.ghost=Q,t.appendChild(Q),R(Q,"transform-origin",ft/parseInt(Q.style.width)*100+"% "+gt/parseInt(Q.style.height)*100+"%")}},_onDragStart:function(t,e){var n=this,o=t.dataTransfer,i=n.options;U("dragStart",this,{evt:t}),jt.eventCanceled?this._onDrop():(U("setupClone",this),jt.eventCanceled||((nt=C(Z)).removeAttribute("id"),nt.draggable=!1,nt.style["will-change"]="",this._hideClone(),k(nt,this.options.chosenClass,!1),jt.clone=nt),n.cloneId=Wt(function(){U("clone",n),jt.eventCanceled||(n.options.removeCloneOnHide||J.insertBefore(nt,Z),n._hideClone(),V({sortable:n,name:"clone"}))}),e||k(Z,i.dragClass,!0),e?(Et=!0,n._loopId=setInterval(n._emulateDragOver,50)):(p(document,"mouseup",n._onDrop),p(document,"touchend",n._onDrop),p(document,"touchcancel",n._onDrop),o&&(o.effectAllowed="move",i.setData&&i.setData.call(n,o,Z)),h(document,"drop",n),R(Z,"transform","translateZ(0)")),Dt=!0,n._dragStartId=Wt(n._dragStarted.bind(n,e,t)),h(document,"selectstart",n),mt=!0,window.getSelection().removeAllRanges(),u&&R(document.body,"user-select","none"))},_onDragOver:function(n){var o,i,r,t,e,a=this.el,l=n.target,s=this.options,c=s.group,u=jt.active,d=st===c,h=s.sort,p=ct||u,f=this,g=!1;if(!xt){if(void 0!==n.preventDefault&&n.cancelable&&n.preventDefault(),l=P(l,s.draggable,a,!0),O("dragOver"),jt.eventCanceled)return g;if(Z.contains(n.target)||l.animated&&l.animatingX&&l.animatingY||f._ignoreWhileAnimating===l)return A(!1);if(Et=!1,u&&!s.disabled&&(d?h||(i=$!==J):ct===this||(this.lastPutMode=st.checkPull(this,u,Z,n))&&c.checkPut(this,u,Z,n))){if(r="vertical"===this._getDirection(n,l),o=X(Z),O("dragOverValid"),jt.eventCanceled)return g;if(i)return $=J,M(),this._hideClone(),O("revert"),jt.eventCanceled||(tt?J.insertBefore(Z,tt):J.appendChild(Z)),A(!0);var m=F(a,s.draggable);if(m&&(S=n,c=r,x=X(F((E=this).el,E.options.draggable)),E=L(E.el,E.options,Q),!(c?S.clientX>E.right+10||S.clientY>x.bottom&&S.clientX>x.left:S.clientY>E.bottom+10||S.clientX>x.right&&S.clientY>x.top)||m.animated)){if(m&&(t=n,e=r,C=X(B((_=this).el,0,_.options,!0)),_=L(_.el,_.options,Q),e?t.clientX<_.left-10||t.clientY<C.top&&t.clientX<C.right:t.clientY<_.top-10||t.clientY<C.bottom&&t.clientX<C.left)){var v=B(a,0,s,!0);if(v===Z)return A(!1);if(D=X(l=v),!1!==Ht(J,a,Z,o,l,D,n,!1))return M(),a.insertBefore(Z,v),$=a,N(),A(!0)}else if(l.parentNode===a){var b,y,w,D=X(l),E=Z.parentNode!==a,S=(S=Z.animated&&Z.toRect||o,x=l.animated&&l.toRect||D,_=(e=r)?S.left:S.top,t=e?S.right:S.bottom,C=e?S.width:S.height,v=e?x.left:x.top,S=e?x.right:x.bottom,x=e?x.width:x.height,!(_===v||t===S||_+C/2===v+x/2)),_=r?"top":"left",C=Y(l,"top","top")||Y(Z,"top","top"),v=C?C.scrollTop:void 0;if(vt!==l&&(y=D[_],_t=!1,Ct=!S&&s.invertSwap||E),0!==(b=function(t,e,n,o,i,r,a,l){var s=o?t.clientY:t.clientX,c=o?n.height:n.width,t=o?n.top:n.left,o=o?n.bottom:n.right,n=!1;if(!a)if(l&&yt<c*i){if(_t=!_t&&(1===bt?t+c*r/2<s:s<o-c*r/2)?!0:_t)n=!0;else if(1===bt?s<t+yt:o-yt<s)return-bt}else if(t+c*(1-i)/2<s&&s<o-c*(1-i)/2)return function(t){return j(Z)<j(t)?1:-1}(e);if((n=n||a)&&(s<t+c*r/2||o-c*r/2<s))return t+c/2<s?1:-1;return 0}(n,l,D,r,S?1:s.swapThreshold,null==s.invertedSwapThreshold?s.swapThreshold:s.invertedSwapThreshold,Ct,vt===l)))for(var T=j(Z);(w=$.children[T-=b])&&("none"===R(w,"display")||w===Q););if(0===b||w===l)return A(!1);bt=b;var x=(vt=l).nextElementSibling,E=!1,S=Ht(J,a,Z,o,l,D,n,E=1===b);if(!1!==S)return 1!==S&&-1!==S||(E=1===S),xt=!0,setTimeout(Kt,30),M(),E&&!x?a.appendChild(Z):l.parentNode.insertBefore(Z,E?x:l),C&&H(C,0,v-C.scrollTop),$=Z.parentNode,void 0===y||Ct||(yt=Math.abs(y-X(l)[_])),N(),A(!0)}}else{if(m===Z)return A(!1);if((l=m&&a===n.target?m:l)&&(D=X(l)),!1!==Ht(J,a,Z,o,l,D,n,!!l))return M(),m&&m.nextSibling?a.insertBefore(Z,m.nextSibling):a.appendChild(Z),$=a,N(),A(!0)}if(a.contains(Z))return A(!1)}return!1}function O(t,e){U(t,f,I({evt:n,isOwner:d,axis:r?"vertical":"horizontal",revert:i,dragRect:o,targetRect:D,canSort:h,fromSortable:p,target:l,completed:A,onMove:function(t,e){return Ht(J,a,Z,o,t,X(t),n,e)},changed:N},e))}function M(){O("dragOverAnimationCapture"),f.captureAnimationState(),f!==p&&p.captureAnimationState()}function A(t){return O("dragOverCompleted",{insertion:t}),t&&(d?u._hideClone():u._showClone(f),f!==p&&(k(Z,(ct||u).options.ghostClass,!1),k(Z,s.ghostClass,!0)),ct!==f&&f!==jt.active?ct=f:f===jt.active&&ct&&(ct=null),p===f&&(f._ignoreWhileAnimating=l),f.animateAll(function(){O("dragOverAnimationComplete"),f._ignoreWhileAnimating=null}),f!==p&&(p.animateAll(),p._ignoreWhileAnimating=null)),(l===Z&&!Z.animated||l===a&&!l.animated)&&(vt=null),s.dragoverBubble||n.rootEl||l===document||(Z.parentNode[K]._isOutsideThisEl(n.target),t||Bt(n)),!s.dragoverBubble&&n.stopPropagation&&n.stopPropagation(),g=!0}function N(){rt=j(Z),lt=j(Z,s.draggable),V({sortable:f,name:"change",toEl:a,newIndex:rt,newDraggableIndex:lt,originalEvent:n})}},_ignoreWhileAnimating:null,_offMoveEvents:function(){p(document,"mousemove",this._onTouchMove),p(document,"touchmove",this._onTouchMove),p(document,"pointermove",this._onTouchMove),p(document,"dragover",Bt),p(document,"mousemove",Bt),p(document,"touchmove",Bt)},_offUpEvents:function(){var t=this.el.ownerDocument;p(t,"mouseup",this._onDrop),p(t,"touchend",this._onDrop),p(t,"pointerup",this._onDrop),p(t,"pointercancel",this._onDrop),p(t,"touchcancel",this._onDrop),p(document,"selectstart",this)},_onDrop:function(t){var e=this.el,n=this.options;rt=j(Z),lt=j(Z,n.draggable),U("drop",this,{evt:t}),$=Z&&Z.parentNode,rt=j(Z),lt=j(Z,n.draggable),jt.eventCanceled||(_t=Ct=Dt=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),zt(this.cloneId),zt(this._dragStartId),this.nativeDraggable&&(p(document,"drop",this),p(e,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),u&&R(document.body,"user-select",""),R(Z,"transform",""),t&&(mt&&(t.cancelable&&t.preventDefault(),n.dropBubble||t.stopPropagation()),Q&&Q.parentNode&&Q.parentNode.removeChild(Q),(J===$||ct&&"clone"!==ct.lastPutMode)&&nt&&nt.parentNode&&nt.parentNode.removeChild(nt),Z&&(this.nativeDraggable&&p(Z,"dragend",this),Lt(Z),Z.style["will-change"]="",mt&&!Dt&&k(Z,(ct||this).options.ghostClass,!1),k(Z,this.options.chosenClass,!1),V({sortable:this,name:"unchoose",toEl:$,newIndex:null,newDraggableIndex:null,originalEvent:t}),J!==$?(0<=rt&&(V({rootEl:$,name:"add",toEl:$,fromEl:J,originalEvent:t}),V({sortable:this,name:"remove",toEl:$,originalEvent:t}),V({rootEl:$,name:"sort",toEl:$,fromEl:J,originalEvent:t}),V({sortable:this,name:"sort",toEl:$,originalEvent:t})),ct&&ct.save()):rt!==it&&0<=rt&&(V({sortable:this,name:"update",toEl:$,originalEvent:t}),V({sortable:this,name:"sort",toEl:$,originalEvent:t})),jt.active&&(null!=rt&&-1!==rt||(rt=it,lt=at),V({sortable:this,name:"end",toEl:$,originalEvent:t}),this.save())))),this._nulling()},_nulling:function(){U("nulling",this),J=Z=$=Q=tt=nt=et=ot=ut=dt=mt=rt=lt=it=at=vt=bt=ct=st=jt.dragged=jt.ghost=jt.clone=jt.active=null,Ot.forEach(function(t){t.checked=!0}),Ot.length=ht=pt=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":Z&&(this._onDragOver(t),function(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move");t.cancelable&&t.preventDefault()}(t));break;case"selectstart":t.preventDefault()}},toArray:function(){for(var t,e=[],n=this.el.children,o=0,i=n.length,r=this.options;o<i;o++)P(t=n[o],r.draggable,this.el,!1)&&e.push(t.getAttribute(r.dataIdAttr)||function(t){var e=t.tagName+t.className+t.src+t.href+t.textContent,n=e.length,o=0;for(;n--;)o+=e.charCodeAt(n);return o.toString(36)}(t));return e},sort:function(t,e){var n={},o=this.el;this.toArray().forEach(function(t,e){e=o.children[e];P(e,this.options.draggable,o,!1)&&(n[t]=e)},this),e&&this.captureAnimationState(),t.forEach(function(t){n[t]&&(o.removeChild(n[t]),o.appendChild(n[t]))}),e&&this.animateAll()},save:function(){var t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,e){return P(t,e||this.options.draggable,this.el,!1)},option:function(t,e){var n=this.options;if(void 0===e)return n[t];var o=z.modifyOption(this,t,e);n[t]=void 0!==o?o:e,"group"===t&&Rt(n)},destroy:function(){U("destroy",this);var t=this.el;t[K]=null,p(t,"mousedown",this._onTapStart),p(t,"touchstart",this._onTapStart),p(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(p(t,"dragover",this),p(t,"dragenter",this)),Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),function(t){t.removeAttribute("draggable")}),this._onDrop(),this._disableDelayedDragEvents(),St.splice(St.indexOf(this.el),1),this.el=t=null},_hideClone:function(){ot||(U("hideClone",this),jt.eventCanceled||(R(nt,"display","none"),this.options.removeCloneOnHide&&nt.parentNode&&nt.parentNode.removeChild(nt),ot=!0))},_showClone:function(t){"clone"===t.lastPutMode?ot&&(U("showClone",this),jt.eventCanceled||(Z.parentNode!=J||this.options.group.revertClone?tt?J.insertBefore(nt,tt):J.appendChild(nt):J.insertBefore(nt,Z),this.options.group.revertClone&&this.animate(Z,nt),R(nt,"display",""),ot=!1)):this._hideClone()}},Mt&&h(document,"touchmove",function(t){(jt.active||Dt)&&t.cancelable&&t.preventDefault()}),jt.utils={on:h,off:p,css:R,find:D,is:function(t,e){return!!P(t,e,t,!1)},extend:function(t,e){if(t&&e)for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t},throttle:_,closest:P,toggleClass:k,clone:C,index:j,nextTick:Wt,cancelNextTick:zt,detectDirection:kt,getChild:B,expando:K},jt.get=function(t){return t[K]},jt.mount=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];(e=e[0].constructor===Array?e[0]:e).forEach(function(t){if(!t.prototype||!t.prototype.constructor)throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t));t.utils&&(jt.utils=I(I({},jt.utils),t.utils)),z.mount(t)})},jt.create=function(t,e){return new jt(t,e)};var Gt,Ut,qt,Vt,Zt,$t,Qt=[],Jt=!(jt.version="1.15.6");function te(){Qt.forEach(function(t){clearInterval(t.pid)}),Qt=[]}function ee(){clearInterval($t)}var ne,oe=_(function(n,t,e,o){if(t.scroll){var i,r=(n.touches?n.touches[0]:n).clientX,a=(n.touches?n.touches[0]:n).clientY,l=t.scrollSensitivity,s=t.scrollSpeed,c=O(),u=!1;Ut!==e&&(Ut=e,te(),Gt=t.scroll,i=t.scrollFn,!0===Gt&&(Gt=M(e,!0)));var d=0,h=Gt;do{var p=h,f=X(p),g=f.top,m=f.bottom,v=f.left,b=f.right,y=f.width,w=f.height,D=void 0,E=void 0,S=p.scrollWidth,_=p.scrollHeight,C=R(p),T=p.scrollLeft,f=p.scrollTop,E=p===c?(D=y<S&&("auto"===C.overflowX||"scroll"===C.overflowX||"visible"===C.overflowX),w<_&&("auto"===C.overflowY||"scroll"===C.overflowY||"visible"===C.overflowY)):(D=y<S&&("auto"===C.overflowX||"scroll"===C.overflowX),w<_&&("auto"===C.overflowY||"scroll"===C.overflowY)),T=D&&(Math.abs(b-r)<=l&&T+y<S)-(Math.abs(v-r)<=l&&!!T),f=E&&(Math.abs(m-a)<=l&&f+w<_)-(Math.abs(g-a)<=l&&!!f);if(!Qt[d])for(var x=0;x<=d;x++)Qt[x]||(Qt[x]={});Qt[d].vx==T&&Qt[d].vy==f&&Qt[d].el===p||(Qt[d].el=p,Qt[d].vx=T,Qt[d].vy=f,clearInterval(Qt[d].pid),0==T&&0==f||(u=!0,Qt[d].pid=setInterval(function(){o&&0===this.layer&&jt.active._onTouchMove(Zt);var t=Qt[this.layer].vy?Qt[this.layer].vy*s:0,e=Qt[this.layer].vx?Qt[this.layer].vx*s:0;"function"==typeof i&&"continue"!==i.call(jt.dragged.parentNode[K],e,t,n,Zt,Qt[this.layer].el)||H(Qt[this.layer].el,e,t)}.bind({layer:d}),24))),d++}while(t.bubbleScroll&&h!==c&&(h=M(h,!1)));Jt=u}},30),n=function(t){var e=t.originalEvent,n=t.putSortable,o=t.dragEl,i=t.activeSortable,r=t.dispatchSortableEvent,a=t.hideGhostForTarget,t=t.unhideGhostForTarget;e&&(i=n||i,a(),e=e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e,e=document.elementFromPoint(e.clientX,e.clientY),t(),i&&!i.el.contains(e)&&(r("spill"),this.onSpill({dragEl:o,putSortable:n})))};function ie(){}function re(){}ie.prototype={startIndex:null,dragStart:function(t){t=t.oldDraggableIndex;this.startIndex=t},onSpill:function(t){var e=t.dragEl,n=t.putSortable;this.sortable.captureAnimationState(),n&&n.captureAnimationState();t=B(this.sortable.el,this.startIndex,this.options);t?this.sortable.el.insertBefore(e,t):this.sortable.el.appendChild(e),this.sortable.animateAll(),n&&n.animateAll()},drop:n},a(ie,{pluginName:"revertOnSpill"}),re.prototype={onSpill:function(t){var e=t.dragEl,t=t.putSortable||this.sortable;t.captureAnimationState(),e.parentNode&&e.parentNode.removeChild(e),t.animateAll()},drop:n},a(re,{pluginName:"removeOnSpill"});var ae,le,se,ce,ue,de=[],he=[],pe=!1,fe=!1,ge=!1;function me(n,o){he.forEach(function(t,e){e=o.children[t.sortableIndex+(n?Number(e):0)];e?o.insertBefore(t,e):o.appendChild(t)})}function ve(){de.forEach(function(t){t!==se&&t.parentNode&&t.parentNode.removeChild(t)})}return jt.mount(new function(){function t(){for(var t in this.defaults={scroll:!0,forceAutoScrollFallback:!1,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:!0},this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this))}return t.prototype={dragStarted:function(t){t=t.originalEvent;this.sortable.nativeDraggable?h(document,"dragover",this._handleAutoScroll):this.options.supportPointer?h(document,"pointermove",this._handleFallbackAutoScroll):t.touches?h(document,"touchmove",this._handleFallbackAutoScroll):h(document,"mousemove",this._handleFallbackAutoScroll)},dragOverCompleted:function(t){t=t.originalEvent;this.options.dragOverBubble||t.rootEl||this._handleAutoScroll(t)},drop:function(){this.sortable.nativeDraggable?p(document,"dragover",this._handleAutoScroll):(p(document,"pointermove",this._handleFallbackAutoScroll),p(document,"touchmove",this._handleFallbackAutoScroll),p(document,"mousemove",this._handleFallbackAutoScroll)),ee(),te(),clearTimeout(m),m=void 0},nulling:function(){Zt=Ut=Gt=Jt=$t=qt=Vt=null,Qt.length=0},_handleFallbackAutoScroll:function(t){this._handleAutoScroll(t,!0)},_handleAutoScroll:function(e,n){var o,i=this,r=(e.touches?e.touches[0]:e).clientX,a=(e.touches?e.touches[0]:e).clientY,t=document.elementFromPoint(r,a);Zt=e,n||this.options.forceAutoScrollFallback||w||y||u?(oe(e,this.options,t,n),o=M(t,!0),!Jt||$t&&r===qt&&a===Vt||($t&&ee(),$t=setInterval(function(){var t=M(document.elementFromPoint(r,a),!0);t!==o&&(o=t,te()),oe(e,i.options,t,n)},10),qt=r,Vt=a)):this.options.bubbleScroll&&M(t,!0)!==O()?oe(e,this.options,M(t,!1),!1):te()}},a(t,{pluginName:"scroll",initializeByDefault:!0})}),jt.mount(re,ie),jt.mount(new function(){function t(){this.defaults={swapClass:"sortable-swap-highlight"}}return t.prototype={dragStart:function(t){t=t.dragEl;ne=t},dragOverValid:function(t){var e=t.completed,n=t.target,o=t.onMove,i=t.activeSortable,r=t.changed,a=t.cancel;i.options.swap&&(t=this.sortable.el,i=this.options,n&&n!==t&&(t=ne,ne=!1!==o(n)?(k(n,i.swapClass,!0),n):null,t&&t!==ne&&k(t,i.swapClass,!1)),r(),e(!0),a())},drop:function(t){var e,n,o=t.activeSortable,i=t.putSortable,r=t.dragEl,a=i||this.sortable,l=this.options;ne&&k(ne,l.swapClass,!1),ne&&(l.swap||i&&i.options.swap)&&r!==ne&&(a.captureAnimationState(),a!==o&&o.captureAnimationState(),n=ne,t=(e=r).parentNode,l=n.parentNode,t&&l&&!t.isEqualNode(n)&&!l.isEqualNode(e)&&(i=j(e),r=j(n),t.isEqualNode(l)&&i<r&&r++,t.insertBefore(n,t.children[i]),l.insertBefore(e,l.children[r])),a.animateAll(),a!==o&&o.animateAll())},nulling:function(){ne=null}},a(t,{pluginName:"swap",eventProperties:function(){return{swapItem:ne}}})}),jt.mount(new function(){function t(o){for(var t in this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this));o.options.avoidImplicitDeselect||(o.options.supportPointer?h(document,"pointerup",this._deselectMultiDrag):(h(document,"mouseup",this._deselectMultiDrag),h(document,"touchend",this._deselectMultiDrag))),h(document,"keydown",this._checkKeyDown),h(document,"keyup",this._checkKeyUp),this.defaults={selectedClass:"sortable-selected",multiDragKey:null,avoidImplicitDeselect:!1,setData:function(t,e){var n="";de.length&&le===o?de.forEach(function(t,e){n+=(e?", ":"")+t.textContent}):n=e.textContent,t.setData("Text",n)}}}return t.prototype={multiDragKeyDown:!1,isMultiDrag:!1,delayStartGlobal:function(t){t=t.dragEl;se=t},delayEnded:function(){this.isMultiDrag=~de.indexOf(se)},setupClone:function(t){var e=t.sortable,t=t.cancel;if(this.isMultiDrag){for(var n=0;n<de.length;n++)he.push(C(de[n])),he[n].sortableIndex=de[n].sortableIndex,he[n].draggable=!1,he[n].style["will-change"]="",k(he[n],this.options.selectedClass,!1),de[n]===se&&k(he[n],this.options.chosenClass,!1);e._hideClone(),t()}},clone:function(t){var e=t.sortable,n=t.rootEl,o=t.dispatchSortableEvent,t=t.cancel;this.isMultiDrag&&(this.options.removeCloneOnHide||de.length&&le===e&&(me(!0,n),o("clone"),t()))},showClone:function(t){var e=t.cloneNowShown,n=t.rootEl,t=t.cancel;this.isMultiDrag&&(me(!1,n),he.forEach(function(t){R(t,"display","")}),e(),ue=!1,t())},hideClone:function(t){var e=this,n=(t.sortable,t.cloneNowHidden),t=t.cancel;this.isMultiDrag&&(he.forEach(function(t){R(t,"display","none"),e.options.removeCloneOnHide&&t.parentNode&&t.parentNode.removeChild(t)}),n(),ue=!0,t())},dragStartGlobal:function(t){t.sortable;!this.isMultiDrag&&le&&le.multiDrag._deselectMultiDrag(),de.forEach(function(t){t.sortableIndex=j(t)}),de=de.sort(function(t,e){return t.sortableIndex-e.sortableIndex}),ge=!0},dragStarted:function(t){var e,n=this,t=t.sortable;this.isMultiDrag&&(this.options.sort&&(t.captureAnimationState(),this.options.animation&&(de.forEach(function(t){t!==se&&R(t,"position","absolute")}),e=X(se,!1,!0,!0),de.forEach(function(t){t!==se&&T(t,e)}),pe=fe=!0)),t.animateAll(function(){pe=fe=!1,n.options.animation&&de.forEach(function(t){x(t)}),n.options.sort&&ve()}))},dragOver:function(t){var e=t.target,n=t.completed,t=t.cancel;fe&&~de.indexOf(e)&&(n(!1),t())},revert:function(t){var n,o,e=t.fromSortable,i=t.rootEl,r=t.sortable,a=t.dragRect;1<de.length&&(de.forEach(function(t){r.addAnimationState({target:t,rect:fe?X(t):a}),x(t),t.fromRect=a,e.removeAnimationState(t)}),fe=!1,n=!this.options.removeCloneOnHide,o=i,de.forEach(function(t,e){e=o.children[t.sortableIndex+(n?Number(e):0)];e?o.insertBefore(t,e):o.appendChild(t)}))},dragOverCompleted:function(t){var e,n=t.sortable,o=t.isOwner,i=t.insertion,r=t.activeSortable,a=t.parentEl,l=t.putSortable,t=this.options;i&&(o&&r._hideClone(),pe=!1,t.animation&&1<de.length&&(fe||!o&&!r.options.sort&&!l)&&(e=X(se,!1,!0,!0),de.forEach(function(t){t!==se&&(T(t,e),a.appendChild(t))}),fe=!0),o||(fe||ve(),1<de.length?(o=ue,r._showClone(n),r.options.animation&&!ue&&o&&he.forEach(function(t){r.addAnimationState({target:t,rect:ce}),t.fromRect=ce,t.thisAnimationDuration=null})):r._showClone(n)))},dragOverAnimationCapture:function(t){var e=t.dragRect,n=t.isOwner,t=t.activeSortable;de.forEach(function(t){t.thisAnimationDuration=null}),t.options.animation&&!n&&t.multiDrag.isMultiDrag&&(ce=a({},e),e=b(se,!0),ce.top-=e.f,ce.left-=e.e)},dragOverAnimationComplete:function(){fe&&(fe=!1,ve())},drop:function(t){var o,i,r,a,n,e,l,s=t.originalEvent,c=t.rootEl,u=t.parentEl,d=t.sortable,h=t.dispatchSortableEvent,p=t.oldIndex,t=t.putSortable,f=t||this.sortable;s&&(o=this.options,i=u.children,ge||(o.multiDragKey&&!this.multiDragKeyDown&&this._deselectMultiDrag(),k(se,o.selectedClass,!~de.indexOf(se)),~de.indexOf(se)?(de.splice(de.indexOf(se),1),ae=null,G({sortable:d,rootEl:c,name:"deselect",targetEl:se,originalEvent:s})):(de.push(se),G({sortable:d,rootEl:c,name:"select",targetEl:se,originalEvent:s}),s.shiftKey&&ae&&d.el.contains(ae)?(r=j(ae),a=j(se),~r&&~a&&r!==a&&function(){for(var e,t=r<a?(e=r,a):(e=a,r+1),n=o.filter;e<t;e++)~de.indexOf(i[e])||P(i[e],o.draggable,u,!1)&&(n&&("function"==typeof n?n.call(d,s,i[e],d):n.split(",").some(function(t){return P(i[e],t.trim(),u,!1)}))||(k(i[e],o.selectedClass,!0),de.push(i[e]),G({sortable:d,rootEl:c,name:"select",targetEl:i[e],originalEvent:s})))}()):ae=se,le=f)),ge&&this.isMultiDrag&&(fe=!1,(u[K].options.sort||u!==c)&&1<de.length&&(n=X(se),e=j(se,":not(."+this.options.selectedClass+")"),!pe&&o.animation&&(se.thisAnimationDuration=null),f.captureAnimationState(),pe||(o.animation&&(se.fromRect=n,de.forEach(function(t){var e;t.thisAnimationDuration=null,t!==se&&(e=fe?X(t):n,t.fromRect=e,f.addAnimationState({target:t,rect:e}))})),ve(),de.forEach(function(t){i[e]?u.insertBefore(t,i[e]):u.appendChild(t),e++}),p===j(se)&&(l=!1,de.forEach(function(t){t.sortableIndex!==j(t)&&(l=!0)}),l&&(h("update"),h("sort")))),de.forEach(function(t){x(t)}),f.animateAll()),le=f),(c===u||t&&"clone"!==t.lastPutMode)&&he.forEach(function(t){t.parentNode&&t.parentNode.removeChild(t)}))},nullingGlobal:function(){this.isMultiDrag=ge=!1,he.length=0},destroyGlobal:function(){this._deselectMultiDrag(),p(document,"pointerup",this._deselectMultiDrag),p(document,"mouseup",this._deselectMultiDrag),p(document,"touchend",this._deselectMultiDrag),p(document,"keydown",this._checkKeyDown),p(document,"keyup",this._checkKeyUp)},_deselectMultiDrag:function(t){if(!(void 0!==ge&&ge||le!==this.sortable||t&&P(t.target,this.options.draggable,this.sortable.el,!1)||t&&0!==t.button))for(;de.length;){var e=de[0];k(e,this.options.selectedClass,!1),de.shift(),G({sortable:this.sortable,rootEl:this.sortable.el,name:"deselect",targetEl:e,originalEvent:t})}},_checkKeyDown:function(t){t.key===this.options.multiDragKey&&(this.multiDragKeyDown=!0)},_checkKeyUp:function(t){t.key===this.options.multiDragKey&&(this.multiDragKeyDown=!1)}},a(t,{pluginName:"multiDrag",utils:{select:function(t){var e=t.parentNode[K];e&&e.options.multiDrag&&!~de.indexOf(t)&&(le&&le!==e&&(le.multiDrag._deselectMultiDrag(),le=e),k(t,e.options.selectedClass,!0),de.push(t))},deselect:function(t){var e=t.parentNode[K],n=de.indexOf(t);e&&e.options.multiDrag&&~n&&(k(t,e.options.selectedClass,!1),de.splice(n,1))}},eventProperties:function(){var n=this,o=[],i=[];return de.forEach(function(t){var e;o.push({multiDragElement:t,index:t.sortableIndex}),e=fe&&t!==se?-1:fe?j(t,":not(."+n.options.selectedClass+")"):j(t),i.push({multiDragElement:t,index:e})}),{items:r(de),clones:[].concat(he),oldIndicies:o,newIndicies:i}},optionListeners:{multiDragKey:function(t){return"ctrl"===(t=t.toLowerCase())?t="Control":1<t.length&&(t=t.charAt(0).toUpperCase()+t.substr(1)),t}}})}),jt});
\ No newline at end of file
diff --git a/app/static/manifest.json b/app/static/manifest.json
new file mode 100644
index 0000000..4804ef8
--- /dev/null
+++ b/app/static/manifest.json
@@ -0,0 +1,17 @@
+{
+  "name": "습관 트래커",
+  "short_name": "습관 트래커",
+  "description": "형성하고 싶은 습관과 끊고 싶은 습관을 요일별로 관리하고 매일 체크하는 개인용 습관 관리 앱",
+  "start_url": "/today",
+  "scope": "/",
+  "display": "standalone",
+  "orientation": "portrait",
+  "background_color": "#f5f4ef",
+  "theme_color": "#d97757",
+  "lang": "ko",
+  "icons": [
+    { "src": "/static/icons/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" },
+    { "src": "/static/icons/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" },
+    { "src": "/static/icons/icon-maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
+  ]
+}
diff --git a/app/static/service-worker.js b/app/static/service-worker.js
new file mode 100644
index 0000000..1da5d7e
--- /dev/null
+++ b/app/static/service-worker.js
@@ -0,0 +1,103 @@
+const CACHE_NAME = "habit-tracker-v3";
+const APP_SHELL = [
+  "/static/css/style.css",
+  "/static/js/app.js",
+  "/static/js/push-register.js",
+  "/static/js/habit-reorder.js",
+  "/static/js/vendor/htmx.min.js",
+  "/static/js/vendor/alpine.min.js",
+  "/static/js/vendor/sortable.min.js",
+  "/static/icons/icon-192.png",
+  "/static/icons/icon-512.png",
+  "/static/manifest.json",
+];
+
+self.addEventListener("install", (event) => {
+  event.waitUntil(
+    caches
+      .open(CACHE_NAME)
+      .then((cache) => cache.addAll(APP_SHELL))
+      .then(() => self.skipWaiting())
+  );
+});
+
+self.addEventListener("activate", (event) => {
+  event.waitUntil(
+    caches
+      .keys()
+      .then((keys) => Promise.all(keys.filter((key) => key !== CACHE_NAME).map((key) => caches.delete(key))))
+      .then(() => self.clients.claim())
+  );
+});
+
+self.addEventListener("fetch", (event) => {
+  const { request } = event;
+  if (request.method !== "GET") return;
+
+  const url = new URL(request.url);
+  if (url.pathname.startsWith("/api/")) return;
+
+  // 페이지 탐색(/today, /habits, /history 등)은 습관 추가·수정 직후 리다이렉트되는 화면이라
+  // 캐시된 옛 내용이 먼저 보이면 "저장한 게 사라졌다"처럼 보인다. 네트워크를 우선 시도하고
+  // 오프라인일 때만 캐시로 폴백한다.
+  if (request.mode === "navigate") {
+    event.respondWith(
+      fetch(request)
+        .then((response) => {
+          if (response.ok) {
+            const clone = response.clone();
+            caches.open(CACHE_NAME).then((cache) => cache.put(request, clone));
+          }
+          return response;
+        })
+        .catch(() => caches.match(request))
+    );
+    return;
+  }
+
+  // 정적 자산은 캐시 우선 응답 후 백그라운드로 갱신(stale-while-revalidate) — 자주 안 바뀌므로 속도 우선.
+  event.respondWith(
+    caches.match(request).then((cached) => {
+      const network = fetch(request)
+        .then((response) => {
+          if (response.ok) {
+            const clone = response.clone();
+            caches.open(CACHE_NAME).then((cache) => cache.put(request, clone));
+          }
+          return response;
+        })
+        .catch(() => cached);
+      return cached || network;
+    })
+  );
+});
+
+self.addEventListener("push", (event) => {
+  if (!event.data) return;
+  const data = event.data.json();
+  event.waitUntil(
+    self.registration.showNotification(data.title || "습관 트래커", {
+      body: data.body || "",
+      icon: "/static/icons/icon-192.png",
+      badge: "/static/icons/icon-192.png",
+      data: { url: data.url || "/today" },
+    })
+  );
+});
+
+self.addEventListener("notificationclick", (event) => {
+  event.notification.close();
+  const targetUrl = (event.notification.data && event.notification.data.url) || "/today";
+  event.waitUntil(
+    self.clients.matchAll({ type: "window", includeUncontrolled: true }).then((clientsList) => {
+      for (const client of clientsList) {
+        if (client.url.includes(targetUrl) && "focus" in client) {
+          return client.focus();
+        }
+      }
+      if (self.clients.openWindow) {
+        return self.clients.openWindow(targetUrl);
+      }
+    })
+  );
+});
diff --git a/app/template_utils.py b/app/template_utils.py
new file mode 100644
index 0000000..f37d71e
--- /dev/null
+++ b/app/template_utils.py
@@ -0,0 +1,25 @@
+from app.models.habit import ALL_WEEKDAYS_MASK
+from app.services.log_service import MILESTONE_STREAKS
+
+_DAY_LABELS = ["월", "화", "수", "목", "금", "토", "일"]
+
+
+def is_milestone_streak(streak: int) -> bool:
+    return streak in MILESTONE_STREAKS
+
+
+def weekday_label(mask: int) -> str:
+    if mask == ALL_WEEKDAYS_MASK:
+        return "매일"
+    days = [label for i, label in enumerate(_DAY_LABELS) if mask & (1 << i)]
+    return ", ".join(days) if days else "선택된 요일 없음"
+
+
+def heatmap_opacity(checked_count: int, scheduled_count: int) -> float:
+    """월별 캘린더 히트맵 셀의 배경 투명도(0~0.9)를 계산한다."""
+    if not scheduled_count:
+        return 0.0
+    ratio = checked_count / scheduled_count
+    if ratio <= 0:
+        return 0.0
+    return round(0.12 + ratio * 0.78, 2)
diff --git a/app/templates/404.html b/app/templates/404.html
new file mode 100644
index 0000000..a667623
--- /dev/null
+++ b/app/templates/404.html
@@ -0,0 +1,11 @@
+{% extends "base.html" %}
+{% block title %}페이지를 찾을 수 없어요 · 습관 트래커{% endblock %}
+{% block content %}
+<div style="min-height: 60vh; display:flex; align-items:center; justify-content:center; text-align:center;">
+  <div>
+    <h1>페이지를 찾을 수 없어요</h1>
+    <p>주소가 잘못되었거나 삭제된 페이지예요.</p>
+    <a href="/today" class="btn btn-primary">오늘 화면으로</a>
+  </div>
+</div>
+{% endblock %}
diff --git a/app/templates/500.html b/app/templates/500.html
new file mode 100644
index 0000000..0801f48
--- /dev/null
+++ b/app/templates/500.html
@@ -0,0 +1,11 @@
+{% extends "base.html" %}
+{% block title %}오류가 발생했어요 · 습관 트래커{% endblock %}
+{% block content %}
+<div style="min-height: 60vh; display:flex; align-items:center; justify-content:center; text-align:center;">
+  <div>
+    <h1>문제가 발생했어요</h1>
+    <p>일시적인 오류일 수 있어요. 잠시 후 다시 시도해주세요.</p>
+    <a href="/today" class="btn btn-primary">오늘 화면으로</a>
+  </div>
+</div>
+{% endblock %}
diff --git a/app/templates/base.html b/app/templates/base.html
new file mode 100644
index 0000000..2e0d1d3
--- /dev/null
+++ b/app/templates/base.html
@@ -0,0 +1,65 @@
+<!doctype html>
+<html lang="ko">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
+  <title>{% block title %}습관 트래커{% endblock %}</title>
+
+  <link rel="manifest" href="/static/manifest.json" />
+  <meta name="theme-color" content="#d97757" />
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="default" />
+  <meta name="apple-mobile-web-app-title" content="습관 트래커" />
+  <link rel="apple-touch-icon" href="/static/icons/icon-192.png" />
+  <link rel="icon" href="/static/icons/icon-192.png" />
+
+  <link rel="stylesheet" href="/static/css/style.css" />
+  <script src="/static/js/vendor/htmx.min.js" defer></script>
+  <script src="/static/js/push-register.js" defer></script>
+  <script src="/static/js/vendor/sortable.min.js" defer></script>
+  <script src="/static/js/habit-reorder.js" defer></script>
+  <script src="/static/js/vendor/alpine.min.js" defer></script>
+  <script src="/static/js/app.js" defer></script>
+</head>
+<body>
+  <div class="app-shell{% block shell_class %}{% endblock %}">
+    {% if logged_in %}
+    <div id="ios-install-banner" class="ios-install-banner">
+      <span>홈 화면에 추가하면 알림도 받을 수 있어요. 공유 버튼 → &lsquo;홈 화면에 추가&rsquo;를 눌러보세요.</span>
+      <button type="button" onclick="dismissIosInstallBanner()" aria-label="닫기">&times;</button>
+    </div>
+    <nav class="top-nav">
+      <span class="brand">습관 트래커</span>
+      <div class="nav-links">
+        <a href="/today" class="{% block nav_today %}{% endblock %}">오늘</a>
+        <a href="/habits" class="{% block nav_habits %}{% endblock %}">습관 관리</a>
+        <a href="/history" class="{% block nav_history %}{% endblock %}">기록</a>
+      </div>
+      {% if current_user %}
+      <div class="nav-user">
+        <span>{{ current_user.name or current_user.email }}</span>
+        <form method="post" action="/auth/logout">
+          <button type="submit" class="btn-link">로그아웃</button>
+        </form>
+      </div>
+      {% endif %}
+    </nav>
+    <nav class="bottom-tab-bar">
+      <a href="/today" class="tab-item {{ self.nav_today() }}">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9" /><path d="M8 12l3 3 5-6" /></svg>
+        <span>오늘</span>
+      </a>
+      <a href="/habits" class="tab-item {{ self.nav_habits() }}">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="6" x2="20" y2="6" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="4" y1="18" x2="20" y2="18" /></svg>
+        <span>습관 관리</span>
+      </a>
+      <a href="/history" class="tab-item {{ self.nav_history() }}">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="16" rx="2" /><line x1="3" y1="10" x2="21" y2="10" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="16" y1="3" x2="16" y2="7" /></svg>
+        <span>기록</span>
+      </a>
+    </nav>
+    {% endif %}
+    {% block content %}{% endblock %}
+  </div>
+</body>
+</html>
diff --git a/app/templates/habits.html b/app/templates/habits.html
new file mode 100644
index 0000000..3394888
--- /dev/null
+++ b/app/templates/habits.html
@@ -0,0 +1,32 @@
+{% extends "base.html" %}
+{% block title %}습관 관리 · 습관 트래커{% endblock %}
+{% block nav_habits %}active{% endblock %}
+{% block content %}
+<h1>습관 관리</h1>
+
+<div class="tabs">
+  <a href="/habits?tab=build" class="{{ 'active' if tab == 'build' }}">만들고 싶은 습관</a>
+  <a href="/habits?tab=quit" class="{{ 'active' if tab == 'quit' }}">멈추고 싶은 습관</a>
+  <a href="/habits?tab=completed" class="{{ 'active' if tab == 'completed' }}">완료된 습관</a>
+</div>
+
+{% if tab in ("build", "quit") %}
+  {% include "partials/habit_form.html" %}
+{% endif %}
+
+<div class="card">
+  {% if habits %}
+    <div id="habit-list">
+    {% for habit in habits %}
+      {% include "partials/habit_item.html" %}
+    {% endfor %}
+    </div>
+  {% else %}
+    <div class="empty-state">
+      {% if tab == "build" %}만들고 싶은 습관이 아직 없어요. 위에서 추가해보세요.
+      {% elif tab == "quit" %}끊고 싶은 습관이 아직 없어요. 위에서 추가해보세요.
+      {% else %}아직 완료된 습관이 없어요.{% endif %}
+    </div>
+  {% endif %}
+</div>
+{% endblock %}
diff --git a/app/templates/history.html b/app/templates/history.html
new file mode 100644
index 0000000..21bfc59
--- /dev/null
+++ b/app/templates/history.html
@@ -0,0 +1,92 @@
+{% extends "base.html" %}
+{% block title %}기록 · 습관 트래커{% endblock %}
+{% block nav_history %}active{% endblock %}
+{% block shell_class %} wide{% endblock %}
+{% block content %}
+<h1>기록</h1>
+
+<div class="tabs">
+  <a href="/history?view=month" class="{{ 'active' if view == 'month' }}">월별</a>
+  <a href="/history?view=week" class="{{ 'active' if view == 'week' }}">주별</a>
+</div>
+
+{% if view == "month" %}
+<div class="card">
+  <div style="display:flex; align-items:center; justify-content:space-between; margin-bottom: var(--space-2);">
+    <a href="/history?view=month&year={{ prev_year }}&month={{ prev_month }}" class="btn btn-secondary">‹</a>
+    <h2 style="margin:0;">{{ year }}년 {{ month }}월</h2>
+    <a href="/history?view=month&year={{ next_year }}&month={{ next_month }}" class="btn btn-secondary">›</a>
+  </div>
+  <div style="text-align:center; margin-bottom: var(--space-2);">
+    <span class="badge">이번 달 완료율 {{ completion_rate }}%</span>
+  </div>
+
+  <div class="calendar-grid calendar-grid-header">
+    {% for wd in ["일", "월", "화", "수", "목", "금", "토"] %}
+    <div class="calendar-weekday">{{ wd }}</div>
+    {% endfor %}
+  </div>
+
+  {% for week in weeks %}
+  <div class="calendar-grid">
+    {% for d in week %}
+    {% set summary = summary_map.get(d) %}
+    <div
+      class="calendar-cell{{ '' if d.month == month else ' muted' }}"
+      style="background: rgba(var(--color-accent-rgb), {{ heatmap_opacity(summary.checked_count, summary.scheduled_count) if summary else 0 }});"
+    >
+      <span class="calendar-date">{{ d.day }}</span>
+      {% if summary and summary.scheduled_count %}
+      <span class="calendar-ratio">{{ summary.checked_count }}/{{ summary.scheduled_count }}</span>
+      {% endif %}
+    </div>
+    {% endfor %}
+  </div>
+  {% endfor %}
+</div>
+
+{% else %}
+<div class="card" style="overflow-x:auto;">
+  <div style="display:flex; align-items:center; justify-content:space-between; margin-bottom: var(--space-2);">
+    <a href="/history?view=week&start={{ prev_week }}" class="btn btn-secondary">‹</a>
+    <h2 style="margin:0;">{{ week_start.strftime("%Y.%m.%d") }} - {{ week_end.strftime("%m.%d") }}</h2>
+    <a href="/history?view=week&start={{ next_week }}" class="btn btn-secondary">›</a>
+  </div>
+
+  {% if rows %}
+  <table class="week-matrix">
+    <thead>
+      <tr>
+        <th>습관</th>
+        {% for wd in ["일", "월", "화", "수", "목", "금", "토"] %}
+        <th>{{ wd }}</th>
+        {% endfor %}
+        <th>완료율</th>
+      </tr>
+    </thead>
+    <tbody>
+      {% for row in rows %}
+      <tr>
+        <td>
+          {{ row.name }}
+          <span class="badge">{{ "형성" if row.habit_type == "build" else "중단" }}</span>
+        </td>
+        {% for iso_date, checked in row.checks.items() %}
+        <td class="week-matrix-cell">
+          {% if checked is none %}<span class="wm-dash">–</span>
+          {% elif checked %}<span class="wm-check">&#10003;</span>
+          {% else %}<span class="wm-empty"></span>
+          {% endif %}
+        </td>
+        {% endfor %}
+        <td class="week-matrix-cell">{{ row.completion_rate }}%</td>
+      </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+  {% else %}
+  <div class="empty-state">진행 중인 습관이 없어요.</div>
+  {% endif %}
+</div>
+{% endif %}
+{% endblock %}
diff --git a/app/templates/login.html b/app/templates/login.html
new file mode 100644
index 0000000..09c41cf
--- /dev/null
+++ b/app/templates/login.html
@@ -0,0 +1,11 @@
+{% extends "base.html" %}
+{% block title %}로그인 · 습관 트래커{% endblock %}
+{% block content %}
+<div style="min-height: 70vh; display: flex; align-items: center; justify-content: center;">
+  <div class="card" style="width: 100%; max-width: 320px;">
+    <h1 style="text-align:center;">습관 트래커</h1>
+    <p style="text-align:center;">구글 계정으로 로그인하세요</p>
+    <a href="/auth/google/login" class="btn btn-primary btn-block">Google로 로그인</a>
+  </div>
+</div>
+{% endblock %}
diff --git a/app/templates/partials/_weekday_alarm_fields.html b/app/templates/partials/_weekday_alarm_fields.html
new file mode 100644
index 0000000..b3739c1
--- /dev/null
+++ b/app/templates/partials/_weekday_alarm_fields.html
@@ -0,0 +1,28 @@
+<div class="field">
+  <label>시행 요일</label>
+  <div class="weekday-picker">
+    <template x-for="(day, idx) in days" :key="idx">
+      <button
+        type="button"
+        class="weekday-pill"
+        :class="{ selected: (mask & (1 << idx)) !== 0 }"
+        @click="if (mask !== (1 << idx)) mask = mask ^ (1 << idx)"
+        x-text="day"
+      ></button>
+    </template>
+    <button
+      type="button"
+      class="everyday-btn"
+      :class="{ selected: mask === 127 }"
+      @click="mask = 127"
+    >매일</button>
+  </div>
+</div>
+
+<div class="field">
+  <label style="display:flex; align-items:center; gap:8px;">
+    <input type="checkbox" x-model="alarmOn" style="width:auto;" />
+    알람 사용
+  </label>
+  <input x-show="alarmOn" x-cloak type="time" name="reminder_time" value="{{ reminder_value|default('') }}" style="margin-top:6px;" />
+</div>
diff --git a/app/templates/partials/habit_form.html b/app/templates/partials/habit_form.html
new file mode 100644
index 0000000..601dbbe
--- /dev/null
+++ b/app/templates/partials/habit_form.html
@@ -0,0 +1,42 @@
+<div
+  class="card"
+  x-data="{
+    open: false,
+    mask: 127,
+    alarmOn: false,
+    days: ['월', '화', '수', '목', '금', '토', '일'],
+  }"
+>
+  <button type="button" class="btn btn-secondary btn-block" @click="open = !open">
+    <span x-show="!open">{{ '+ 멈추고 싶은 습관 추가' if habit_type == 'quit' else '+ 만들고 싶은 습관 추가' }}</span>
+    <span x-show="open" x-cloak>닫기</span>
+  </button>
+
+  <form
+    x-show="open"
+    x-cloak
+    style="margin-top: var(--space-2);"
+    hx-post="/habits/new"
+    hx-target="#habit-form-error-{{ habit_type }}"
+    hx-swap="innerHTML"
+  >
+    <input type="hidden" name="habit_type" value="{{ habit_type }}" />
+    <input type="hidden" name="weekdays_mask" :value="mask" />
+
+    <div class="field">
+      <label for="name-{{ habit_type }}">습관 이름</label>
+      <input type="text" id="name-{{ habit_type }}" name="name" required placeholder="{{ '예: 물 2L 마시기' if habit_type == 'build' else '예: 야식 끊기' }}" />
+    </div>
+
+    <div class="field">
+      <label for="condition-{{ habit_type }}">달성 조건 (선택)</label>
+      <input type="text" id="condition-{{ habit_type }}" name="condition_text" placeholder="{{ '예: 하루 8잔 이상' if habit_type == 'build' else '예: 주 3회 이하로 줄이기' }}" />
+    </div>
+
+    {% include "partials/_weekday_alarm_fields.html" %}
+
+    <div id="habit-form-error-{{ habit_type }}" class="form-error-text"></div>
+
+    <button type="submit" class="btn btn-primary btn-block">추가하기</button>
+  </form>
+</div>
diff --git a/app/templates/partials/habit_item.html b/app/templates/partials/habit_item.html
new file mode 100644
index 0000000..cab23ce
--- /dev/null
+++ b/app/templates/partials/habit_item.html
@@ -0,0 +1,94 @@
+<div
+  data-habit-id="{{ habit.id }}"
+  x-data="{
+    editing: false,
+    mask: {{ habit.weekdays_mask }},
+    alarmOn: {{ 'true' if habit.reminder_time else 'false' }},
+    days: ['월', '화', '수', '목', '금', '토', '일'],
+  }"
+>
+  <div class="habit-item" x-show="!editing">
+    <div class="habit-item-main">
+      <span class="drag-handle" aria-hidden="true">⠿</span>
+      <div>
+        <div class="habit-item-name">{{ habit.name }}</div>
+        {% if habit.condition_text %}<div class="habit-item-condition">{{ habit.condition_text }}</div>{% endif %}
+        <div class="habit-item-meta">
+          {{ weekday_label(habit.weekdays_mask) }}
+          {% if habit.reminder_time %}· 알람 {{ habit.reminder_time.strftime("%H:%M") }}{% endif %}
+        </div>
+        {% set stats = stats_map[habit.id] %}
+        {% if stats.scheduled_days > 0 %}
+        <div class="habit-item-stats">
+          <span class="badge">완료율 {{ stats.completion_rate }}%</span>
+          {% if stats.current_streak > 0 %}
+          <span class="badge{{ ' badge-milestone' if is_milestone_streak(stats.current_streak) }}">
+            {{ '🏆' if is_milestone_streak(stats.current_streak) else '🔥' }} 연속 {{ stats.current_streak }}일
+          </span>
+          {% endif %}
+        </div>
+        {% endif %}
+      </div>
+    </div>
+    <div class="habit-item-actions">
+      <button type="button" class="btn btn-secondary" @click="editing = true">수정</button>
+      {% if habit.status.value == "active" %}
+      <button
+        type="button"
+        class="btn btn-secondary"
+        hx-post="/habits/{{ habit.id }}/complete"
+        hx-target="body"
+        hx-swap="none"
+        hx-confirm="'{{ habit.name }}' 습관을 완료 처리할까요?"
+      >완료 처리</button>
+      {% else %}
+      <button
+        type="button"
+        class="btn btn-secondary"
+        hx-post="/habits/{{ habit.id }}/reactivate"
+        hx-target="body"
+        hx-swap="none"
+      >다시 진행</button>
+      {% endif %}
+      <button
+        type="button"
+        class="btn btn-danger-ghost"
+        hx-delete="/habits/{{ habit.id }}/delete"
+        hx-target="body"
+        hx-swap="none"
+        hx-confirm="'{{ habit.name }}' 습관을 삭제할까요? 기록도 함께 삭제됩니다."
+      >삭제</button>
+    </div>
+  </div>
+
+  <form
+    x-show="editing"
+    x-cloak
+    style="padding: 12px 4px; border-bottom: 1px solid var(--color-border);"
+    hx-post="/habits/{{ habit.id }}/edit"
+    hx-target="#habit-edit-error-{{ habit.id }}"
+    hx-swap="innerHTML"
+  >
+    <input type="hidden" name="weekdays_mask" :value="mask" />
+
+    <div class="field">
+      <label for="edit-name-{{ habit.id }}">습관 이름</label>
+      <input type="text" id="edit-name-{{ habit.id }}" name="name" required value="{{ habit.name }}" />
+    </div>
+
+    <div class="field">
+      <label for="edit-condition-{{ habit.id }}">달성 조건 (선택)</label>
+      <input type="text" id="edit-condition-{{ habit.id }}" name="condition_text" value="{{ habit.condition_text or '' }}" />
+    </div>
+
+    {% set reminder_value = habit.reminder_time.strftime("%H:%M") if habit.reminder_time else "" %}
+    {% include "partials/_weekday_alarm_fields.html" %}
+
+    <div id="habit-edit-error-{{ habit.id }}" class="form-error-text"></div>
+
+    <div style="display:flex; gap:8px;">
+      <button type="submit" class="btn btn-primary" style="flex:1;">저장</button>
+      <button type="button" class="btn btn-secondary" @click="editing = false">취소</button>
+    </div>
+  </form>
+</div>
diff --git a/app/templates/partials/today_content.html b/app/templates/partials/today_content.html
new file mode 100644
index 0000000..0f9c394
--- /dev/null
+++ b/app/templates/partials/today_content.html
@@ -0,0 +1,43 @@
+{% if celebrate_streak %}
+<div class="celebration-banner" x-data="{ show: true }" x-init="setTimeout(() => show = false, 4000)" x-show="show" x-transition>
+  🎉 <strong>{{ celebrate_habit_name }}</strong> {{ celebrate_streak }}일 연속 달성! 축하해요!
+</div>
+{% endif %}
+
+<div
+  class="card"
+  style="display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px;"
+  x-data="{ pushState: 'checking' }"
+  x-init="habitPush.getSubscriptionState().then(s => pushState = s)"
+>
+  <h2 style="margin:0;">오늘</h2>
+  <div style="display:flex; align-items:center; gap:8px;">
+    <span class="badge">{{ checked_count }}/{{ total_count }} 완료</span>
+    <button
+      type="button"
+      class="btn btn-secondary"
+      x-show="pushState === 'unsubscribed'"
+      x-cloak
+      @click="habitPush.subscribePush().then(ok => { if (ok) pushState = 'subscribed'; })"
+    >알림 켜기</button>
+    <span class="badge" x-show="pushState === 'subscribed'" x-cloak>🔔 알림 켜짐</span>
+  </div>
+</div>
+
+<h2>형성 습관</h2>
+<div class="card">
+  {% for item in build_items %}
+    {% include "partials/today_item.html" %}
+  {% else %}
+    <div class="empty-state">오늘 예정된 형성 습관이 없어요.</div>
+  {% endfor %}
+</div>
+
+<h2>중단 습관</h2>
+<div class="card">
+  {% for item in quit_items %}
+    {% include "partials/today_item.html" %}
+  {% else %}
+    <div class="empty-state">오늘 예정된 중단 습관이 없어요.</div>
+  {% endfor %}
+</div>
diff --git a/app/templates/partials/today_item.html b/app/templates/partials/today_item.html
new file mode 100644
index 0000000..7daeb52
--- /dev/null
+++ b/app/templates/partials/today_item.html
@@ -0,0 +1,27 @@
+<div class="habit-item{{ ' today-checked' if item.checked }}">
+  <div class="habit-item-main">
+    <button
+      type="button"
+      class="check-indicator{{ ' checked' if item.checked }}"
+      hx-post="/today/{{ item.habit_id }}/toggle"
+      hx-target="#today-content"
+      hx-swap="innerHTML"
+      aria-label="{{ item.name }} 체크"
+    >{% if item.checked %}&#10003;{% endif %}</button>
+    <div>
+      <div class="habit-item-name">{{ item.name }}</div>
+      {% if item.condition_text %}<div class="habit-item-condition">{{ item.condition_text }}</div>{% endif %}
+      {% if item.reminder_time %}<div class="habit-item-meta">알람 {{ item.reminder_time }}</div>{% endif %}
+      {% if item.scheduled_days > 0 %}
+      <div class="habit-item-stats">
+        <span class="badge">완료율 {{ item.completion_rate }}%</span>
+        {% if item.current_streak > 0 %}
+        <span class="badge{{ ' badge-milestone' if is_milestone_streak(item.current_streak) }}">
+          {{ '🏆' if is_milestone_streak(item.current_streak) else '🔥' }} 연속 {{ item.current_streak }}일
+        </span>
+        {% endif %}
+      </div>
+      {% endif %}
+    </div>
+  </div>
+</div>
diff --git a/app/templates/today.html b/app/templates/today.html
new file mode 100644
index 0000000..656a38c
--- /dev/null
+++ b/app/templates/today.html
@@ -0,0 +1,8 @@
+{% extends "base.html" %}
+{% block title %}오늘 · 습관 트래커{% endblock %}
+{% block nav_today %}active{% endblock %}
+{% block content %}
+<div id="today-content">
+  {% include "partials/today_content.html" %}
+</div>
+{% endblock %}
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..1c843c7
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,11 @@
+services:
+  app:
+    build: .
+    image: habit-tracker:latest
+    restart: unless-stopped
+    ports:
+      - "8000:8000"
+    environment:
+      - TZ=Asia/Seoul
+    env_file:
+      - .env
diff --git a/migrations/env.py b/migrations/env.py
new file mode 100644
index 0000000..1f8d7f0
--- /dev/null
+++ b/migrations/env.py
@@ -0,0 +1,42 @@
+from logging.config import fileConfig
+
+from alembic import context
+from sqlalchemy import create_engine, pool
+
+from app import models  # noqa: F401 (모델을 등록해 metadata에 반영)
+from app.config import settings
+from app.database import Base
+
+config = context.config
+# settings.database_url은 비밀번호에 %가 포함될 수 있어 configparser 보간을 거치지 않고 직접 사용한다.
+DATABASE_URL = settings.database_url
+
+if config.config_file_name is not None:
+    fileConfig(config.config_file_name)
+
+target_metadata = Base.metadata
+
+
+def run_migrations_offline() -> None:
+    context.configure(
+        url=DATABASE_URL,
+        target_metadata=target_metadata,
+        literal_binds=True,
+        dialect_opts={"paramstyle": "named"},
+    )
+    with context.begin_transaction():
+        context.run_migrations()
+
+
+def run_migrations_online() -> None:
+    connectable = create_engine(DATABASE_URL, poolclass=pool.NullPool)
+    with connectable.connect() as connection:
+        context.configure(connection=connection, target_metadata=target_metadata)
+        with context.begin_transaction():
+            context.run_migrations()
+
+
+if context.is_offline_mode():
+    run_migrations_offline()
+else:
+    run_migrations_online()
diff --git a/migrations/script.py.mako b/migrations/script.py.mako
new file mode 100644
index 0000000..17dcba0
--- /dev/null
+++ b/migrations/script.py.mako
@@ -0,0 +1,25 @@
+"""${message}
+
+Revision ID: ${up_revision}
+Revises: ${down_revision | comma,n}
+Create Date: ${create_date}
+
+"""
+from typing import Sequence, Union
+
+from alembic import op
+import sqlalchemy as sa
+${imports if imports else ""}
+
+revision: str = ${repr(up_revision)}
+down_revision: Union[str, None] = ${repr(down_revision)}
+branch_labels: Union[str, Sequence[str], None] = ${repr(branch_labels)}
+depends_on: Union[str, Sequence[str], None] = ${repr(depends_on)}
+
+
+def upgrade() -> None:
+    ${upgrades if upgrades else "pass"}
+
+
+def downgrade() -> None:
+    ${downgrades if downgrades else "pass"}
diff --git a/migrations/versions/0001_initial.py b/migrations/versions/0001_initial.py
new file mode 100644
index 0000000..deddfd5
--- /dev/null
+++ b/migrations/versions/0001_initial.py
@@ -0,0 +1,76 @@
+"""initial schema: habit, habit_log, push_subscription, habit_notification_log
+
+Revision ID: 0001_initial
+Revises:
+Create Date: 2026-07-09
+
+"""
+from typing import Sequence, Union
+
+import sqlalchemy as sa
+from alembic import op
+
+revision: str = "0001_initial"
+down_revision: Union[str, None] = None
+branch_labels: Union[str, Sequence[str], None] = None
+depends_on: Union[str, Sequence[str], None] = None
+
+
+def upgrade() -> None:
+    op.create_table(
+        "habit",
+        sa.Column("id", sa.Integer(), primary_key=True, autoincrement=True),
+        sa.Column("name", sa.String(length=200), nullable=False),
+        sa.Column("habit_type", sa.String(length=20), nullable=False),
+        sa.Column("status", sa.String(length=20), nullable=False, server_default="active"),
+        sa.Column("weekdays_mask", sa.SmallInteger(), nullable=False, server_default="127"),
+        sa.Column("reminder_time", sa.Time(), nullable=True),
+        sa.Column("sort_order", sa.Integer(), nullable=True),
+        sa.Column("created_at", sa.DateTime(), nullable=False, server_default=sa.func.now()),
+        sa.Column("completed_at", sa.DateTime(), nullable=True),
+        sa.CheckConstraint("habit_type in ('build','quit')", name="ck_habit_habit_type"),
+        sa.CheckConstraint("status in ('active','completed')", name="ck_habit_status"),
+        mysql_engine="InnoDB",
+        mysql_charset="utf8mb4",
+    )
+
+    op.create_table(
+        "habit_log",
+        sa.Column("id", sa.Integer(), primary_key=True, autoincrement=True),
+        sa.Column("habit_id", sa.Integer(), sa.ForeignKey("habit.id", ondelete="CASCADE"), nullable=False),
+        sa.Column("log_date", sa.Date(), nullable=False),
+        sa.Column("checked_at", sa.DateTime(), nullable=False, server_default=sa.func.now()),
+        sa.UniqueConstraint("habit_id", "log_date", name="uq_habit_log_habit_date"),
+        mysql_engine="InnoDB",
+        mysql_charset="utf8mb4",
+    )
+
+    op.create_table(
+        "push_subscription",
+        sa.Column("id", sa.Integer(), primary_key=True, autoincrement=True),
+        sa.Column("endpoint", sa.String(length=512), nullable=False, unique=True),
+        sa.Column("p256dh_key", sa.String(length=255), nullable=False),
+        sa.Column("auth_key", sa.String(length=255), nullable=False),
+        sa.Column("user_agent", sa.String(length=255), nullable=True),
+        sa.Column("created_at", sa.DateTime(), nullable=False, server_default=sa.func.now()),
+        mysql_engine="InnoDB",
+        mysql_charset="utf8mb4",
+    )
+
+    op.create_table(
+        "habit_notification_log",
+        sa.Column("id", sa.Integer(), primary_key=True, autoincrement=True),
+        sa.Column("habit_id", sa.Integer(), sa.ForeignKey("habit.id", ondelete="CASCADE"), nullable=False),
+        sa.Column("notify_date", sa.Date(), nullable=False),
+        sa.Column("sent_at", sa.DateTime(), nullable=False, server_default=sa.func.now()),
+        sa.UniqueConstraint("habit_id", "notify_date", name="uq_notification_habit_date"),
+        mysql_engine="InnoDB",
+        mysql_charset="utf8mb4",
+    )
+
+
+def downgrade() -> None:
+    op.drop_table("habit_notification_log")
+    op.drop_table("push_subscription")
+    op.drop_table("habit_log")
+    op.drop_table("habit")
diff --git a/migrations/versions/0002_add_condition_text.py b/migrations/versions/0002_add_condition_text.py
new file mode 100644
index 0000000..e29bc80
--- /dev/null
+++ b/migrations/versions/0002_add_condition_text.py
@@ -0,0 +1,24 @@
+"""add condition_text to habit
+
+Revision ID: 0002_add_condition_text
+Revises: 0001_initial
+Create Date: 2026-07-14
+
+"""
+from typing import Sequence, Union
+
+import sqlalchemy as sa
+from alembic import op
+
+revision: str = "0002_add_condition_text"
+down_revision: Union[str, None] = "0001_initial"
+branch_labels: Union[str, Sequence[str], None] = None
+depends_on: Union[str, Sequence[str], None] = None
+
+
+def upgrade() -> None:
+    op.add_column("habit", sa.Column("condition_text", sa.String(length=300), nullable=True))
+
+
+def downgrade() -> None:
+    op.drop_column("habit", "condition_text")
diff --git a/migrations/versions/0003_add_user_table.py b/migrations/versions/0003_add_user_table.py
new file mode 100644
index 0000000..accc9c0
--- /dev/null
+++ b/migrations/versions/0003_add_user_table.py
@@ -0,0 +1,34 @@
+"""add user table
+
+Revision ID: 0003_add_user_table
+Revises: 0002_add_condition_text
+Create Date: 2026-07-15
+
+"""
+from typing import Sequence, Union
+
+import sqlalchemy as sa
+from alembic import op
+
+revision: str = "0003_add_user_table"
+down_revision: Union[str, None] = "0002_add_condition_text"
+branch_labels: Union[str, Sequence[str], None] = None
+depends_on: Union[str, Sequence[str], None] = None
+
+
+def upgrade() -> None:
+    op.create_table(
+        "user",
+        sa.Column("id", sa.Integer(), primary_key=True, autoincrement=True),
+        sa.Column("google_sub", sa.String(length=255), nullable=False, unique=True),
+        sa.Column("email", sa.String(length=255), nullable=False, unique=True),
+        sa.Column("name", sa.String(length=255), nullable=True),
+        sa.Column("picture_url", sa.String(length=512), nullable=True),
+        sa.Column("created_at", sa.DateTime(), nullable=False, server_default=sa.func.now()),
+        mysql_engine="InnoDB",
+        mysql_charset="utf8mb4",
+    )
+
+
+def downgrade() -> None:
+    op.drop_table("user")
diff --git a/migrations/versions/0004_add_user_id_columns.py b/migrations/versions/0004_add_user_id_columns.py
new file mode 100644
index 0000000..73381a5
--- /dev/null
+++ b/migrations/versions/0004_add_user_id_columns.py
@@ -0,0 +1,41 @@
+"""add user_id to habit and push_subscription
+
+Revision ID: 0004_add_user_id_columns
+Revises: 0003_add_user_table
+Create Date: 2026-07-15
+
+"""
+from typing import Sequence, Union
+
+import sqlalchemy as sa
+from alembic import op
+
+revision: str = "0004_add_user_id_columns"
+down_revision: Union[str, None] = "0003_add_user_table"
+branch_labels: Union[str, Sequence[str], None] = None
+depends_on: Union[str, Sequence[str], None] = None
+
+
+def upgrade() -> None:
+    op.add_column("habit", sa.Column("user_id", sa.Integer(), nullable=True))
+    op.create_foreign_key(
+        "fk_habit_user_id", "habit", "user", ["user_id"], ["id"], ondelete="CASCADE"
+    )
+
+    op.add_column("push_subscription", sa.Column("user_id", sa.Integer(), nullable=True))
+    op.create_foreign_key(
+        "fk_push_subscription_user_id",
+        "push_subscription",
+        "user",
+        ["user_id"],
+        ["id"],
+        ondelete="CASCADE",
+    )
+
+
+def downgrade() -> None:
+    op.drop_constraint("fk_push_subscription_user_id", "push_subscription", type_="foreignkey")
+    op.drop_column("push_subscription", "user_id")
+
+    op.drop_constraint("fk_habit_user_id", "habit", type_="foreignkey")
+    op.drop_column("habit", "user_id")
diff --git a/migrations/versions/0005_add_summary_notification_log.py b/migrations/versions/0005_add_summary_notification_log.py
new file mode 100644
index 0000000..08f9f6f
--- /dev/null
+++ b/migrations/versions/0005_add_summary_notification_log.py
@@ -0,0 +1,34 @@
+"""add summary_notification_log table
+
+Revision ID: 0005_add_summary_notification_log
+Revises: 0004_add_user_id_columns
+Create Date: 2026-07-16
+
+"""
+from typing import Sequence, Union
+
+import sqlalchemy as sa
+from alembic import op
+
+revision: str = "0005_add_summary_notif_log"
+down_revision: Union[str, None] = "0004_add_user_id_columns"
+branch_labels: Union[str, Sequence[str], None] = None
+depends_on: Union[str, Sequence[str], None] = None
+
+
+def upgrade() -> None:
+    op.create_table(
+        "summary_notification_log",
+        sa.Column("id", sa.Integer(), primary_key=True, autoincrement=True),
+        sa.Column("user_id", sa.Integer(), sa.ForeignKey("user.id", ondelete="CASCADE"), nullable=False),
+        sa.Column("period_type", sa.String(length=20), nullable=False),
+        sa.Column("period_start", sa.Date(), nullable=False),
+        sa.Column("sent_at", sa.DateTime(), nullable=False, server_default=sa.func.now()),
+        sa.UniqueConstraint("user_id", "period_type", "period_start", name="uq_summary_user_period"),
+        mysql_engine="InnoDB",
+        mysql_charset="utf8mb4",
+    )
+
+
+def downgrade() -> None:
+    op.drop_table("summary_notification_log")
diff --git a/pyproject.toml b/pyproject.toml
new file mode 100644
index 0000000..06629d6
--- /dev/null
+++ b/pyproject.toml
@@ -0,0 +1,31 @@
+[project]
+name = "habit-tracker"
+version = "0.1.0"
+description = "개인용 습관 관리 PWA"
+requires-python = ">=3.11"
+dependencies = [
+    "fastapi>=0.115",
+    "uvicorn[standard]>=0.32",
+    "sqlalchemy>=2.0",
+    "alembic>=1.13",
+    "pymysql>=1.1",
+    "pydantic-settings>=2.5",
+    "jinja2>=3.1",
+    "python-multipart>=0.0.9",
+    "itsdangerous>=2.2",
+    "bcrypt>=4.0",
+    "apscheduler>=3.10",
+    "pywebpush>=2.0",
+    "py-vapid>=1.9",
+    "authlib>=1.3",
+    "httpx>=0.27",
+]
+
+[project.optional-dependencies]
+dev = [
+    "pytest>=8.0",
+    "pillow>=10.0",  # scripts/generate_icons.py 아이콘 재생성용 (런타임 미사용)
+]
+
+[tool.setuptools.packages.find]
+include = ["app*"]
diff --git a/scripts/claim_orphan_habits.py b/scripts/claim_orphan_habits.py
new file mode 100644
index 0000000..67421cc
--- /dev/null
+++ b/scripts/claim_orphan_habits.py
@@ -0,0 +1,34 @@
+"""PIN 로그인 시절부터 쌓인, 소유자 없는(user_id IS NULL) 습관을 지정한 이메일의 계정으로 연결합니다.
+
+먼저 구글 로그인을 한 번 해서 계정이 생성된 뒤에 실행하세요.
+
+사용법:
+    python scripts/claim_orphan_habits.py <이메일>
+"""
+
+import sys
+
+from sqlalchemy import select, update
+
+from app.database import SessionLocal
+from app.models.habit import Habit
+from app.models.user import User
+
+if __name__ == "__main__":
+    if len(sys.argv) != 2:
+        raise SystemExit("사용법: python scripts/claim_orphan_habits.py <이메일>")
+
+    email = sys.argv[1]
+    db = SessionLocal()
+    try:
+        user = db.scalar(select(User).where(User.email == email))
+        if user is None:
+            raise SystemExit(f"'{email}' 계정을 찾을 수 없습니다. 먼저 구글 로그인을 한 번 해주세요.")
+
+        result = db.execute(
+            update(Habit).where(Habit.user_id.is_(None)).values(user_id=user.id)
+        )
+        db.commit()
+        print(f"{result.rowcount}개의 습관을 '{email}' 계정으로 연결했습니다.")
+    finally:
+        db.close()
diff --git a/scripts/docker-entrypoint.sh b/scripts/docker-entrypoint.sh
new file mode 100644
index 0000000..3c0bca9
--- /dev/null
+++ b/scripts/docker-entrypoint.sh
@@ -0,0 +1,8 @@
+#!/bin/sh
+set -e
+
+# 컨테이너 시작 시마다 마이그레이션을 적용한다. 이미 적용된 리비전은 그냥 건너뛰므로
+# 여러 번 실행해도 안전하다(idempotent).
+alembic upgrade head
+
+exec uvicorn app.main:app --host 0.0.0.0 --port 8000
diff --git a/scripts/generate_icons.py b/scripts/generate_icons.py
new file mode 100644
index 0000000..b72137b
--- /dev/null
+++ b/scripts/generate_icons.py
@@ -0,0 +1,50 @@
+"""PWA 아이콘(icon-192, icon-512, icon-maskable-512)을 생성한다.
+Pillow가 필요하다 (런타임 의존성 아님, 아이콘을 새로 만들 때만 `pip install pillow` 후 1회 실행).
+
+사용법: python scripts/generate_icons.py
+"""
+
+from pathlib import Path
+
+from PIL import Image, ImageDraw
+
+ACCENT = (217, 119, 87, 255)  # --color-accent
+WHITE = (255, 255, 255, 255)
+
+OUT_DIR = Path(__file__).resolve().parent.parent / "app" / "static" / "icons"
+
+# 24x24 viewBox 기준 체크마크 좌표 (elbow 3점)
+CHECK_POINTS = [(4.8, 12.0), (9.0, 16.2), (19.0, 6.4)]
+
+
+def draw_icon(size: int) -> Image.Image:
+    img = Image.new("RGBA", (size, size), ACCENT)
+    draw = ImageDraw.Draw(img)
+
+    check_span = size * 0.58  # 24유닛이 차지할 실제 픽셀 크기
+    scale = check_span / 24
+    offset = (size - check_span) / 2
+
+    points = [(offset + x * scale, offset + y * scale) for x, y in CHECK_POINTS]
+    stroke_width = max(2, round(size * 0.066))
+    draw.line(points, fill=WHITE, width=stroke_width, joint="curve")
+
+    # 선 끝을 둥글게 마무리
+    r = stroke_width / 2
+    for x, y in (points[0], points[-1]):
+        draw.ellipse([x - r, y - r, x + r, y + r], fill=WHITE)
+
+    return img
+
+
+def main() -> None:
+    OUT_DIR.mkdir(parents=True, exist_ok=True)
+    draw_icon(192).save(OUT_DIR / "icon-192.png")
+    draw_icon(512).save(OUT_DIR / "icon-512.png")
+    # 배경이 전체를 채우고 체크마크가 중앙 58%에만 있어 마스커블 세이프존(중앙 80%)을 만족한다.
+    draw_icon(512).save(OUT_DIR / "icon-maskable-512.png")
+    print(f"generated icons in {OUT_DIR}")
+
+
+if __name__ == "__main__":
+    main()
diff --git a/scripts/generate_vapid_keys.py b/scripts/generate_vapid_keys.py
new file mode 100644
index 0000000..2b932e3
--- /dev/null
+++ b/scripts/generate_vapid_keys.py
@@ -0,0 +1,19 @@
+"""Web Push용 VAPID 키쌍을 생성합니다. 출력값을 .env의 VAPID_PUBLIC_KEY/VAPID_PRIVATE_KEY에 붙여넣으세요.
+
+사용법: python scripts/generate_vapid_keys.py
+"""
+
+from cryptography.hazmat.primitives import serialization
+from py_vapid import Vapid02, b64urlencode
+
+if __name__ == "__main__":
+    vapid = Vapid02()
+    vapid.generate_keys()
+
+    private_raw = vapid.private_key.private_numbers().private_value.to_bytes(32, "big")
+    public_raw = vapid.public_key.public_bytes(
+        serialization.Encoding.X962, serialization.PublicFormat.UncompressedPoint
+    )
+
+    print("VAPID_PUBLIC_KEY=" + b64urlencode(public_raw))
+    print("VAPID_PRIVATE_KEY=" + b64urlencode(private_raw))
diff --git a/scripts/run_server.ps1 b/scripts/run_server.ps1
new file mode 100644
index 0000000..2d1d031
--- /dev/null
+++ b/scripts/run_server.ps1
@@ -0,0 +1,23 @@
+# 습관 트래커 서버를 상시 실행하기 위한 스크립트.
+# Windows 작업 스케줄러 등록 시 이 스크립트를 대상으로 지정한다 (--reload 없이, conda activate 없이
+# 대상 conda 환경의 python.exe를 직접 호출해 셸 활성화 없는 예약 작업에서도 안정적으로 동작하게 한다).
+
+$ProjectRoot = Split-Path -Parent $PSScriptRoot
+Set-Location $ProjectRoot
+
+$PythonExe = Join-Path $env:USERPROFILE "anaconda3\envs\py_web\python.exe"
+if (-not (Test-Path $PythonExe)) {
+    Write-Error "conda 환경의 python.exe를 찾을 수 없습니다: $PythonExe (경로를 확인하세요)"
+    exit 1
+}
+
+$LogDir = Join-Path $ProjectRoot "logs"
+if (-not (Test-Path $LogDir)) {
+    New-Item -ItemType Directory -Path $LogDir | Out-Null
+}
+$LogFile = Join-Path $LogDir ("server_{0}.log" -f (Get-Date -Format "yyyyMMdd"))
+
+# 네이티브 프로세스의 stderr(uvicorn의 INFO 로그 포함)를 PowerShell 5.1에서 *>>로 직접 리다이렉션하면
+# 각 줄이 NativeCommandError로 감싸져 $ErrorActionPreference=Stop과 충돌해 즉시 종료되는 문제가 있어
+# ErrorActionPreference를 건드리지 않고 기본값(Continue)으로 둔 채 리다이렉션한다.
+& $PythonExe -m uvicorn app.main:app --host 0.0.0.0 --port 8000 *>> $LogFile
diff --git a/tests/conftest.py b/tests/conftest.py
new file mode 100644
index 0000000..8395411
--- /dev/null
+++ b/tests/conftest.py
@@ -0,0 +1,79 @@
+import pytest
+from fastapi.testclient import TestClient
+from sqlalchemy import create_engine, event
+from sqlalchemy.orm import sessionmaker
+from sqlalchemy.pool import StaticPool
+
+from app.database import Base, get_db
+from app.main import app
+from app.models.user import User
+from app.security import create_session_token
+from app.config import settings
+
+
+@pytest.fixture()
+def engine():
+    eng = create_engine(
+        "sqlite:///:memory:",
+        connect_args={"check_same_thread": False},
+        poolclass=StaticPool,
+    )
+
+    @event.listens_for(eng, "connect")
+    def _enable_fk(dbapi_connection, _):
+        cursor = dbapi_connection.cursor()
+        cursor.execute("PRAGMA foreign_keys=ON")
+        cursor.close()
+
+    Base.metadata.create_all(eng)
+    yield eng
+    Base.metadata.drop_all(eng)
+    eng.dispose()
+
+
+@pytest.fixture()
+def db_session(engine):
+    session_factory = sessionmaker(bind=engine, autoflush=False, autocommit=False)
+    session = session_factory()
+    try:
+        yield session
+    finally:
+        session.close()
+
+
+@pytest.fixture()
+def client(db_session):
+    def _override_get_db():
+        yield db_session
+
+    app.dependency_overrides[get_db] = _override_get_db
+    # TestClient를 컨텍스트 매니저(`with`)로 쓰지 않으므로 lifespan(스케줄러 기동)이 실행되지 않는다 —
+    # 테스트가 실제 운영 MariaDB에 붙는 APScheduler 백그라운드 잡을 우연히 건드리지 않게 하기 위함.
+    test_client = TestClient(app)
+    yield test_client
+    app.dependency_overrides.clear()
+
+
+@pytest.fixture()
+def test_user(db_session):
+    user = User(google_sub="test-sub-1", email="tester@example.com", name="테스터")
+    db_session.add(user)
+    db_session.commit()
+    db_session.refresh(user)
+    return user
+
+
+@pytest.fixture()
+def other_user(db_session):
+    user = User(google_sub="test-sub-2", email="other@example.com", name="다른유저")
+    db_session.add(user)
+    db_session.commit()
+    db_session.refresh(user)
+    return user
+
+
+@pytest.fixture()
+def auth_client(client, test_user):
+    token = create_session_token(test_user.id)
+    client.cookies.set(settings.session_cookie_name, token)
+    return client
diff --git a/tests/test_api_habits.py b/tests/test_api_habits.py
new file mode 100644
index 0000000..23210b1
--- /dev/null
+++ b/tests/test_api_habits.py
@@ -0,0 +1,81 @@
+from app.models.habit import ALL_WEEKDAYS_MASK, HabitType
+from app.schemas.habit import HabitCreate
+from app.services import habit_service
+
+
+def _make_habit(db_session, user_id, name="테스트 습관"):
+    data = HabitCreate(name=name, habit_type=HabitType.BUILD, weekdays_mask=ALL_WEEKDAYS_MASK)
+    return habit_service.create_habit(db_session, user_id, data)
+
+
+def test_list_habits_requires_login(client):
+    response = client.get("/api/habits")
+    assert response.status_code == 401
+
+
+def test_create_and_list_habit(auth_client):
+    response = auth_client.post(
+        "/api/habits", json={"name": "아침 운동", "habit_type": "build", "weekdays_mask": ALL_WEEKDAYS_MASK}
+    )
+    assert response.status_code == 201
+    created = response.json()
+    assert created["name"] == "아침 운동"
+
+    listed = auth_client.get("/api/habits").json()
+    assert [h["name"] for h in listed] == ["아침 운동"]
+
+
+def test_create_habit_rejects_blank_name(auth_client):
+    response = auth_client.post(
+        "/api/habits", json={"name": "   ", "habit_type": "build", "weekdays_mask": ALL_WEEKDAYS_MASK}
+    )
+    assert response.status_code == 422
+
+
+def test_get_other_users_habit_returns_404(auth_client, db_session, other_user):
+    others_habit = _make_habit(db_session, other_user.id, name="남의 습관")
+
+    response = auth_client.get(f"/api/habits/{others_habit.id}")
+    assert response.status_code == 404
+
+
+def test_delete_other_users_habit_returns_404_and_does_not_delete(auth_client, db_session, other_user):
+    others_habit = _make_habit(db_session, other_user.id, name="남의 습관")
+
+    response = auth_client.delete(f"/api/habits/{others_habit.id}")
+    assert response.status_code == 404
+    assert habit_service.get_habit(db_session, others_habit.id, other_user.id) is not None
+
+
+def test_update_own_habit(auth_client, db_session, test_user):
+    habit = _make_habit(db_session, test_user.id, name="원래 이름")
+
+    response = auth_client.put(
+        f"/api/habits/{habit.id}",
+        json={"name": "새 이름", "habit_type": "build", "weekdays_mask": ALL_WEEKDAYS_MASK},
+    )
+    assert response.status_code == 200
+    assert response.json()["name"] == "새 이름"
+
+
+def test_complete_and_reactivate_habit(auth_client, db_session, test_user):
+    habit = _make_habit(db_session, test_user.id)
+
+    complete_res = auth_client.post(f"/api/habits/{habit.id}/complete")
+    assert complete_res.status_code == 200
+    assert complete_res.json()["status"] == "completed"
+
+    reactivate_res = auth_client.post(f"/api/habits/{habit.id}/reactivate")
+    assert reactivate_res.status_code == 200
+    assert reactivate_res.json()["status"] == "active"
+
+
+def test_reorder_endpoint(auth_client, db_session, test_user):
+    a = _make_habit(db_session, test_user.id, name="A")
+    b = _make_habit(db_session, test_user.id, name="B")
+
+    response = auth_client.post("/api/habits/reorder", json={"habit_ids": [b.id, a.id]})
+    assert response.status_code == 200
+
+    listed = auth_client.get("/api/habits").json()
+    assert [h["name"] for h in listed] == ["B", "A"]
diff --git a/tests/test_habit_service.py b/tests/test_habit_service.py
new file mode 100644
index 0000000..989aed4
--- /dev/null
+++ b/tests/test_habit_service.py
@@ -0,0 +1,133 @@
+from datetime import date, time
+
+from app.models.habit import ALL_WEEKDAYS_MASK, Habit, HabitStatus, HabitType
+from app.models.habit_log import HabitLog
+from app.schemas.habit import HabitCreate, HabitUpdate
+from app.services import habit_service
+
+
+def _make_habit(db_session, user_id, name="아침 일찍 일어나기", **overrides):
+    data = HabitCreate(
+        name=name,
+        habit_type=overrides.pop("habit_type", HabitType.BUILD),
+        weekdays_mask=overrides.pop("weekdays_mask", ALL_WEEKDAYS_MASK),
+        condition_text=overrides.pop("condition_text", None),
+        reminder_time=overrides.pop("reminder_time", None),
+    )
+    return habit_service.create_habit(db_session, user_id, data)
+
+
+def test_create_habit_defaults_to_active(db_session, test_user):
+    habit = _make_habit(db_session, test_user.id)
+    assert habit.status == HabitStatus.ACTIVE
+    assert habit.user_id == test_user.id
+    assert habit.id is not None
+
+
+def test_list_habits_scoped_to_user(db_session, test_user, other_user):
+    _make_habit(db_session, test_user.id, name="내 습관")
+    _make_habit(db_session, other_user.id, name="남의 습관")
+
+    mine = habit_service.list_habits(db_session, test_user.id)
+    assert [h.name for h in mine] == ["내 습관"]
+
+
+def test_get_habit_returns_none_for_other_users_habit(db_session, test_user, other_user):
+    other_habit = _make_habit(db_session, other_user.id, name="남의 습관")
+
+    assert habit_service.get_habit(db_session, other_habit.id, test_user.id) is None
+    assert habit_service.get_habit(db_session, other_habit.id, other_user.id) is not None
+
+
+def test_list_habits_filters_by_type_and_status(db_session, test_user):
+    build = _make_habit(db_session, test_user.id, name="빌드", habit_type=HabitType.BUILD)
+    quit_ = _make_habit(db_session, test_user.id, name="퀴트", habit_type=HabitType.QUIT)
+    habit_service.complete_habit(db_session, quit_)
+
+    active_builds = habit_service.list_habits(db_session, test_user.id, habit_type=HabitType.BUILD)
+    assert [h.id for h in active_builds] == [build.id]
+
+    completed = habit_service.list_habits(db_session, test_user.id, status=HabitStatus.COMPLETED)
+    assert [h.id for h in completed] == [quit_.id]
+
+
+def test_update_habit_overwrites_fields(db_session, test_user):
+    habit = _make_habit(db_session, test_user.id, name="원래 이름")
+    updated = habit_service.update_habit(
+        db_session,
+        habit,
+        HabitUpdate(name="바뀐 이름", habit_type=HabitType.BUILD, weekdays_mask=0b0000001, condition_text="  "),
+    )
+    assert updated.name == "바뀐 이름"
+    assert updated.weekdays_mask == 0b0000001
+    assert updated.condition_text is None  # blank_condition_to_none 검증기 통과 확인
+
+
+def test_delete_habit_removes_row_and_cascades_logs(db_session, test_user):
+    habit = _make_habit(db_session, test_user.id)
+    db_session.add(HabitLog(habit_id=habit.id, log_date=date.today()))
+    db_session.commit()
+
+    habit_service.delete_habit(db_session, habit)
+
+    assert db_session.get(Habit, habit.id) is None
+    assert db_session.query(HabitLog).filter_by(habit_id=habit.id).count() == 0
+
+
+def test_complete_and_reactivate_habit(db_session, test_user):
+    habit = _make_habit(db_session, test_user.id)
+
+    completed = habit_service.complete_habit(db_session, habit)
+    assert completed.status == HabitStatus.COMPLETED
+    assert completed.completed_at is not None
+
+    reactivated = habit_service.reactivate_habit(db_session, habit)
+    assert reactivated.status == HabitStatus.ACTIVE
+    assert reactivated.completed_at is None
+
+
+def test_reorder_habits_applies_given_order(db_session, test_user):
+    a = _make_habit(db_session, test_user.id, name="A")
+    b = _make_habit(db_session, test_user.id, name="B")
+    c = _make_habit(db_session, test_user.id, name="C")
+
+    habit_service.reorder_habits(db_session, test_user.id, [c.id, a.id, b.id])
+
+    ordered = habit_service.list_habits(db_session, test_user.id)
+    assert [h.name for h in ordered] == ["C", "A", "B"]
+
+
+def test_reorder_habits_ignores_other_users_ids(db_session, test_user, other_user):
+    mine = _make_habit(db_session, test_user.id, name="내 것")
+    others = _make_habit(db_session, other_user.id, name="남의 것")
+
+    # 남의 habit_id가 섞여 들어와도 그 습관의 sort_order는 바뀌지 않아야 한다 (IDOR 방지).
+    habit_service.reorder_habits(db_session, test_user.id, [others.id, mine.id])
+
+    assert others.sort_order is None
+    assert mine.sort_order is not None
+
+
+def test_list_active_habits_with_reminders_is_not_user_scoped(db_session, test_user, other_user):
+    with_reminder = _make_habit(db_session, test_user.id, name="알림 있음", reminder_time=time(9, 0))
+    _make_habit(db_session, other_user.id, name="알림 없음")
+
+    result = habit_service.list_active_habits_with_reminders(db_session)
+    assert [h.id for h in result] == [with_reminder.id]
+
+
+def test_list_active_user_ids_is_not_user_scoped(db_session, test_user, other_user):
+    _make_habit(db_session, test_user.id)
+    _make_habit(db_session, other_user.id)
+
+    result = habit_service.list_active_user_ids(db_session)
+    assert set(result) == {test_user.id, other_user.id}
+
+
+def test_list_active_user_ids_excludes_completed_only_users(db_session, test_user, other_user):
+    _make_habit(db_session, test_user.id)
+    completed_only = _make_habit(db_session, other_user.id)
+    habit_service.complete_habit(db_session, completed_only)
+
+    result = habit_service.list_active_user_ids(db_session)
+    assert result == [test_user.id]
diff --git a/tests/test_log_service.py b/tests/test_log_service.py
new file mode 100644
index 0000000..ef235ee
--- /dev/null
+++ b/tests/test_log_service.py
@@ -0,0 +1,331 @@
+import calendar
+from datetime import date, datetime, timedelta
+
+from app.models.habit import ALL_WEEKDAYS_MASK, HabitType
+from app.models.habit_log import HabitLog
+from app.schemas.habit import HabitCreate
+from app.schemas.habit_log import MonthlySummaryDay
+from app.schemas.push import PushKeys, PushSubscribeRequest
+from app.services import habit_service, log_service, push_service
+
+
+def _make_habit(db_session, user_id, created_at=None, weekdays_mask=ALL_WEEKDAYS_MASK, **overrides):
+    data = HabitCreate(
+        name=overrides.pop("name", "테스트 습관"),
+        habit_type=overrides.pop("habit_type", HabitType.BUILD),
+        weekdays_mask=weekdays_mask,
+        condition_text=overrides.pop("condition_text", None),
+        reminder_time=overrides.pop("reminder_time", None),
+    )
+    habit = habit_service.create_habit(db_session, user_id, data)
+    if created_at is not None:
+        habit.created_at = created_at
+        db_session.commit()
+        db_session.refresh(habit)
+    return habit
+
+
+def _check(db_session, habit_id, log_date):
+    db_session.add(HabitLog(habit_id=habit_id, log_date=log_date))
+    db_session.commit()
+
+
+# ---- toggle_check ----
+
+
+def test_toggle_check_sets_and_unsets(db_session, test_user):
+    habit = _make_habit(db_session, test_user.id)
+    today = date.today()
+
+    assert log_service.toggle_check(db_session, habit.id, today) is True
+    assert db_session.query(HabitLog).filter_by(habit_id=habit.id, log_date=today).count() == 1
+
+    assert log_service.toggle_check(db_session, habit.id, today) is False
+    assert db_session.query(HabitLog).filter_by(habit_id=habit.id, log_date=today).count() == 0
+
+
+# ---- toggle_check_and_celebrate ----
+
+
+def test_toggle_check_and_celebrate_returns_milestone_on_streak_hit(db_session, test_user):
+    today = date.today()
+    created_at = datetime.combine(today - timedelta(days=6), datetime.min.time())
+    habit = _make_habit(db_session, test_user.id, created_at=created_at)
+    for offset in range(6, 0, -1):  # 6일 전부터 어제까지 6일 연속 체크, 오늘 체크하면 7일째
+        _check(db_session, habit.id, today - timedelta(days=offset))
+
+    checked, milestone = log_service.toggle_check_and_celebrate(db_session, habit, today)
+    assert checked is True
+    assert milestone == 7
+
+
+def test_toggle_check_and_celebrate_returns_none_when_not_milestone(db_session, test_user):
+    habit = _make_habit(db_session, test_user.id)
+    checked, milestone = log_service.toggle_check_and_celebrate(db_session, habit, date.today())
+    assert checked is True
+    assert milestone is None
+
+
+def test_toggle_check_and_celebrate_returns_none_on_uncheck(db_session, test_user):
+    today = date.today()
+    created_at = datetime.combine(today - timedelta(days=6), datetime.min.time())
+    habit = _make_habit(db_session, test_user.id, created_at=created_at)
+    for offset in range(6, -1, -1):  # 오늘까지 포함해 7일 연속 체크된 상태
+        _check(db_session, habit.id, today - timedelta(days=offset))
+
+    # 이미 체크된 오늘을 다시 토글하면 해제되어야 하고, 마일스톤 여부와 무관하게 None이어야 한다.
+    checked, milestone = log_service.toggle_check_and_celebrate(db_session, habit, today)
+    assert checked is False
+    assert milestone is None
+
+
+def test_toggle_check_and_celebrate_sends_push_on_milestone(db_session, test_user, monkeypatch):
+    sent = []
+    monkeypatch.setattr(push_service, "webpush", lambda **kwargs: sent.append(kwargs))
+    push_service.save_subscription(
+        db_session,
+        test_user.id,
+        PushSubscribeRequest(endpoint="https://push.example.com/x", keys=PushKeys(p256dh="p", auth="a")),
+    )
+
+    today = date.today()
+    created_at = datetime.combine(today - timedelta(days=6), datetime.min.time())
+    habit = _make_habit(db_session, test_user.id, created_at=created_at)
+    for offset in range(6, 0, -1):
+        _check(db_session, habit.id, today - timedelta(days=offset))
+
+    log_service.toggle_check_and_celebrate(db_session, habit, today)
+    assert len(sent) == 1
+
+
+# ---- get_today_items ----
+
+
+def test_get_today_items_splits_by_type_and_checked_state(db_session, test_user):
+    today = date.today()
+    build = _make_habit(db_session, test_user.id, name="빌드", habit_type=HabitType.BUILD)
+    quit_ = _make_habit(db_session, test_user.id, name="퀴트", habit_type=HabitType.QUIT)
+    _check(db_session, build.id, today)
+
+    build_items, quit_items = log_service.get_today_items(db_session, test_user.id, today)
+
+    assert len(build_items) == 1 and build_items[0].checked is True
+    assert len(quit_items) == 1 and quit_items[0].checked is False
+
+
+def test_get_today_items_excludes_habits_not_scheduled_today(db_session, test_user):
+    today = date.today()
+    other_day_mask = 1 << ((today.weekday() + 1) % 7)  # 오늘이 아닌 요일 하나만 선택
+    _make_habit(db_session, test_user.id, weekdays_mask=other_day_mask)
+
+    build_items, quit_items = log_service.get_today_items(db_session, test_user.id, today)
+    assert build_items == []
+    assert quit_items == []
+
+
+# ---- get_habit_stats: completion_rate ----
+
+
+def test_get_habit_stats_completion_rate(db_session, test_user):
+    today = date.today()
+    created_at = datetime.combine(today - timedelta(days=4), datetime.min.time())
+    habit = _make_habit(db_session, test_user.id, created_at=created_at)
+
+    # 5일(day-4..day0) 중 4일만 체크 (day-2만 스킵)
+    for offset in (4, 3, 1, 0):
+        _check(db_session, habit.id, today - timedelta(days=offset))
+
+    stats = log_service.get_habit_stats(db_session, habit)
+    assert stats.scheduled_days == 5
+    assert stats.checked_days == 4
+    assert stats.completion_rate == 80.0
+
+
+# ---- get_habit_stats: current_streak ----
+
+
+def test_streak_today_unchecked_does_not_break_it(db_session, test_user):
+    today = date.today()
+    created_at = datetime.combine(today - timedelta(days=3), datetime.min.time())
+    habit = _make_habit(db_session, test_user.id, created_at=created_at)
+
+    for offset in (3, 2, 1):  # 오늘(offset=0)은 의도적으로 체크 안 함
+        _check(db_session, habit.id, today - timedelta(days=offset))
+
+    stats = log_service.get_habit_stats(db_session, habit)
+    assert stats.current_streak == 3
+
+
+def test_streak_breaks_on_past_miss(db_session, test_user):
+    today = date.today()
+    created_at = datetime.combine(today - timedelta(days=3), datetime.min.time())
+    habit = _make_habit(db_session, test_user.id, created_at=created_at)
+
+    _check(db_session, habit.id, today - timedelta(days=3))
+    # day-2, day-1, 오늘 모두 미체크 -> day-1(과거)에서 스트릭이 끊긴다
+
+    stats = log_service.get_habit_stats(db_session, habit)
+    assert stats.current_streak == 0
+
+
+def test_streak_extends_through_today_when_checked(db_session, test_user):
+    today = date.today()
+    created_at = datetime.combine(today - timedelta(days=2), datetime.min.time())
+    habit = _make_habit(db_session, test_user.id, created_at=created_at)
+
+    for offset in (2, 1, 0):
+        _check(db_session, habit.id, today - timedelta(days=offset))
+
+    stats = log_service.get_habit_stats(db_session, habit)
+    assert stats.current_streak == 3
+
+
+# ---- get_monthly_summary ----
+
+
+def test_get_monthly_summary_excludes_days_before_habit_created(db_session, test_user):
+    habit = _make_habit(db_session, test_user.id, created_at=datetime(2026, 3, 10))
+
+    summaries = log_service.get_monthly_summary(db_session, test_user.id, 2026, 3)
+    by_date = {s.log_date: s for s in summaries}
+
+    assert by_date[date(2026, 3, 5)].scheduled_count == 0  # 생성일 이전
+    assert by_date[date(2026, 3, 10)].scheduled_count == 1  # 생성일 당일부터 포함
+    assert by_date[date(2026, 3, 20)].scheduled_count == 1
+
+
+def test_get_monthly_summary_respects_weekdays_mask(db_session, test_user):
+    monday_only_mask = 0b0000001  # bit0 = 월요일
+    habit = _make_habit(db_session, test_user.id, created_at=datetime(2026, 3, 1), weekdays_mask=monday_only_mask)
+
+    summaries = log_service.get_monthly_summary(db_session, test_user.id, 2026, 3)
+
+    days_in_month = calendar.monthrange(2026, 3)[1]
+    expected_mondays = {
+        date(2026, 3, d) for d in range(1, days_in_month + 1) if date(2026, 3, d).weekday() == 0
+    }
+    scheduled_dates = {s.log_date for s in summaries if s.scheduled_count == 1}
+    assert scheduled_dates == expected_mondays
+
+
+def test_get_monthly_summary_counts_checked_habits(db_session, test_user):
+    habit = _make_habit(db_session, test_user.id, created_at=datetime(2026, 3, 1))
+    _check(db_session, habit.id, date(2026, 3, 5))
+
+    summaries = log_service.get_monthly_summary(db_session, test_user.id, 2026, 3)
+    by_date = {s.log_date: s for s in summaries}
+    assert by_date[date(2026, 3, 5)].checked_count == 1
+    assert by_date[date(2026, 3, 6)].checked_count == 0
+
+
+# ---- summarize_completion_rate: 미래 날짜 제외 회귀 테스트 ----
+# CLAUDE.md에 기록된 실제 버그: 미래 날짜를 포함시키면 완료율이 부당하게 낮게 나온다
+# (실제로 6.2% -> 수정 후 50%가 된 사례).
+
+
+def test_summarize_completion_rate_excludes_future_dates():
+    up_to = date(2026, 3, 15)
+    summaries = [
+        MonthlySummaryDay(log_date=date(2026, 3, 13), scheduled_count=1, checked_count=1),
+        MonthlySummaryDay(log_date=date(2026, 3, 14), scheduled_count=1, checked_count=1),
+        MonthlySummaryDay(log_date=date(2026, 3, 15), scheduled_count=1, checked_count=1),
+        # 아래 두 날짜는 미래라서 아직 체크될 수 없는데, 집계에 섞이면 완료율이 부당하게 낮아진다.
+        MonthlySummaryDay(log_date=date(2026, 3, 16), scheduled_count=1, checked_count=0),
+        MonthlySummaryDay(log_date=date(2026, 3, 17), scheduled_count=1, checked_count=0),
+    ]
+
+    rate = log_service.summarize_completion_rate(summaries, up_to)
+    assert rate == 100.0
+
+
+def test_summarize_completion_rate_zero_when_nothing_scheduled():
+    summaries = [MonthlySummaryDay(log_date=date(2026, 3, 1), scheduled_count=0, checked_count=0)]
+    assert log_service.summarize_completion_rate(summaries, date(2026, 3, 1)) == 0.0
+
+
+# ---- get_period_completion_rate ----
+
+
+def test_get_period_completion_rate_basic(db_session, test_user):
+    habit = _make_habit(db_session, test_user.id, created_at=datetime(2026, 3, 1))
+    _check(db_session, habit.id, date(2026, 3, 2))
+    _check(db_session, habit.id, date(2026, 3, 3))
+
+    rate, scheduled, checked = log_service.get_period_completion_rate(
+        db_session, test_user.id, date(2026, 3, 1), date(2026, 3, 4)
+    )
+    assert scheduled == 4
+    assert checked == 2
+    assert rate == 50.0
+
+
+def test_get_period_completion_rate_excludes_days_before_habit_created(db_session, test_user):
+    _make_habit(db_session, test_user.id, created_at=datetime(2026, 3, 3))
+
+    rate, scheduled, checked = log_service.get_period_completion_rate(
+        db_session, test_user.id, date(2026, 3, 1), date(2026, 3, 5)
+    )
+    assert scheduled == 3  # 3/3, 3/4, 3/5만 포함 (생성일 이전인 3/1, 3/2 제외)
+    assert checked == 0
+    assert rate == 0.0
+
+
+def test_get_period_completion_rate_zero_when_nothing_scheduled(db_session, test_user):
+    rate, scheduled, checked = log_service.get_period_completion_rate(
+        db_session, test_user.id, date(2026, 3, 1), date(2026, 3, 5)
+    )
+    assert scheduled == 0
+    assert checked == 0
+    assert rate == 0.0
+
+
+# ---- get_weekly_matrix ----
+
+
+def test_get_weekly_matrix_marks_pre_creation_days_as_none(db_session, test_user):
+    week_start = date(2020, 1, 6)  # 월요일, 확실한 과거
+    habit = _make_habit(db_session, test_user.id, created_at=datetime(2020, 1, 8))  # 수요일
+
+    rows = log_service.get_weekly_matrix(db_session, test_user.id, week_start)
+    row = next(r for r in rows if r.habit_id == habit.id)
+
+    assert row.checks[date(2020, 1, 6).isoformat()] is None  # 생성 전(월)
+    assert row.checks[date(2020, 1, 7).isoformat()] is None  # 생성 전(화)
+    assert row.checks[date(2020, 1, 8).isoformat()] is False  # 생성일(수), 미체크
+
+
+def test_get_weekly_matrix_completion_rate_counts_only_past_days(db_session, test_user):
+    week_start = date(2020, 1, 6)  # 완전히 과거인 주
+    habit = _make_habit(db_session, test_user.id, created_at=datetime(2020, 1, 6))
+    _check(db_session, habit.id, date(2020, 1, 6))
+    _check(db_session, habit.id, date(2020, 1, 7))
+    # 나머지 5일은 미체크
+
+    rows = log_service.get_weekly_matrix(db_session, test_user.id, week_start)
+    row = next(r for r in rows if r.habit_id == habit.id)
+
+    assert row.completion_rate == round(2 / 7 * 100, 1)
+
+
+def test_get_weekly_matrix_future_week_has_zero_completion_rate(db_session, test_user):
+    week_start = date(2099, 1, 5)  # 완전히 미래인 주
+    habit = _make_habit(db_session, test_user.id, created_at=datetime(2020, 1, 1))
+
+    rows = log_service.get_weekly_matrix(db_session, test_user.id, week_start)
+    row = next(r for r in rows if r.habit_id == habit.id)
+
+    assert row.completion_rate == 0.0
+
+
+# ---- list_logs: 유저 스코핑 ----
+
+
+def test_list_logs_scoped_to_user(db_session, test_user, other_user):
+    today = date.today()
+    mine = _make_habit(db_session, test_user.id)
+    others = _make_habit(db_session, other_user.id)
+    _check(db_session, mine.id, today)
+    _check(db_session, others.id, today)
+
+    logs = log_service.list_logs(db_session, test_user.id)
+    assert [log.habit_id for log in logs] == [mine.id]
diff --git a/tests/test_pages_today.py b/tests/test_pages_today.py
new file mode 100644
index 0000000..d97315b
--- /dev/null
+++ b/tests/test_pages_today.py
@@ -0,0 +1,40 @@
+from app.models.habit import ALL_WEEKDAYS_MASK, HabitType
+from app.schemas.habit import HabitCreate
+from app.services import habit_service
+
+
+def _make_habit(db_session, user_id, name="아침 운동"):
+    data = HabitCreate(name=name, habit_type=HabitType.BUILD, weekdays_mask=ALL_WEEKDAYS_MASK)
+    return habit_service.create_habit(db_session, user_id, data)
+
+
+def test_today_page_redirects_to_login_when_not_authenticated(client):
+    response = client.get("/today", follow_redirects=False)
+    assert response.status_code == 303
+    assert response.headers["location"] == "/login"
+
+
+def test_today_page_shows_created_habit(auth_client, db_session, test_user):
+    _make_habit(db_session, test_user.id, name="아침 운동")
+
+    response = auth_client.get("/today")
+    assert response.status_code == 200
+    assert "아침 운동" in response.text
+
+
+def test_toggle_today_page_updates_checked_state(auth_client, db_session, test_user):
+    habit = _make_habit(db_session, test_user.id, name="아침 운동")
+
+    response = auth_client.post(f"/today/{habit.id}/toggle")
+    assert response.status_code == 200
+
+    # 서버가 실제로 로그를 남겼는지 today API로 재확인
+    today_items = auth_client.get("/api/today").json()
+    assert today_items[0]["checked"] is True
+
+
+def test_toggle_today_page_for_other_users_habit_returns_404(auth_client, db_session, other_user):
+    others_habit = _make_habit(db_session, other_user.id, name="남의 습관")
+
+    response = auth_client.post(f"/today/{others_habit.id}/toggle")
+    assert response.status_code == 404
diff --git a/tests/test_push_service.py b/tests/test_push_service.py
new file mode 100644
index 0000000..963b920
--- /dev/null
+++ b/tests/test_push_service.py
@@ -0,0 +1,79 @@
+from pywebpush import WebPushException
+
+from app.models.push_subscription import PushSubscription
+from app.schemas.push import PushKeys, PushSubscribeRequest
+from app.services import push_service
+
+
+class _FakeResponse:
+    def __init__(self, status_code):
+        self.status_code = status_code
+
+
+def _subscribe_request(endpoint="https://push.example.com/1"):
+    return PushSubscribeRequest(endpoint=endpoint, keys=PushKeys(p256dh="p256dh-key", auth="auth-key"))
+
+
+# ---- save_subscription ----
+
+
+def test_save_subscription_creates_new_row(db_session, test_user):
+    sub = push_service.save_subscription(db_session, test_user.id, _subscribe_request())
+    assert sub.user_id == test_user.id
+    assert sub.endpoint == "https://push.example.com/1"
+
+
+def test_save_subscription_reassigns_existing_endpoint_to_new_user(db_session, test_user, other_user):
+    request = _subscribe_request()
+    push_service.save_subscription(db_session, other_user.id, request)
+
+    # 같은 기기(endpoint)에서 다른 유저(test_user)로 재구독하면 소유자가 갱신되어야 한다.
+    updated = push_service.save_subscription(db_session, test_user.id, request)
+
+    assert updated.user_id == test_user.id
+    assert db_session.query(PushSubscription).filter_by(endpoint=request.endpoint).count() == 1
+
+
+def test_delete_subscription_removes_row(db_session, test_user):
+    sub = push_service.save_subscription(db_session, test_user.id, _subscribe_request())
+    push_service.delete_subscription(db_session, sub.endpoint)
+    assert db_session.query(PushSubscription).filter_by(endpoint=sub.endpoint).count() == 0
+
+
+# ---- send_to_user ----
+
+
+def test_send_to_user_counts_successful_sends(db_session, test_user, monkeypatch):
+    push_service.save_subscription(db_session, test_user.id, _subscribe_request("https://push.example.com/a"))
+    push_service.save_subscription(db_session, test_user.id, _subscribe_request("https://push.example.com/b"))
+
+    monkeypatch.setattr(push_service, "webpush", lambda **kwargs: None)
+
+    sent = push_service.send_to_user(db_session, test_user.id, title="제목", body="본문")
+    assert sent == 2
+
+
+def test_send_to_user_deletes_expired_subscription_on_410(db_session, test_user, monkeypatch):
+    sub = push_service.save_subscription(db_session, test_user.id, _subscribe_request())
+
+    def _raise_gone(**kwargs):
+        raise WebPushException("gone", response=_FakeResponse(410))
+
+    monkeypatch.setattr(push_service, "webpush", _raise_gone)
+
+    sent = push_service.send_to_user(db_session, test_user.id, title="제목", body="본문")
+    assert sent == 0
+    assert db_session.query(PushSubscription).filter_by(id=sub.id).count() == 0
+
+
+def test_send_to_user_keeps_subscription_on_other_errors(db_session, test_user, monkeypatch):
+    sub = push_service.save_subscription(db_session, test_user.id, _subscribe_request())
+
+    def _raise_server_error(**kwargs):
+        raise WebPushException("server error", response=_FakeResponse(500))
+
+    monkeypatch.setattr(push_service, "webpush", _raise_server_error)
+
+    sent = push_service.send_to_user(db_session, test_user.id, title="제목", body="본문")
+    assert sent == 0
+    assert db_session.query(PushSubscription).filter_by(id=sub.id).count() == 1
diff --git a/tests/test_scheduler_service.py b/tests/test_scheduler_service.py
new file mode 100644
index 0000000..2d53231
--- /dev/null
+++ b/tests/test_scheduler_service.py
@@ -0,0 +1,110 @@
+from datetime import date, datetime, timedelta
+
+from app.models.habit import ALL_WEEKDAYS_MASK, HabitType
+from app.models.notification_log import SummaryNotificationLog
+from app.schemas.habit import HabitCreate
+from app.schemas.push import PushKeys, PushSubscribeRequest
+from app.services import habit_service, push_service, scheduler_service
+
+# scheduler_service._tick/_weekly_summary_tick/_monthly_summary_tick은 자체적으로
+# app.database.SessionLocal()을 열어 실제 운영 DB에 붙으므로(conftest의 client 픽스처가 lifespan을
+# 건너뛰는 이유와 동일) 여기서는 db_session을 직접 주입할 수 있는 _send_period_summaries/
+# _claim_summary_slot만 단위 테스트한다.
+
+
+def _make_habit(db_session, user_id, created_at=None, **overrides):
+    data = HabitCreate(
+        name=overrides.pop("name", "테스트 습관"),
+        habit_type=overrides.pop("habit_type", HabitType.BUILD),
+        weekdays_mask=overrides.pop("weekdays_mask", ALL_WEEKDAYS_MASK),
+        condition_text=overrides.pop("condition_text", None),
+        reminder_time=overrides.pop("reminder_time", None),
+    )
+    habit = habit_service.create_habit(db_session, user_id, data)
+    if created_at is not None:
+        habit.created_at = created_at
+        db_session.commit()
+        db_session.refresh(habit)
+    return habit
+
+
+def _subscribe(db_session, user_id, endpoint):
+    push_service.save_subscription(
+        db_session, user_id, PushSubscribeRequest(endpoint=endpoint, keys=PushKeys(p256dh="p", auth="a"))
+    )
+
+
+# ---- _claim_summary_slot ----
+
+
+def test_claim_summary_slot_prevents_duplicate(db_session, test_user):
+    today = date.today()
+    assert scheduler_service._claim_summary_slot(db_session, test_user.id, "weekly", today) is True
+    assert scheduler_service._claim_summary_slot(db_session, test_user.id, "weekly", today) is False
+    assert db_session.query(SummaryNotificationLog).filter_by(user_id=test_user.id).count() == 1
+
+
+# ---- _send_period_summaries ----
+
+
+def test_send_period_summaries_sends_push_and_claims_slot(db_session, test_user, monkeypatch):
+    sent = []
+    monkeypatch.setattr(push_service, "webpush", lambda **kwargs: sent.append(kwargs))
+    _subscribe(db_session, test_user.id, "https://push.example.com/x")
+
+    today = date.today()
+    _make_habit(db_session, test_user.id, created_at=datetime.combine(today, datetime.min.time()))
+
+    scheduler_service._send_period_summaries(
+        db_session,
+        period_type="weekly",
+        period_start=today,
+        range_start=today,
+        range_end=today,
+        title="이번 주 습관 리포트",
+        url="/history",
+    )
+
+    assert len(sent) == 1
+    assert (
+        db_session.query(SummaryNotificationLog).filter_by(user_id=test_user.id, period_type="weekly").count() == 1
+    )
+
+
+def test_send_period_summaries_skips_when_nothing_scheduled_in_range(db_session, test_user, monkeypatch):
+    sent = []
+    monkeypatch.setattr(push_service, "webpush", lambda **kwargs: sent.append(kwargs))
+    _subscribe(db_session, test_user.id, "https://push.example.com/y")
+
+    today = date.today()
+    # 습관이 range_end 이후에 생성되어, 요청한 기간에는 예정된 게 하나도 없다.
+    _make_habit(db_session, test_user.id, created_at=datetime.combine(today + timedelta(days=1), datetime.min.time()))
+
+    scheduler_service._send_period_summaries(
+        db_session, period_type="weekly", period_start=today, range_start=today, range_end=today, title="t", url="/h"
+    )
+
+    assert sent == []
+    assert db_session.query(SummaryNotificationLog).count() == 0
+
+
+def test_send_period_summaries_does_not_resend_when_already_claimed(db_session, test_user, monkeypatch):
+    sent = []
+    monkeypatch.setattr(push_service, "webpush", lambda **kwargs: sent.append(kwargs))
+    _subscribe(db_session, test_user.id, "https://push.example.com/z")
+
+    today = date.today()
+    _make_habit(db_session, test_user.id, created_at=datetime.combine(today, datetime.min.time()))
+
+    for _ in range(2):
+        scheduler_service._send_period_summaries(
+            db_session,
+            period_type="weekly",
+            period_start=today,
+            range_start=today,
+            range_end=today,
+            title="t",
+            url="/h",
+        )
+
+    assert len(sent) == 1
diff --git a/tests/test_schemas_habit.py b/tests/test_schemas_habit.py
new file mode 100644
index 0000000..c5bcb6a
--- /dev/null
+++ b/tests/test_schemas_habit.py
@@ -0,0 +1,51 @@
+import pytest
+from pydantic import ValidationError
+
+from app.models.habit import ALL_WEEKDAYS_MASK, HabitType
+from app.schemas.habit import HabitCreate
+
+
+def _base_kwargs(**overrides):
+    kwargs = {"name": "습관", "habit_type": HabitType.BUILD}
+    kwargs.update(overrides)
+    return kwargs
+
+
+def test_blank_name_rejected():
+    with pytest.raises(ValidationError):
+        HabitCreate(**_base_kwargs(name="   "))
+
+
+def test_name_is_stripped():
+    habit = HabitCreate(**_base_kwargs(name="  아침 운동  "))
+    assert habit.name == "아침 운동"
+
+
+def test_blank_condition_text_becomes_none():
+    habit = HabitCreate(**_base_kwargs(condition_text="   "))
+    assert habit.condition_text is None
+
+
+def test_condition_text_is_stripped_when_present():
+    habit = HabitCreate(**_base_kwargs(condition_text="  30분 이상  "))
+    assert habit.condition_text == "30분 이상"
+
+
+def test_weekdays_mask_zero_rejected():
+    with pytest.raises(ValidationError):
+        HabitCreate(**_base_kwargs(weekdays_mask=0))
+
+
+def test_weekdays_mask_over_max_rejected():
+    with pytest.raises(ValidationError):
+        HabitCreate(**_base_kwargs(weekdays_mask=ALL_WEEKDAYS_MASK + 1))
+
+
+def test_weekdays_mask_single_day_accepted():
+    habit = HabitCreate(**_base_kwargs(weekdays_mask=0b0000001))
+    assert habit.weekdays_mask == 0b0000001
+
+
+def test_weekdays_mask_defaults_to_all_days():
+    habit = HabitCreate(**_base_kwargs())
+    assert habit.weekdays_mask == ALL_WEEKDAYS_MASK
diff --git a/tests/test_template_utils.py b/tests/test_template_utils.py
new file mode 100644
index 0000000..c34eb4b
--- /dev/null
+++ b/tests/test_template_utils.py
@@ -0,0 +1,31 @@
+from app.models.habit import ALL_WEEKDAYS_MASK
+from app.template_utils import heatmap_opacity, weekday_label
+
+
+def test_weekday_label_all_days_shows_daily():
+    assert weekday_label(ALL_WEEKDAYS_MASK) == "매일"
+
+
+def test_weekday_label_lists_selected_days_in_order():
+    monday_and_wednesday = 0b0000001 | 0b0000100
+    assert weekday_label(monday_and_wednesday) == "월, 수"
+
+
+def test_weekday_label_no_days_selected():
+    assert weekday_label(0) == "선택된 요일 없음"
+
+
+def test_heatmap_opacity_zero_when_nothing_scheduled():
+    assert heatmap_opacity(checked_count=0, scheduled_count=0) == 0.0
+
+
+def test_heatmap_opacity_zero_when_nothing_checked():
+    assert heatmap_opacity(checked_count=0, scheduled_count=5) == 0.0
+
+
+def test_heatmap_opacity_full_ratio_caps_at_point_nine():
+    assert heatmap_opacity(checked_count=5, scheduled_count=5) == 0.9
+
+
+def test_heatmap_opacity_partial_ratio():
+    assert heatmap_opacity(checked_count=1, scheduled_count=2) == round(0.12 + 0.5 * 0.78, 2)