@media(max-width:1023px){
 body{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
 .mobile-nav{position:fixed;z-index:35;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) 88px repeat(2,minmax(0,1fr));align-items:end;gap:0;width:100%;height:auto;min-height:calc(80px + env(safe-area-inset-bottom));padding:0 8px calc(8px + env(safe-area-inset-bottom));overflow:visible;background:var(--ui-surface,#fff);border-top:1px solid var(--ui-border,#dfe5ee);box-shadow:0 -3px 16px #0d33690a}
 .mobile-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:60px;padding:8px 2px;margin:0;border:0;border-radius:8px;background:transparent;color:var(--ui-muted,#657287);font:400 11px/16px Rubik,Arial,sans-serif;text-align:center}
 .mobile-nav>button>.icon{width:22px;height:22px;flex:0 0 22px}
 .mobile-nav>.mobile-post{align-self:stretch;justify-content:flex-end;min-height:72px;padding:0 2px 4px;gap:6px;color:var(--ui-link,#0b5ed7);font-weight:500}
 .mobile-nav .mobile-post-icon{display:grid;place-items:center;flex:0 0 60px;width:60px;height:60px;margin-top:-20px;border-radius:50%;background:var(--brand,#0b5ed7);color:#fff;box-shadow:0 0 0 5px var(--ui-surface,#fff),0 5px 14px #0b5ed72b}
 .mobile-nav .mobile-post .mobile-post-icon .icon{display:block;width:28px;height:28px;padding:0;margin:0;border-radius:0;background:transparent;color:inherit;stroke-width:2}
 .mobile-nav .mobile-post-label{font:500 11px/16px Rubik,Arial,sans-serif;white-space:nowrap}
 .mobile-nav>button:focus-visible{outline:3px solid var(--ui-link,#0b5ed7);outline-offset:-2px}
 .toast{bottom:calc(100px + env(safe-area-inset-bottom))}
 .scroll-top{bottom:calc(100px + env(safe-area-inset-bottom))}
}

@media(min-width:1024px){
 .header-actions .post-top{width:auto;min-width:126px;min-height:44px;padding:10px 14px;margin-right:12px;flex-direction:row;gap:8px;border-radius:8px;background:var(--brand,#0b5ed7);color:#fff;font:500 13px/20px Rubik,Arial,sans-serif}
 .header-actions .post-top .action-circle{width:22px;height:22px;flex:0 0 22px;background:transparent;color:inherit}
 .header-actions .post-top:hover{background:#084eb6}
 .header-actions .post-top:hover .action-circle{background:transparent}
 .header-actions .post-top:focus-visible{outline:3px solid var(--ui-link,#0b5ed7);outline-offset:3px}
}