:root{--latest-width:440px;--latest-yellow:#f7cf4b;--latest-ink:#251c13}
html,body{margin:0;min-height:100%;background:#2d2d2d}
#app{position:relative;width:min(100%,var(--latest-width));min-height:100dvh;margin:0 auto;overflow:hidden;background:var(--latest-yellow);color:var(--latest-ink)}
.latest-native-nav{position:relative;z-index:70;height:calc(44px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);box-sizing:border-box;background:#f7cf4b;border-bottom:1px solid rgba(37,28,19,.1);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:850}
.latest-native-back{position:absolute;left:4px;bottom:0;width:44px;height:44px;padding:0;border:0;background:transparent;color:#251c13;font-size:36px;line-height:40px}
.latest-native-title{line-height:44px}.latest-with-nav{min-height:calc(100dvh - 44px - env(safe-area-inset-top))}
.latest-with-nav>.answer-page,.latest-with-nav>.choice-page,.latest-with-nav>.smoke-page,.latest-with-nav>.youth-page{min-height:calc(100dvh - 44px - env(safe-area-inset-top))}
.latest-toast{position:fixed;z-index:200;left:50%;bottom:48px;transform:translate(-50%,16px);max-width:calc(100vw - 48px);padding:11px 16px;border:2px solid #251c13;border-radius:999px;background:#251c13;color:#fff8e6;font-weight:850;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap}
.latest-toast.show{opacity:1;transform:translate(-50%,0)}button{font:inherit;-webkit-tap-highlight-color:transparent}img{max-width:100%}
.latest-horizontal{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.latest-horizontal::-webkit-scrollbar{display:none}.latest-horizontal>*{scroll-snap-align:center}
.task-swiper.latest-horizontal .task-slide{flex:0 0 calc(100% - 42px)}.strength-carousel.latest-horizontal .strength-slide{flex:0 0 calc(100% - 104px)}
@media(min-width:441px){#app{box-shadow:0 0 40px rgba(0,0,0,.35)}}