릴리스: v1.3.92 왼쪽 네비 활성 배경 애니메이션 추가

docs/history.md

@@ -1,5 +1,8 @@
 # 의사결정 이력
 
+## 2026-04-02 v1.3.92
+- 왼쪽 레일 활성 메뉴도 로그인 토글과 같은 이동형 배경 문법을 쓰는 편이 앱 전체 인터랙션 언어를 더 일관되게 만든다고 판단했다.
+
 ## 2026-04-02 v1.3.91
 - 로그인/회원가입 탭은 즉시 배경 교체보다, 선택 배경이 실제로 이동하는 토글 문법이 더 직관적이고 상태 전환이 잘 읽힌다고 판단했다.
 

docs/todo.md

@@ -1,6 +1,7 @@
 # 할 일 및 이슈
 
 ## 단기 확인
+- 왼쪽 레일 활성 배경은 공용 인디케이터가 이동하는 방식으로 바뀌었으므로, 홈/내 티어표/즐겨찾기/설정 전환과 레일 접힘 상태 양쪽에서 위치 보정이 자연스러운지 한 번 더 QA한다.
 - 로그인 화면 상단 토글은 이동형 인디케이터로 바뀌었으므로, 데스크톱과 모바일에서 `로그인 / 회원가입` 전환 애니메이션이 어색하지 않고 포커스/클릭 상태도 자연스러운지 한 번 더 QA한다.
 - 관리자 카드 설명 줄임은 `line-clamp` 표준 속성까지 함께 선언했으므로, 실제 브라우저별 표시 차이가 없는지 한 번 더 QA한다.
 - 사용하지 않는 기본 자산을 정리했으므로, 배포본에서 누락 참조 없이 파비콘/공유 썸네일/좌측 레일 아이콘이 정상 노출되는지 한 번 더 QA한다.

docs/update.md

@@ -1,5 +1,8 @@
 # 업데이트 로그
 
+## 2026-04-02 v1.3.92
+- 왼쪽 네비게이션의 활성 메뉴 배경은 개별 항목에 즉시 붙는 방식에서, 공용 인디케이터가 현재 메뉴 위치로 미끄러져 이동하는 토글형 인터랙션으로 정리함.
+
 ## 2026-04-02 v1.3.91
 - 로그인 화면 상단의 `로그인 / 회원가입` 전환은 선택된 버튼 배경이 즉시 바뀌던 방식에서, 뒤쪽 하이라이트가 토글처럼 좌우로 미끄러져 이동하는 인터랙션으로 정리함.
 

frontend/src/App.vue

@@ -67,6 +67,7 @@ const leftNavItems = computed(() => {
   ]
   return items.filter((item) => !item.requiresAuth || (authReady.value && auth.user))
 })
+const activeLeftNavIndex = computed(() => leftNavItems.value.findIndex((item) => isRouteActive(item.path)))
 const showRightRailAction = computed(() => false)
 const showSettingsGuideButton = computed(() => route.name === 'profile')
 const guideSteps = [
@@ -446,7 +447,12 @@ function submitGlobalSearch() {
           <input v-model="searchQuery" class="searchStub__input" type="search" :placeholder="leftRailCollapsed ? '' : leftRailSearchPlaceholder" />
         </form>
 
-        <nav class="leftNav">
+        <nav
+          class="leftNav"
+          :class="{ 'leftNav--hasActive': activeLeftNavIndex >= 0 }"
+          :style="{ '--left-nav-active-index': String(Math.max(activeLeftNavIndex, 0)) }"
+        >
+          <span class="leftNav__indicator" aria-hidden="true"></span>
           <RouterLink
             v-for="item in leftNavItems"
             :key="item.key"
@@ -911,19 +917,45 @@ function submitGlobalSearch() {
 }
 
 .leftNav {
+  --left-nav-gap: 8px;
+  --left-nav-item-height: 50px;
+  position: relative;
   display: grid;
-  gap: 8px;
+  gap: var(--left-nav-gap);
+  isolation: isolate;
+}
+
+.leftNav__indicator {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: var(--left-nav-item-height);
+  border-radius: 14px;
+  background: var(--theme-surface-soft-3);
+  transform: translateY(calc(var(--left-nav-active-index, 0) * (var(--left-nav-item-height) + var(--left-nav-gap))));
+  transition: transform 240ms ease, opacity 200ms ease;
+  opacity: 0;
+  z-index: 0;
+  pointer-events: none;
+}
+
+.leftNav--hasActive .leftNav__indicator {
+  opacity: 1;
 }
 
 .leftNav__item {
+  position: relative;
   display: flex;
   align-items: center;
+  min-height: var(--left-nav-item-height);
   gap: 12px;
   padding: 11px 12px;
   border-radius: 14px;
   color: var(--theme-text-muted);
   text-decoration: none;
   transition: background 180ms ease, color 180ms ease, transform 180ms ease;
+  z-index: 1;
 }
 
 .leftNav__label {
@@ -936,7 +968,6 @@ function submitGlobalSearch() {
 
 .leftNav__item--active,
 .leftNav__item.router-link-active {
-  background: var(--theme-surface-soft-3);
   color: var(--theme-text-strong);
 }
 
@@ -999,7 +1030,7 @@ function submitGlobalSearch() {
 }
 
 .appShell--leftCollapsed .leftNav {
-  gap: 10px;
+  --left-nav-gap: 10px;
 }
 
 .appShell--leftCollapsed .leftNav__item {