/* Interações comuns: feedback tátil, hierarquia e movimento suave. */
.ui-ripple-host{position:relative!important;isolation:isolate;overflow:hidden}.ui-ripple-wave{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(0);background:currentColor;opacity:.18;animation:ui-ripple .62s ease-out forwards}@keyframes ui-ripple{to{transform:translate(-50%,-50%) scale(1);opacity:0}}
.ui-hover-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.ui-hover-card:focus-within{border-color:#aaa;box-shadow:0 0 0 3px rgba(0,0,0,.06)}
.feed-tabs,.content-filters,.profile-tabs,.friends-strip-list,.mobile-nav{scrollbar-width:thin;scrollbar-color:#c9c9c4 transparent}.feed-tabs::-webkit-scrollbar,.content-filters::-webkit-scrollbar,.profile-tabs::-webkit-scrollbar,.friends-strip-list::-webkit-scrollbar,.mobile-nav::-webkit-scrollbar{height:4px}.feed-tabs::-webkit-scrollbar-thumb,.content-filters::-webkit-scrollbar-thumb,.profile-tabs::-webkit-scrollbar-thumb,.friends-strip-list::-webkit-scrollbar-thumb,.mobile-nav::-webkit-scrollbar-thumb{background:#c9c9c4;border-radius:999px}
.privacy-panel,.post-card,.rail-card,.platform-card,.community-card,.messages-layout{will-change:transform}@media(hover:hover) and (pointer:fine){.ui-hover-card:hover{transform:translateY(-3px);border-color:#d1d1cb;box-shadow:0 18px 44px rgba(0,0,0,.1)}.privacy-option:hover{background:#fafaf8}.privacy-option:hover .privacy-option-icon{background:#111;color:#fff;transform:scale(1.04)}.privacy-option-icon{transition:transform .18s ease,background .18s ease,color .18s ease}.mobile-nav>button:hover,.nav-item:hover{filter:brightness(1.07)}}
@media(max-width:720px){.ui-ripple-host:active{filter:brightness(.96)}.privacy-option{transition:background .16s ease}.privacy-option:active{background:#f4f4f1}.mobile-nav>button.active .ui-icon{animation:ui-mobile-active .42s ease both}@keyframes ui-mobile-active{50%{transform:translateY(-3px) scale(1.12)}100%{transform:translateY(0) scale(1)}}}
@media(prefers-reduced-motion:reduce){.ui-ripple-wave{display:none}.ui-hover-card{transition:none}.ui-hover-card:hover{transform:none}}