.brand .brand-mark.compass-mark { width:44px;height:44px;flex:0 0 44px;object-fit:contain;border:0;border-radius:11px;background:#0e1b2e; }
.mobile-brand { display:none; }
.forgot-password { min-height:44px;margin-top:8px; }
.admin-row:has(.member-reset-link) { flex-wrap:wrap; }
.member-reset-link { flex-basis:100%;min-width:0; }
.member-reset-link .button { margin-top:10px; }
.recovery-status { overflow-wrap:anywhere;line-height:1.6; }
.install-card { display:flex;gap:17px;padding:22px;margin:0 0 24px;align-items:flex-start; }
.install-card>img,.install-icon { border-radius:15px;flex:none; }
.install-card h2 { font-size:20px;margin:0 0 8px; }
.install-card p { color:#b5c5dd;line-height:1.6;margin:0 0 15px; }
.install-dialog { width:min(480px,calc(100% - 28px));max-height:calc(100dvh - 40px);overflow-y:auto;padding:25px;border:1px solid #405470;border-radius:22px;background:#1c2738;color:#edf3ff;box-shadow:0 24px 80px #0008; }
.install-dialog::backdrop { background:#050b16bd; }
.install-close { float:right;min-height:44px; }
.install-dialog h2 { clear:both;font-size:25px;line-height:1.2;margin:20px 0 15px; }
.install-dialog h3 { font-size:17px;margin:23px 0 9px; }
.install-dialog p,.install-dialog li { color:#bbcae0;font-size:15px;line-height:1.6; }
.install-dialog ol { padding-left:23px; }
.install-dialog li { padding-left:5px;margin:8px 0; }
.install-preview-note { padding:13px;border-radius:12px;background:#293d5c; }
.connection-status { position:fixed;z-index:1000;bottom:calc(85px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);padding:13px 18px;border:1px solid #9aaac0;border-radius:12px;background:#1d2e46;color:white;box-shadow:0 5px 24px #0005;font-size:14px; }
@media(max-width:820px) {
  body { padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right); }
  .topbar { height:auto;min-height:64px;padding:calc(9px + env(safe-area-inset-top)) 14px 9px;gap:10px; }
  .mobile-brand { display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;padding:2px;background:none;border-radius:12px; }
  .mobile-brand img { display:block;border-radius:10px; }
  .topbar-title { flex:1;min-width:0;max-width:none!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
  .topbar-actions { gap:6px;flex:none; }
  .topbar .topbar-post { font-size:0;padding:10px;width:44px;min-height:44px;gap:0; }
  .topbar .topbar-post .ui-icon { width:20px;height:20px; }
  .bottom-nav { padding-bottom:calc(8px + env(safe-area-inset-bottom));padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right)); }
  .bottom-nav button { min-height:48px;touch-action:manipulation; }
  .main-content { padding-bottom:calc(100px + env(safe-area-inset-bottom)); }
  .input,select,textarea,input { font-size:16px; }
  .engagement-button,.feed-tab,.feed-refresh,.post-menu summary,.composer-add { min-height:44px; }
  .post-menu summary,.composer-add { min-width:44px; }
  .chat-compose { position:sticky;bottom:calc(76px + env(safe-area-inset-bottom));z-index:3; }
  .chat-compose textarea { min-width:0; }
  .profile-tabs { overflow-x:auto; }
  .profile-tabs button { flex:none; }
  .install-card { padding:18px;gap:12px; }
  .install-card h2 { font-size:18px; }
  .install-card>img { width:44px;height:44px; }
  .install-dialog { padding:20px; }
}
@media(display-mode:standalone) {
  html,body { background:#14171d;min-height:100dvh; }
}