@media(max-width:900px){
 :root[data-design] body.chat-viewport110{overflow:hidden!important;overscroll-behavior:none}
 :root[data-design] body.chat-viewport110 .shell{position:fixed!important;top:var(--chat110-top,0px)!important;left:0!important;right:0!important;width:100%!important;height:var(--chat110-height,100dvh)!important;min-height:0!important;max-height:var(--chat110-height,100dvh)!important;margin:0!important;padding:env(safe-area-inset-top,0px) 0 0!important;box-sizing:border-box;overflow:hidden}
 :root[data-design] body.chat-viewport110 .main{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column;overflow:hidden;margin:0!important;padding:0!important}
 :root[data-design] body.chat-viewport110 :is(.topbar,.a4-bottom-nav,.n15-bottom-nav){display:none!important}
 :root[data-design] body.chat-viewport110 .main>#page{display:flex!important;flex:1 1 0!important;flex-direction:column;min-height:0!important;max-height:100%!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden!important}
 :root[data-design] body.chat-viewport110 #page>.page-head{display:none!important}
 :root[data-design] body.chat-viewport110 .chat-layout{flex:1 1 0!important;min-height:0!important;height:100%!important;max-height:100%!important;display:block!important;margin:0!important;padding:0!important;border-radius:0!important}
 :root[data-design] body.chat-viewport110 .chat-layout>.chat-main{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important}
 :root[data-design] body.chat-viewport110 .chat-head{min-height:56px!important;padding:6px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left))!important;box-sizing:border-box;gap:6px!important}
 :root[data-design] body.chat-viewport110 .chat-head :is(.icon-button,.a4-chat-back){width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:10px!important}
 :root[data-design] body.chat-viewport110 .chat-head strong{font-size:15px!important;line-height:1.3!important}
 :root[data-design] body.chat-viewport110 .chat-head small{font-size:12px!important;line-height:1.4!important}
 :root[data-design] body.chat-viewport110 .messages{height:auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;padding:12px!important;-webkit-overflow-scrolling:touch}
 :root[data-design] body.chat-viewport110 .compose{position:relative!important;bottom:auto!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;grid-template-rows:auto auto auto;align-items:end;column-gap:8px!important;row-gap:0!important;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left))!important;margin:0!important;max-height:40%;min-width:0;box-sizing:border-box}
 :root[data-design] body.chat-viewport110.chat-keyboard110 .compose{padding-bottom:8px!important}
 :root[data-design] body.chat-viewport110 .compose textarea{font-size:16px!important;line-height:22px!important;min-height:44px!important;max-height:100px!important;height:44px;padding:10px 12px!important;border:1px solid var(--line)!important;border-radius:18px!important;box-sizing:border-box;overflow-y:auto;min-width:0}
 :root[data-design] body.chat-viewport110 .compose textarea:focus{outline:2px solid var(--accent)!important;outline-offset:-2px;box-shadow:none!important}
 :root[data-design] body.chat-viewport110 .compose .tools button{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:10px!important}
 /* One flex height chain: percentage heights in nested grid rows clipped the composer. */
 :root[data-design] body.chat-viewport110 .shell{display:flex!important;flex-direction:column!important}
 :root[data-design] body.chat-viewport110 .main{flex:1 1 0!important;height:auto!important;max-height:100%!important}
 :root[data-design] body.chat-viewport110 .chat-layout{height:auto!important;max-height:none!important}
 :root[data-design] body.chat-viewport110 .chat-layout>.chat-main{display:flex!important;flex-direction:column!important;box-sizing:border-box;padding:0!important}
 :root[data-design] body.chat-viewport110 .chat-head{flex:0 0 auto!important}
 :root[data-design] body.chat-viewport110 :is(.messages,.e43-messages){flex:1 1 0!important;min-height:0!important}
 :root[data-design] body.chat-viewport110 :is(.compose,.e43-compose){flex:0 0 auto!important;max-height:45%;overflow-y:auto}
}