:root{--phone-vh:100dvh;--phone-top:0px;font-family:-apple-system,BlinkMacSystemFont,'Microsoft YaHei UI','Microsoft YaHei',sans-serif}
html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
body{position:fixed;inset:0;touch-action:manipulation}
.phone-web #app{position:fixed;left:50%;top:var(--phone-top);transform:translateX(-50%);width:100%;height:var(--phone-vh);max-height:var(--phone-vh);min-height:0;margin:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.phone-web .top{height:calc(62px + env(safe-area-inset-top));padding-top:calc(7px + env(safe-area-inset-top))}
.phone-web .bottom{height:calc(65px + env(safe-area-inset-bottom));padding-bottom:calc(5px + env(safe-area-inset-bottom))}
.phone-web .composer{padding-bottom:calc(8px + env(safe-area-inset-bottom));flex-shrink:0}
.phone-web .content,.phone-web .account-screen,.phone-web .register{min-height:0;-webkit-overflow-scrolling:touch}
.phone-web .register,.phone-web .account-screen{padding-top:calc(30px + env(safe-area-inset-top));padding-bottom:calc(26px + env(safe-area-inset-bottom))}
.phone-web input,.phone-web textarea,.phone-web .compose-row textarea,.phone-web .modal input,.phone-web .modal textarea{font-size:16px!important}
.phone-web .compose-row textarea{min-width:0}
.phone-web .avatar,.phone-web .chat-photo,.phone-web .post-photo{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.phone-web .avatar img,.phone-web .chat-photo img,.phone-web .post-photo img{-webkit-touch-callout:none}
.phone-web button{-webkit-tap-highlight-color:transparent}
.phone-web .modal-backdrop{top:var(--phone-top);bottom:auto;height:var(--phone-vh);padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}
.phone-web .modal{max-height:calc(var(--phone-vh) - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
.phone-web #system-overlay,.phone-web .brand-stage{top:var(--phone-top);bottom:auto;height:var(--phone-vh)}
.phone-web .zx-system-modal{max-height:calc(var(--phone-vh) - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
.phone-web #system-nudge{top:calc(var(--phone-top) + 66px + env(safe-area-inset-top))}
.phone-web .quick-menu{top:calc(58px + env(safe-area-inset-top))}
.phone-web #toast{bottom:calc(92px + env(safe-area-inset-bottom));max-width:calc(100vw - 40px)}
.phone-web.phone-keyboard .composer{padding-bottom:8px}
.phone-web.phone-keyboard .reply-hints{max-height:110px}
.phone-web .phone-save-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.phone-web .phone-save-tools button{flex:1;white-space:nowrap}
.phone-web .phone-loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#46748f}
.phone-web .phone-loading img{width:78px;height:78px}
.phone-web .phone-loading h1{font-size:28px;letter-spacing:4px;margin:20px 0 10px}
.phone-web .phone-loading p{font-size:14px;color:#748a96}
@media(max-width:360px){.phone-web .compose-row .icon{width:34px;min-width:34px}.phone-web .send{padding:0 8px}.phone-web .reply-grid button{font-size:11px}.phone-web .modal{padding:17px}}
@media(max-height:500px){.phone-web .reg-brand{margin:0 0 12px}.phone-web .reg-brand img{width:48px;height:48px}.phone-web .reply-hints{max-height:85px}}