@media(max-width:760px){
html,body{height:100%;overflow:hidden}body{overscroll-behavior:none}main{height:var(--app-height,100dvh);width:100%;max-width:none;overflow:hidden;padding:0;border:0}.rail{position:absolute;bottom:0;left:0;width:100%;height:calc(64px + env(safe-area-inset-bottom));padding:4px 24px env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;border:0;border-top:1px solid var(--line);z-index:2;background:#f7f5f1;gap:0}.rail>a{display:none}.rail-bottom{margin:0;display:contents}.rail-bottom>#avatar{display:none}.rail-button{width:100px;padding:6px 12px;gap:2px;border-radius:12px;font-size:.75rem}.glyph{font-size:1.4rem}.rail-button.active{background:transparent}.conversation-list{width:100%;height:calc(100% - 64px - env(safe-area-inset-bottom));border:0}.list-header{padding:calc(20px + env(safe-area-inset-top)) 20px 16px}.list-header h1{font-size:1.6rem}.icon-button{width:44px;height:44px}.invite-button{margin:0 16px 12px;padding:13px 16px;min-height:46px}.rooms{padding:0 6px}.room-item{padding:16px 12px;min-height:82px}.room-item .avatar{width:48px;height:48px}.room-top strong{font-size:1rem}.room-preview{font-size:.875rem}.list-footer{padding:9px 18px;font-size:.7rem}.room-open .rail,.room-open .conversation-list{display:none}.room-open .chat{display:flex;width:100%;height:100%;overflow:hidden}.chat-header{height:auto;min-height:70px;padding:calc(8px + env(safe-area-inset-top)) 10px 8px;gap:8px}.chat-header h2{font-size:1rem;margin-bottom:3px}.chat-header .subtle{font-size:.75rem}.chat-header .outline{min-height:40px;padding:8px 12px}.chat-header .avatar{width:36px;height:36px}.messages{padding:18px 12px 12px;overscroll-behavior:contain;scroll-behavior:auto}.message-row{gap:7px;margin-bottom:16px}.message-body{max-width:calc(100% - 46px)}.message-row.mine .message-body{max-width:86%}.bubble{padding:10px 13px;font-size:.96rem;line-height:1.55}.file-preview img,.file-preview video{max-height:280px;max-width:100%;object-fit:contain}.composer{padding:8px 8px calc(8px + env(safe-area-inset-bottom));margin:0;width:100%;border-radius:0}.composer-row{align-items:flex-end;gap:4px}.composer textarea{font-size:16px;min-height:44px;max-height:120px;padding:11px 13px;border-radius:22px}.send-button{width:44px;height:44px;flex-shrink:0}.composer-caption{display:none}.attachment{margin:0 4px 8px;padding:10px}.auth{height:var(--app-height,100dvh);min-height:0;overflow:auto;padding:24px 20px}.auth-card{padding:26px 22px;width:100%;max-width:400px}.auth-card input,dialog input{font-size:16px}.auth-card .primary{min-height:48px}dialog{padding:22px 20px;width:calc(100% - 24px);max-height:calc(var(--app-height,100dvh) - 32px);border-radius:20px;overflow:auto}.button-row button{min-height:44px}.toast{bottom:calc(82px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 32px)}.empty{padding:24px}.person{min-height:48px}
}
@media(max-width:760px){#app{position:fixed;inset:auto 0 auto 0;top:var(--app-top,0px);height:var(--app-height,100dvh);min-height:0}.chat,#chat-content,.messages{min-height:0}.chat-header,.composer{flex-shrink:0}.messages{flex:1 1 0;overflow-y:auto}.keyboard-open .composer{padding-bottom:8px}.keyboard-open .toast{bottom:70px}#chat-content{width:100%;height:100%;overflow:hidden}}