.portrait-lock{display:none}
@media(max-width:700px){
  body.mobile-chat-open .conversation{display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;grid-auto-rows:0!important;width:100%!important;height:var(--app-height,100dvh)!important;max-height:var(--app-height,100dvh)!important;min-height:0!important;overflow:hidden!important}
  .conversation>.conversation-header{grid-row:1!important;min-height:0}
  .conversation>.pinned-message{grid-row:2!important}
  .conversation>.messages{grid-row:3!important;width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important}
  .conversation>.composer{grid-row:4!important;min-height:0;max-height:none}
  body.platform-chat-open .conversation{grid-template-rows:auto minmax(0,1fr) auto!important}
  body.platform-chat-open .conversation>.messages{grid-row:2!important}
  body.platform-chat-open .conversation>.platform-command-bar{grid-row:3!important}
  body.mobile-chat-open .conversation{background-color:#f8f9fa;background-image:radial-gradient(#b9c1cf26 .7px,transparent .7px);background-size:15px 15px}
  .conversation>.composer{box-sizing:border-box;grid-template-columns:38px minmax(0,1fr) 38px 44px!important;align-items:center!important;column-gap:2px!important;width:100%!important;margin:0!important;padding:4px max(6px,env(safe-area-inset-right)) max(3px,calc(env(safe-area-inset-bottom) - 8px)) max(6px,env(safe-area-inset-left))!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .conversation>.composer:not(.has-recording)>#attach-button,.conversation>.composer:not(.has-recording)>#emoji-button{display:grid;place-items:center;width:38px!important;height:42px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
  .conversation>.composer>#attach-button .ui-svg-icon,.conversation>.composer>#emoji-button .ui-svg-icon{width:24px!important;height:24px!important;stroke-width:1.9}
  .conversation>.composer>#message-input{height:42px;margin:0!important}
  .conversation>.composer>.send{width:44px!important;height:44px!important;margin:0!important}
  html[data-theme=dark] body.mobile-chat-open .conversation{background-color:#0b1320;background-image:radial-gradient(#6f819426 .7px,transparent .7px)}
}
.round-video-poster-loader{position:relative;display:block;width:240px;height:240px;padding:0;overflow:hidden;border:0;border-radius:50%;background:radial-gradient(circle,#28352c,#0a0f0c);cursor:pointer}
.round-video-poster-loader img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.round-video-poster-loader:after{position:absolute;top:50%;left:50%;width:42px;height:42px;border-radius:50%;background:#0a120db8;box-shadow:0 0 0 1px #cfff576b,0 7px 22px #0007;content:"";transform:translate(-50%,-50%)}
.round-video-poster-loader:before{position:absolute;z-index:1;top:50%;left:calc(50% + 2px);border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #cfff57;content:"";transform:translate(-50%,-50%)}
@media(max-width:700px){.round-video-poster-loader{width:min(220px,62vw);height:min(220px,62vw)}}
@media (orientation:landscape) and (max-height:600px) and (pointer:coarse){
  .portrait-lock{position:fixed;inset:0;z-index:1000;display:grid;grid-template-rows:auto auto auto;place-content:center;justify-items:center;gap:12px;padding:max(22px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 15%,#30482f 0,transparent 38%),linear-gradient(145deg,#101b14,#07100b);color:#f2f8ef;text-align:center}
  .portrait-lock-phone{position:relative;width:54px;height:88px;margin-bottom:5px;border:2px solid #cfff57;border-radius:15px;background:linear-gradient(160deg,#1e3324,#0c1710);box-shadow:0 0 0 7px #cfff570d,0 18px 45px #0008;animation:portrait-phone 1.8s ease-in-out infinite}
  .portrait-lock-phone:before{position:absolute;top:7px;left:50%;width:18px;height:3px;border-radius:3px;background:#cfff5788;content:"";transform:translateX(-50%)}
  .portrait-lock-phone i{position:absolute;bottom:7px;left:50%;width:7px;height:7px;border:1px solid #cfff57;border-radius:50%;transform:translateX(-50%)}
  .portrait-lock strong{color:#d9ff78;font-size:18px;line-height:1.2}
  .portrait-lock span{max-width:320px;color:#acb9ae;font-size:12px;line-height:1.4}
}
@keyframes portrait-phone{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg) scale(1.025)}}