html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden}
input,textarea,select{max-width:100%}
@media(max-width:760px){
  input,textarea,select{font-size:16px!important}
  .modal{max-height:calc(100dvh - 24px);overflow-y:auto;padding:28px 22px}
  .modal input{font-size:16px}
  .composer textarea{font-size:16px;min-height:145px}

  .chat-main header{gap:8px}
  .header-start{min-width:0;flex:0 1 auto;gap:8px}
  .mobile-brand{white-space:nowrap;font-size:21px}
  .account{flex:none;gap:7px;white-space:nowrap}
  #quota{white-space:nowrap;font-size:11px}
  #logout{
    flex:none;
    padding:6px 3px;
    color:var(--terra);
    white-space:nowrap;
    line-height:1;
    -webkit-appearance:none;
    appearance:none
  }
  .avatar{flex:none}

  .actions{align-items:stretch;flex-wrap:wrap;row-gap:14px}
  .model-picker{flex:1 1 100%}
  .model-picker select{width:100%;max-width:none}
  .actions button{margin-left:auto}
  .actions .provider-switch button{margin-left:0}
  .actions #send{margin-top:0;margin-left:auto}
}