body{color:#fff;background:#0f0f0f;margin:0;font-family:Arial}.topbar{background:#151515;border-bottom:1px solid #222;justify-content:space-between;padding:15px 25px;display:flex}.logo{color:#ff3b7a;font-size:20px;font-weight:700}.app{grid-template-columns:200px 1fr 200px;gap:20px;padding:20px;display:grid}.sidebar button{color:#fff;cursor:pointer;background:#ff3b7a;border:none;border-radius:10px;width:100%;padding:10px}.feed{flex-direction:column;gap:20px;display:flex}.post{background:#1a1a1a;border-radius:15px;overflow:hidden}.post-header{align-items:center;gap:10px;padding:10px;display:flex}.post-header img{border-radius:50%}.post-image{background:#333;height:300px}.post-actions{gap:10px;padding:10px;display:flex}.post-actions button{color:#fff;cursor:pointer;background:0 0;border:none}.post-likes{opacity:.7;padding:0 10px}.post-comments{padding:10px;font-size:14px}.rightbar{opacity:.7}.login-btn{color:#fff;cursor:pointer;background:#ff3b7a;border:none;border-radius:10px;padding:8px 12px}.user-info{align-items:center;gap:10px;display:flex}.user-info img{border-radius:50%;width:30px;height:30px}.modal{background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-box{background:#1a1a1a;border-radius:15px;flex-direction:column;gap:10px;width:300px;padding:20px;display:flex}.modal-box input,.modal-box textarea{color:#fff;background:#222;border:none;border-radius:10px;padding:10px}