:root{
                --card-radius:16px;
                --feed-bg: #f8f9fb;
            }

            
            body{
                /*background:#f3f5f8*/
                background:#f8f9fb;
            }
            body{background:var(--feed-bg);}            
            
            .card{
                border:0;
                border-radius:var(--card-radius);
                box-shadow:0 6px 16px rgba(16,24,40,.06)
            }
            .navbar{
                --bs-navbar-padding-y:.3rem
            }
            
            
    .topbar1nojor{backdrop-filter: blur(8px);}    
    .glass{background:rgba(255,255,255,.75);}              
            
            
            
                .avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;} 
                    .feed-card{border:0;border-radius:var(--card-radius);box-shadow:0 6px 24px rgba(0,0,0,.06);}    

                    
                    
                    
                    
                  
/*                    
    body {
      font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
      background: radial-gradient(circle at top, #f0f4ff 0%, #e5e7eb 50%, #dfe3e6 100%);
      min-height: 100vh;
      color: var(--text);
    }*/

:root {
  --bg-light: radial-gradient(circle at top, #f0f4ff 0%, #e5e7eb 50%, #dfe3e6 100%);
  --bg-dark:  radial-gradient(circle at top, #020617 0%, #020617 40%, #000000 100%);
}

/* LIGHT MODE */
html[data-bs-theme="light"],
html[data-bs-theme="light"] body {
  background: var(--bg-light) !important;
  color: #374151 !important;
}

/* DARK MODE */
html[data-bs-theme="dark"],
html[data-bs-theme="dark"] body {
  background: var(--bg-dark) !important;
  color: #e5e7eb !important;
}