/* Readers Math GLOBAL — 별도 앱 창에서만 적용되는 앱 셸 스타일. .app-window / .app-standalone 클래스는 static/global_app.js가 에 붙인다. 일반 탭에서 열면 아무 것도 바뀌지 않는다. */ .app-window body { padding-top: 3px; } /* 창 최상단 액센트 바 — 브라우저 탭이 아니라 "앱"이라는 신호 */ .app-window body::before { content: ""; position: fixed; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #1f4bd8 0%, #5b86ff 100%); z-index: 9999; pointer-events: none; } .app-window header { top: 3px; } /* 앱 창에서는 주소창이 없으므로 로고를 살짝 더 또렷하게 */ .app-window .logo { letter-spacing: 0.02em; } /* PWA로 설치해 실행한 경우엔 사파리/크롬 상단 여백 대응 */ .app-standalone body { padding-top: calc(3px + env(safe-area-inset-top, 0px)); } .app-standalone header { top: calc(3px + env(safe-area-inset-top, 0px)); }