/*
 * react-native-web 권장 루트 리셋 — Expo 기본 템플릿의 <style id="expo-reset"> 를 파일로 옮겼다
 * (인라인 스타일은 CSP 예외가 필요하다, 스펙 002a 부록 ⑥).
 *
 * 배경 와인(#741F33 = shared COLORS.wine — html-document.test.ts 가 대조한다): JS 가 그리기 전 첫 페인트와
 * 넓은 화면(≥ 1024)의 앱 열 바깥이 같은 색이라 깜빡이지 않는다. 앱 열 안은 화면이 자기 배경을 칠한다.
 */
html,
body {
  height: 100%;
  background-color: #741F33;
}

/* 스크롤은 RN ScrollView 가 맡는다 */
body {
  margin: 0;
  overflow: hidden;
}

#root {
  display: flex;
  height: 100%;
  flex: 1;
}

/*
 * 넓은 화면(≥ 1024) 앱 열 — 스펙 002a AC-29, Task 10c.
 * 정적 렌더 HTML 은 창 폭 없이 그려지므로 폭 분기는 CSS 가 맡는다(components/AppFrame.tsx). id 는 AppFrame 의
 * `nativeID` 이고, id 선택자라 react-native-web 의 원자 클래스(display:none 등)보다 우선한다.
 * 값은 AppFrame 의 WIDE_MIN_WIDTH·COLUMN_MAX_WIDTH, 그림자는 theme `shadow.col` 과 같다 — layout-frame 테스트가 대조한다.
 */
@media (min-width: 1024px) {
  #app-frame-brand {
    display: flex;
  }

  #app-frame-column {
    max-width: 480px;
    box-shadow: 0 0 0 1px rgba(31, 26, 28, 0.06), 0 32px 80px -32px rgba(31, 26, 28, 0.55);
  }
}