/* TheCutee premium-quality UI layer */
:root{
 --tc-radius:18px;
 --tc-radius-sm:12px;
 --tc-shadow:0 10px 35px rgba(24,28,40,.07);
 --tc-shadow-hover:0 14px 42px rgba(24,28,40,.10);
}
.post-card,.composer-box,.hub-card,.notifications-panel,.group-header-card,.profile-header,.search-panel{
 border-radius:var(--tc-radius)!important;
 border:1px solid color-mix(in srgb,var(--border-color,#e8eaf0) 80%,transparent)!important;
 box-shadow:var(--tc-shadow);
 transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;
}
.post-card:hover,.hub-card:hover{box-shadow:var(--tc-shadow-hover)}
.post-header-icon,.interactive-btn,.nav-item,.mobile-nav-item,.btn,.chat-icon-btn{
 transition:transform .16s ease,opacity .16s ease,background-color .16s ease,box-shadow .16s ease;
}
.post-header-icon:active,.interactive-btn:active,.nav-item:active,.mobile-nav-item:active,.btn:active{transform:scale(.94)}
.nav-item{border-radius:12px}
.top-header{
 position:sticky;top:0;z-index:100;
 backdrop-filter:saturate(150%) blur(16px);
 -webkit-backdrop-filter:saturate(150%) blur(16px);
}
.header-logo-link{display:flex;align-items:center;flex:0 0 auto}
.header-logo-img{width:34px;height:34px;object-fit:contain}
.brand-logo-img{width:38px;height:38px}
.post-more-menu,.menu-panel{animation:tcMenuIn .14s ease both;transform-origin:top right}
@keyframes tcMenuIn{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}
@media (max-width:700px){
 .top-header{padding:8px 10px!important}
 .header-logo-img{width:30px;height:30px}
 .top-header .nav-item{width:38px;height:38px}
 .post-card,.composer-box{border-radius:15px!important}
}
@media (prefers-reduced-motion:reduce){
 *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}