/* 하늘 한 원본: 홈(index.html)과 약관·방침 페이지가 같이 쓴다. 색은 앱 팔레트 토큰(pang2-tokens.g.css)에서만 섞는다.
   위 푸르스름 → 노을 분홍 → 아래 밝은 살구빛. 그림이 아니라 그라데이션 + appstore-sky.js 가 화면 픽셀에 맞춰 그리는 구름이라 어떤 화면에서도 깨지지 않는다. */
:root{
  --sky-0:color-mix(in oklab,var(--pang2-palette-sky-light-accent) 62%,var(--pang2-palette-pink-light-mid));
  --sky-1:color-mix(in oklab,var(--pang2-palette-sky-light-accent) 34%,var(--pang2-palette-sky-light-bg));
  --sky-2:color-mix(in oklab,var(--pang2-palette-sky-light-bg) 45%,var(--pang2-palette-pink-light-mid));
  --sky-3:var(--pang2-palette-pink-light-bg);
  --sky-4:color-mix(in oklab,var(--pang2-palette-pink-light-bg) 55%,var(--pang2-palette-gray-light-card));
}
@view-transition{navigation:auto}
html{min-height:100%;background:linear-gradient(180deg,var(--sky-0) 0%,var(--sky-1) 30%,var(--sky-2) 58%,var(--sky-3) 80%,var(--sky-4) 100%) fixed}
/* 하늘 층: 바탕 · 먼 구름 · 왼쪽 · 오른쪽 · 아래 · (홈만) 카메라 앞 구름 좌우 */
#sky{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
#sky canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;will-change:transform,opacity}
#sky.on canvas{opacity:1}
#sky .l-veilL,#sky .l-veilR{inset:-12%;width:124%;height:124%}