diff --git a/src/components/maestro/FooterHelp.jsx b/src/components/maestro/FooterHelp.jsx
index 2b486cc..b699c08 100644
--- a/src/components/maestro/FooterHelp.jsx
+++ b/src/components/maestro/FooterHelp.jsx
@@ -8,11 +8,17 @@ export default function FooterHelp({ lanes = [] }) {
     .join(' ');
 
   return (
-    <footer className="p-3 bg-gray-900 border-t border-gray-800 text-xs text-gray-500 flex justify-between items-center z-10">
-      <div>
-        Tip: 떨어지는 노트를 <strong className="text-gray-300">클릭</strong>하여 코드 수정 내역(Diff)을 살짝 엿볼 수 있습니다.
+    <footer className="p-3 bg-gray-900 border-t border-gray-800 text-xs text-gray-500 flex justify-between items-center gap-3 z-10">
+      <div className="min-w-0">
+        <span className="hidden md:inline">
+          Tip: 떨어지는 노트를 <strong className="text-gray-300">클릭</strong>하여 코드 수정 내역(Diff)을 살짝 엿볼 수 있습니다.
+        </span>
+        {/* 좁은 화면(터치): 키보드 힌트 대신 탭 안내 한 줄만 */}
+        <span className="md:hidden">
+          Tip: 노트를 <strong className="text-gray-300">탭</strong>하면 Diff, 하단 레인 버튼으로 승인/반려.
+        </span>
       </div>
-      <div className="flex space-x-4">
+      <div className="hidden md:flex space-x-4">
         <span className="flex items-center"><kbd className="bg-gray-800 px-1.5 py-0.5 rounded border border-gray-700 mx-1">1</kbd><kbd className="bg-gray-800 px-1.5 py-0.5 rounded border border-gray-700 mr-1">2</kbd><kbd className="bg-gray-800 px-1.5 py-0.5 rounded border border-gray-700">3</kbd> 프로젝트 전환</span>
         <span className="flex items-center"><kbd className="bg-gray-800 px-1.5 py-0.5 rounded border border-gray-700 mx-1 text-gray-300">{laneKeys || 'Click'}</kbd> 승인</span>
         <span className="flex items-center"><kbd className="bg-gray-800 px-1.5 py-0.5 rounded border border-gray-700 mx-1 text-gray-300">Shift + {laneKeys || 'Click'}</kbd> 반려(피드백)</span>
diff --git a/src/index.css b/src/index.css
index 24b02cf..29abc90 100644
--- a/src/index.css
+++ b/src/index.css
@@ -45,12 +45,14 @@
   min-width: auto;
 }
 
-/* --- PWA standalone(홈 화면 추가) 안전 영역 — 노치/홈 인디케이터 침범 방지 --- */
-@media (display-mode: standalone) {
-  body {
-    padding-top: env(safe-area-inset-top);
-    padding-right: env(safe-area-inset-right);
-    padding-bottom: env(safe-area-inset-bottom);
-    padding-left: env(safe-area-inset-left);
-  }
+/* --- 안전 영역 — 노치/홈 인디케이터 침범 방지 ---
+   PWA standalone뿐 아니라 Capacitor 네이티브 셸(WKWebView, display-mode: browser)도
+   침범 대상이라 무조건 적용한다. 데스크톱/일반 브라우저는 env()가 0이라 무해. */
+body {
+  padding-top: env(safe-area-inset-top);
+  padding-right: env(safe-area-inset-right);
+  padding-bottom: env(safe-area-inset-bottom);
+  padding-left: env(safe-area-inset-left);
+  /* 안전 영역(패딩) 뒤로 비치는 배경을 앱 다크 톤(bg-gray-950)과 일치시킨다 */
+  background-color: #030712;
 }