style(space): 헤더 크롬 최소화와 HUD 하단 밀착 조정

맥락:

- /space 배경 몰입을 방해하는 상단 프레임 느낌과 하단 HUD의 떠있는 간격을 줄이기 위해

변경사항:

- 상단 헤더의 border/프레임 느낌을 제거하고 오버레이 톤으로 축소

- 헤더 아이콘/패딩을 축소해 배경 노출 영역을 확대

- 타이머 HUD 하단 위치를 safe-area 기반 최소 여백으로 조정

검증:

- npx tsc --noEmit

세션-상태: /space 헤더가 박스형 프레임 없이 가벼운 오버레이로 표시됨

세션-다음: 몰입 모드에서 상단 액션을 나가기 버튼으로 전환

세션-리스크: 기기별 safe-area 계산 차이로 HUD 체감 위치가 다를 수 있음

src/widgets/space-timer-hud/ui/SpaceTimerHudWidget.tsx

@@ -21,7 +21,13 @@ export const SpaceTimerHudWidget = ({
   isImmersionMode = false,
 }: SpaceTimerHudWidgetProps) => {
   return (
-    <div className={cn('pointer-events-none fixed inset-x-0 bottom-[4.7rem] z-20 px-4 pr-16 sm:px-6', className)}>
+    <div
+      className={cn(
+        'pointer-events-none fixed inset-x-0 z-20 px-4 pr-16 sm:px-6',
+        className,
+      )}
+      style={{ bottom: 'calc(env(safe-area-inset-bottom, 0px) + 0.35rem)' }}
+    >
       <div className="mx-auto w-full max-w-xl pointer-events-auto">
         <section
           className={cn(