html{height:100%;-webkit-text-size-adjust:100%}body{overscroll-behavior-y:none}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}
#workspace{height:100dvh;height:var(--app-height,100dvh)}
#mobile-back{display:none}.profile-tools{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.profile-tools h3{font-size:17px}.profile-tools .secondary{margin:0 6px 8px 0;font-size:13px}#push-status{font-size:12px;color:var(--muted);line-height:1.6}
.install-trigger{font:inherit;border:1px solid var(--line);background:#fff;color:var(--accent);padding:9px 13px;border-radius:9px;font-size:12px}
#install-dialog li{font-size:14px;line-height:1.8;margin:12px 0}#install-dialog ul{padding-left:22px}
@media(max-width:540px){
  input,textarea,select{font-size:16px}button{min-height:44px}.icon{min-width:44px;min-height:44px}
  .login-header{padding:14px 16px}.login-header nav{gap:8px}.login-header nav a{display:none}.login-header .brand{gap:8px}.login-layout{padding:28px 18px;gap:24px}.login-copy h1{font-size:34px}.login-copy .benefits{gap:7px 12px}.login-card{padding:23px 20px}.login-footer{padding-bottom:max(18px,env(safe-area-inset-bottom))}
  #workspace{display:block;min-height:0;height:var(--app-height,100dvh);overflow:hidden}.sidebar{height:100%;border:0;padding:18px 16px max(18px,env(safe-area-inset-bottom));overflow:hidden}.sidebar .brand{font-size:20px}.account{margin:24px 0}.sidebar-foot{display:block}.section-heading{font-size:11px}
  #contacts{display:block;flex:1;overflow-y:auto;min-height:0}.contact{display:flex;width:100%;min-width:0;margin:7px 0;padding:14px 12px}.contact strong{font-size:15px}.contact small{font-size:12px}.contact .avatar{width:44px;height:44px}.contact div{min-width:0;overflow-wrap:anywhere}
  .chat-area{display:none;height:100%;min-height:0}#workspace[data-ps-view="chat"]>.sidebar{display:none}#workspace[data-ps-view="chat"]>.chat-area{display:flex}#mobile-back{display:block;flex-shrink:0;color:var(--accent)}
  .chat-header{padding:10px 12px 10px 4px;gap:8px;height:auto;min-height:70px;padding-top:max(10px,env(safe-area-inset-top))}.chat-header>div{flex:1;min-width:0}.chat-header h2{font-size:16px;overflow-wrap:anywhere}.chat-header small{font-size:11px}.chat-header .primary{padding:9px;font-size:11px;max-width:120px}
  #empty{padding:20px}#messages{padding:16px 12px;gap:10px}.bubble{max-width:90%;padding:10px 12px;font-size:15px}.bubble time{font-size:10px}.message-media{max-width:100%}
  #composer{padding:10px 10px max(10px,env(safe-area-inset-bottom));gap:6px;align-items:flex-end}#message{font-size:16px;padding:12px;min-height:46px}#composer .primary{padding:12px;font-size:13px;min-height:46px}#choose-media{width:38px;min-width:38px}#upload-status{padding:8px 12px}
  dialog{max-height:90dvh;overflow-y:auto;padding:24px 20px}.close{min-width:44px;min-height:44px}#image-dialog{max-height:100dvh}
}