/* v21: phone chat with the keyboard open (2026-09-27). With the keyboard up the visible area is ~360px and the
   header + tabs + 200px composer filled all of it, so Alex's messages vanished; `transition:all` animated every
   resize, so the room shuddered while the keyboard slid in. v21.js pins the room to visualViewport and sets kb-open. */
@media (max-width:600px){
 html:has(body.chat-open){overflow:hidden}
 body.chat-open .workspace{top:0;bottom:auto;will-change:transform}
 body.chat-open .workspace,body.chat-open .workspace *{transition-property:color,background-color,border-color,opacity!important}
 body.chat-open .conversation-scroll{overscroll-behavior:contain}
 body.kb-open .room-tabs,body.kb-open .desk-identity p,body.kb-open .desk-status,body.kb-open #new-idea,
 body.kb-open .composer-label,body.kb-open .composer-tools,body.kb-open .attachment-status:empty{display:none!important}
 body.kb-open .desk-header{padding-top:6px!important;padding-bottom:6px!important;min-height:0!important}
 body.kb-open .composer{padding:8px 10px!important}
 body.kb-open #chat-form{display:flex;align-items:flex-end;gap:8px;padding:6px!important}
 body.kb-open #chat-input{flex:1;height:44px;min-height:44px!important;max-height:96px;padding:10px 12px!important;margin:0!important}
 body.kb-open .composer-toolbar{padding:0!important;flex:none}
 body.kb-open #send-button{font-size:0!important;width:48px;height:44px;min-height:0!important;padding:0!important;display:grid;place-items:center}
 body.kb-open #send-button span{font-size:22px;margin:0}
}
.v10-links .v22-roast{color:#ffb86b}