.mobile-nav,.mobile-compose-icon,#mobile-chat-options,.mobile-message-more{display:none}
.mobile-sheet-actions{display:flex;flex-direction:column;gap:5px}.mobile-sheet-actions>button{border:0;border-bottom:1px solid #eef1f4;background:white;padding:15px 8px;text-align:left;font-size:16px;color:#263f49}
@media(max-width:700px){
 html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{background:#f4f5f6}input,textarea,select{font-size:16px}
 .app{position:fixed;left:0;right:0;top:var(--mobile-top,0px);height:var(--mobile-height,100dvh);min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;width:100%;overflow:hidden}
 .app>.rail{display:none}.app>.sidebar{grid-column:1;grid-row:1;width:100%;min-height:0;border:0;background:#fff}.app>.workspace{grid-column:1;grid-row:1;min-height:0;width:100%;background:#f1f3f5}.app.chat-open{grid-template-rows:minmax(0,1fr)}
 .mobile-nav{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(4,1fr);background:#fafbfc;border-top:1px solid #e3e7eb;padding:5px 0 calc(5px + env(safe-area-inset-bottom));gap:0}.mobile-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:49px;color:#6e7e88;font-size:11px}.mobile-nav #mobile-chats{color:#188966}.app.chat-open>.mobile-nav{display:none}
 .sidebar-header{padding:17px 16px 10px;padding-top:calc(17px + env(safe-area-inset-top));background:#f8f9fa}.sidebar-title{margin-bottom:12px}.sidebar-title h1{font-size:21px}.conversation-list{padding:0 8px;min-height:0}.conv{border-radius:0;margin:0;padding:14px 8px;min-height:78px;border-bottom:1px solid #f0f2f4}.conv>.avatar{width:48px;height:48px;border-radius:12px}.conv-name{font-size:16px}.conv-preview{font-size:13px}.sidebar-footer{padding:7px 16px;font-size:11px}
 .chat-header{height:calc(57px + env(safe-area-inset-top));min-height:calc(57px + env(safe-area-inset-top));padding:calc(5px + env(safe-area-inset-top)) 7px 5px;gap:5px;background:#fafbfc;flex-shrink:0}.chat-header>.avatar,.chat-header #toggle-pin,.chat-header #mute-conversation,.chat-header #group-details,.chat-header #quick-ledger{display:none}.chat-header .chat-back,#mobile-chat-options{display:inline-flex;width:42px;height:42px;flex-shrink:0;color:#30424d}.chat-heading h2{font-size:17px;margin:0;line-height:24px}.chat-heading small{display:none}
 .announcement{padding:7px 14px;font-size:12px}.message-pin-shelf{max-height:100px}:root .message-pin-shelf{padding:4px 10px}:root .message-pin-shelf .pin-shelf-toggle{font-size:12px}.message-list{padding:12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.message{gap:8px;margin-bottom:16px}.message>.avatar{width:36px;height:36px;border-radius:9px}.message-main{max-width:calc(100% - 64px);min-width:0}.message-author{font-size:11px;margin-bottom:4px}.bubble{font-size:16px;padding:9px 12px;line-height:1.5;border-radius:4px 12px 12px 12px;box-shadow:none}.mine .bubble{background:#d8f2df;border-color:#cee8d5;border-radius:12px 4px 12px 12px}.message-meta{font-size:10px;gap:8px;padding-top:4px}.message-meta button{display:none}.message-meta .message-like,.message-meta .mobile-message-more{display:inline-block;font-size:11px;min-height:24px}.message-meta .message-like[aria-pressed=false]{font-size:0}.message-meta .message-like[aria-pressed=false]:after{content:'👍 ' attr(data-count);font-size:12px}.mobile-message-more{min-width:30px}.day-label{margin:8px 0 18px;font-size:11px}.chat-media{max-width:100%}.bubble.image-bubble{max-width:min(260px,65vw)}
 .composer{flex-shrink:0;min-height:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#f8f9fa;border-top:1px solid #dfe5e9;position:relative;max-height:55%;overflow:visible}.mobile-compose-row{display:flex;align-items:flex-end;gap:5px;width:100%;min-width:0}.mobile-compose-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:0;background:transparent;color:#425660;width:32px;height:40px;padding:0;font-size:29px;line-height:1}.mobile-compose-row #message-input{flex:1;width:0;min-width:0;min-height:38px;max-height:110px;background:#fff;border:1px solid #e4e8eb;border-radius:9px;padding:7px 9px;margin:0;line-height:23px;font-size:16px;resize:none;overflow:auto}.composer-footer{display:none}.mobile-compose-row #send-button{display:none;min-width:48px;min-height:38px;height:38px;padding:6px 9px;font-size:14px;border-radius:8px;background:#178564}.mobile-compose-row #send-button svg{display:none}.mobile-has-content .mobile-compose-row #send-button{display:inline-flex}.mobile-compose-row #sticker-panel-button{width:31px;height:40px;min-height:40px;min-width:0;flex-shrink:0;background:transparent;border:0;padding:0;font-size:0;color:#425660}.mobile-compose-row #sticker-panel-button:after{content:'☺';font-size:29px;font-weight:400}.mobile-compose-row #record-audio{display:none}.mobile-voice .mobile-compose-row #record-audio{display:flex;flex:1;justify-content:center;min-width:0;width:0;min-height:40px;margin:0;border:1px solid #d9e0e5;border-radius:9px;background:#fff;font-size:15px;color:#40535d;white-space:nowrap}.mobile-voice .mobile-compose-row #message-input,.mobile-voice .mobile-compose-row #send-button{display:none}
 .composer .composer-toolbar{display:none;margin-top:9px}.composer.mobile-tools-open .composer-toolbar{display:block;max-height:180px;overflow:auto}.composer .composer-toolbar>span{display:none}.composer .composer-toolbar>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:6px 3px}.composer .composer-toolbar button{width:100%;height:60px;min-width:0;min-height:60px;padding:5px;background:#fff;border:1px solid #e4e8ed;border-radius:12px;font-size:12px;color:#506773;white-space:normal}.composer .composer-toolbar #upload-button{display:flex;flex-direction:column;gap:4px}.composer .composer-toolbar #upload-button:after{content:'图片';font-size:12px}.composer .composer-toolbar #mention-button{font-size:24px}.composer .composer-toolbar input[hidden]{display:none}
 .mention-suggestions{position:absolute;bottom:100%;left:8px;right:8px;margin:0 0 5px;max-height:min(220px,35dvh);z-index:9}.reply-target{margin-top:6px}.pending-images{max-height:100px}.new-message-button{bottom:90px;right:12px;font-size:12px;padding:8px 12px}
 .modal-scrim{padding:12px;align-items:center;top:var(--mobile-top,0px);height:var(--mobile-height,100dvh);bottom:auto}.modal{max-width:100%;max-height:calc(var(--mobile-height,100dvh) - 24px);border-radius:16px}.modal>header{padding:12px 15px}.modal-content{padding:16px}.modal-content .form-stack{gap:12px}.large-image-modal{height:calc(var(--mobile-height,100dvh) - 24px);width:100%;max-width:100%}.large-image-modal .image-tools{gap:5px}.image-tools button{font-size:12px;padding:6px}.gallery-arrow{width:34px;height:52px;font-size:32px}.drawer{width:100%;z-index:15}.drawer-header{height:57px;padding:10px 15px}.member-grid{gap:18px 9px}.selection-bar{padding:6px 10px;flex-wrap:wrap;font-size:12px}.ledger-modal{max-width:100%}.ledger-totals{gap:6px}.ledger-totals>div{padding:9px}.ledger-totals strong{font-size:20px}.ledger-filters{gap:7px}.login-screen{min-height:0;height:var(--mobile-height,100dvh);overflow:auto}.login-card{padding:26px;width:calc(100vw - 32px)}
 #announcement-alerts{z-index:20;width:min(310px,calc(100vw - 24px));max-height:40dvh}.announcement-alert{padding:12px}.announcement-alert p{max-height:60px}#toast{bottom:80px}
}