/* 모든 화면 공통(범위 없음) — 글꼴 선언 · 아래 탭 · 새 내용 띠. 0.4.1(P35): 보라 화면 규칙은 지움 — 화면 모양은 전부 voca.css(옮긴 옛 앱) + vk.css(덧붙임), 껍데기 화면 덧붙임도 vk.css 의 「껍데기」 칸 */
@font-face{font-family: "Noto Sans KR App";
  src: url("../fonts/NotoSansKR-sub.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;}
body .tabs{position: fixed; left: 50%; transform: translateX(-50%); bottom: calc(10px + env(safe-area-inset-bottom)); width: calc(100% - 24px); max-width: 496px; background: var(--tab); border-radius: 18px; display: flex; justify-content: space-around; padding: 6px 4px; z-index: 5; box-shadow: 0 8px 24px rgba(20, 16, 40, .25);}
body .tabs a{color: var(--tab-off); text-decoration: none; font-size: 11.5px; padding: 4px 10px; border-radius: 10px; display: flex; flex-direction: column; align-items: center; gap: 1px; min-width: 62px;}
body .tabs a svg{width: 22px; height: 22px;}
body .tabs a.on{color: #fff; font-weight: 700;}
body .tabs[hidden]{display: none;}
body .upd-banner{position: sticky; top: 0; z-index: 6; background: var(--primary); color: #fff; text-align: center; padding: 10px; font-size: 14px;}
body .upd-banner button{background: #fff; color: var(--primary); border: 0; border-radius: 8px; padding: 3px 10px; margin-left: 8px; font-weight: 700;}