.chung-art,.citizen-art{display:inline-block;flex-shrink:0;width:88px;height:88px;background-repeat:no-repeat;background-size:300% 200%;background-color:white;border-radius:20px}.chung-art{background-image:url('assets/chung-expressions.png')}.citizen-art{background-image:url('assets/citizen-avatars.png')}.pose-0{background-position:0 0}.pose-1{background-position:50% 0}.pose-2{background-position:100% 0}.pose-3{background-position:0 100%}.pose-4{background-position:50% 100%}.pose-5{background-position:100% 100%}.character-avatar{display:inline-flex;background:white!important;overflow:hidden}.character-avatar .chung-art,.character-avatar .citizen-art{width:100%;height:100%;border-radius:50%}.profile-info>.character-avatar{width:78px;height:78px}.with-chung{position:relative;padding-right:112px;min-height:207px}.welcome-chung{position:absolute;right:9px;top:39px;width:104px;height:104px;border-radius:50%;transform:rotate(6deg);box-shadow:0 8px 24px #6948990c}.with-chung h2{font-size:23px}.with-chung .topic-rail{margin-right:-93px;position:relative}.chung-aside{display:flex;align-items:center;gap:12px;margin-top:15px;padding:7px 12px 7px 4px;border-radius:16px;background:#faf8ff}.chung-aside .chung-art{width:72px;height:72px;border-radius:16px}.chung-aside>span:last-child{font-size:12px;line-height:1.6;color:#806593;max-width:220px}.character-chat{flex-wrap:wrap;gap:10px}.character-chat>.chung-art{width:74px;height:74px}.character-chat>div{flex:1}.chung-compose{display:flex;align-items:center;gap:10px;margin-bottom:18px;background:#faf8ff;border-radius:18px;padding:5px 9px}.chung-compose .chung-art{width:68px;height:68px}.chung-compose>span:last-child{font-size:12px;line-height:1.7;color:#806593}.change-citizen{display:block;font-size:12px;color:#7650b2;margin:12px 0;padding:8px 12px;background:#f4effd;border-radius:20px}.citizen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.citizen-option{border:2px solid #eee9f5;border-radius:16px;padding:8px 3px;min-width:0;display:flex;align-items:center;flex-direction:column;gap:7px}.citizen-option.chosen{border-color:#8854de;background:#f8f3ff}.citizen-option .citizen-art{width:76px;height:76px;border-radius:50%}.citizen-option b{font-size:10px;line-height:1.5}.citizen-option small{font-size:9px;color:#7944c8}@media(max-width:370px){.with-chung h2{font-size:21px}.welcome-chung{width:88px;height:88px}.with-chung{padding-right:96px}.citizen-option .citizen-art{width:62px;height:62px}}

/* Keep the app navigation anchored independently of short or filtered content. */
.device{overflow:hidden}.device #app{height:100%;min-height:0;overflow-y:auto;scrollbar-width:none;padding-bottom:84px!important;display:block}.device #app>.nav{position:absolute;left:0;right:0;bottom:0;width:100%;max-width:none;margin:0;z-index:8;min-height:74px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.device #app>.head{top:0}@media(max-width:850px){.device #app{height:100dvh;min-height:0}}