:root{--sea:#3a7c87;--mint:#7dcbbc;--cream:#fff8eb;--ink:#365768}
html,body{height:100%;margin:0;background:#dff3f6;color:var(--ink);font-family:ui-rounded,'Apple SD Gothic Neo','Malgun Gothic',sans-serif}
#loading{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 42%,#f9fff8 0,transparent 52%),linear-gradient(#dff3f6 0,#c6eceb 65%,#fff1d7 100%);transition:opacity .25s ease}
#loading.boot-done{opacity:0;pointer-events:none}
/* r32: 첫 로딩은 진행률만 보인다. 캐릭터·그림 슬라이드는 첫 인사 화면에서 만난다. */
.boot-shell{width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left))}
.boot-content{width:min(100%,360px);text-align:center}
.boot-status{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px;font-weight:700;margin-bottom:10px;color:#48767b}
#boot-percent{font-size:21px;font-variant-numeric:tabular-nums}
.boot-progress{height:14px;background:#edf9f2;border:3px solid #fffbee;border-radius:20px;box-shadow:0 2px 0 #9ecbc140;overflow:hidden}
#boot-fill{height:100%;width:0%;background:var(--mint);border-radius:12px;transition:width .15s linear}
#boot-retry{border:0;border-radius:24px;padding:10px 22px;min-height:48px;margin-top:18px;background:var(--cream);color:var(--ink);font-size:19px;font-weight:700;cursor:pointer;touch-action:manipulation}
#boot-retry:focus-visible{outline:3px solid var(--sea);outline-offset:4px}
#boot-retry[hidden]{display:none}
.boot-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){#loading,#boot-fill{transition:none}}