.word-splash{position:fixed;inset:0;z-index:10000;width:100%;height:100%;margin:0;padding:24px;border:0;border-radius:0;background:#f7f8f2;color:#345a47;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;overflow:hidden;animation:wordSplashExit .28s ease 1.1s forwards}
.word-splash:focus-visible{outline:3px solid #829779;outline-offset:-6px}
.splash-content{display:flex;flex-direction:column;align-items:center;gap:0;animation:wordSplashEnter .4s ease-out both}
.splash-logo{display:block;width:104px;height:104px;box-shadow:0 14px 35px #345a4712;border-radius:23px;margin:0 0 24px}
.splash-pages{transform-origin:256px 270px;animation:wordSplashPages .45s ease-out both}
.splash-line{stroke-dasharray:1;stroke-dashoffset:1;animation:wordSplashLine .28s ease-out forwards}
.splash-line.line-1{animation-delay:.18s}.splash-line.line-2{animation-delay:.28s}.splash-line.line-3{animation-delay:.38s}.splash-line.line-4{animation-delay:.48s}
.splash-title{font-family:'Noto Serif KR',Batang,serif;font-size:28px;font-weight:600;letter-spacing:.04em;line-height:1.6;animation:wordSplashText .35s ease .38s both}
.splash-subtitle{font-size:12px;font-weight:400;letter-spacing:.09em;line-height:1.8;color:#7c8c70;margin-top:7px;animation:wordSplashText .35s ease .53s both}
.splash-skip{position:absolute;bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px));left:16px;right:16px;font-size:11px;line-height:1.6;font-weight:400;letter-spacing:.025em;color:#8b977e;animation:wordSplashText .3s ease .65s both}
@keyframes wordSplashEnter{from{opacity:0;transform:translateY(7px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes wordSplashPages{from{opacity:.2;transform:scaleX(.87)}to{opacity:1;transform:scaleX(1)}}
@keyframes wordSplashLine{to{stroke-dashoffset:0}}
@keyframes wordSplashText{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@keyframes wordSplashExit{to{opacity:0;visibility:hidden}}
.word-splash.is-reduced,.word-splash.is-reduced *{animation:none!important;transform:none!important;stroke-dashoffset:0}
@media(prefers-reduced-motion:reduce){.word-splash,.word-splash *{animation:none!important;transform:none!important;stroke-dashoffset:0}}
@media(max-width:600px){.splash-logo{width:88px;height:88px;border-radius:19px;margin-bottom:20px}.splash-title{font-size:25px}.splash-subtitle{font-size:11px}}