.nav-bar{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:hsla(0,0%,100%,.94);-webkit-box-sizing:border-box;box-sizing:border-box;left:0;position:fixed;right:0;top:0;z-index:100}.nav-bar__inner{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;height:2.2rem;justify-content:center;padding:0 .8rem;position:relative}.nav-bar__back{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;left:.7rem;position:absolute;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;border-radius:50%;height:1.6rem;justify-content:center;width:1.6rem}.nav-bar__back:active{background:rgba(0,0,0,.05)}.nav-bar__back .iconfont{font-size:1rem}.nav-bar__title{font-size:.85rem;font-weight:700;left:3.2rem;line-height:1.2;overflow:hidden;pointer-events:none;position:absolute;right:3.2rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.nav-bar--has-right .nav-bar__title{right:calc(var(--nav-menu-right-reserve, .6rem) + var(--nav-right-content-width, 3.6rem) + .5rem)}.nav-bar--has-back .nav-bar__title{left:3.2rem}.nav-bar__right{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;right:var(--nav-menu-right-reserve,.6rem);-ms-flex-align:center;align-items:center;max-width:calc(100% - var(--nav-menu-right-reserve, .6rem) - 3.2rem)}.page-chat{background:var(--color-bg);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100vh}.page-chat__more{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;height:1.8rem;width:1.8rem;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.page-chat__more-text{color:var(--color-text-primary);font-size:1rem;font-weight:700;line-height:1}.page-chat__messages{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden;padding-top:4.4rem}.page-chat__list{padding:.6rem .8rem}.page-chat__time{padding:.4rem 0;text-align:center}.page-chat__time-text{background:rgba(0,0,0,.04);border-radius:.5rem;color:var(--color-text-placeholder);font-size:.55rem;padding:.1rem .5rem}.page-chat__loading{padding:.6rem 0;text-align:center}.page-chat__loading-text{color:var(--color-text-placeholder);font-size:.6rem}.page-chat__bubble-wrap{-webkit-align-items:flex-start;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:.6rem;-ms-flex-align:start;align-items:flex-start}.page-chat__bubble-wrap--self{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.page-chat__bubble-avatar{background:var(--color-bg-secondary);border-radius:50%;-webkit-flex-shrink:0;height:1.8rem;width:1.8rem;-ms-flex-negative:0;flex-shrink:0;margin-right:.4rem}.page-chat__bubble-wrap--self .page-chat__bubble-avatar{margin-left:.4rem;margin-right:0}.page-chat__bubble{border-radius:.8rem;max-width:70%;padding:.5rem .7rem;word-break:break-all}.page-chat__bubble--other{background:var(--color-bg-card);border-top-left-radius:.2rem}.page-chat__bubble--self{background:var(--color-primary);border-top-right-radius:.2rem}.page-chat__bubble-text{font-size:.75rem;line-height:1.5}.page-chat__bubble--other .page-chat__bubble-text{color:var(--color-text-primary)}.page-chat__bubble--self .page-chat__bubble-text{color:#fff}.page-chat__input-bar{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:var(--color-bg-card);border-top:.05rem solid var(--color-divider);padding:.4rem .6rem calc(.4rem + env(safe-area-inset-bottom))}.page-chat__input{background:var(--color-bg-secondary);border-radius:.95rem;color:var(--color-text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:.75rem;height:1.9rem;padding:0 .7rem}.page-chat__send-btn{background:var(--color-bg-secondary);border-radius:.95rem;-webkit-flex-shrink:0;margin-left:.5rem;padding:.4rem .9rem;-ms-flex-negative:0;flex-shrink:0}.page-chat__send-btn--active{background:var(--color-primary)}.page-chat__send-btn-text{color:var(--color-text-secondary);font-size:.7rem;white-space:nowrap}.page-chat__send-btn--active .page-chat__send-btn-text{color:#fff}